Jest: window.location.href को परीक्षणों में नहीं बदला जा सकता है।

को निर्मित 13 अप्रैल 2016 · 70टिप्पणियाँ · स्रोत: facebook/jest

हाय @cpojer ,

यह वास्तव में एक jsdom@8 मुद्दे से अधिक है ... tmpvar/jsdom#1388 देखें, लेकिन मैं यहां भी पिन करना चाहता हूं इसलिए जेस्ट जो भी समाधान jsdom के साथ आता है उसे उठाता है।

पहले [email protected]/[email protected] के साथ आप इस तरह एक परीक्षण लिख सकते थे:

jest.autoMockOff()
jest.setMock('../lib/window', window)

jest.mock('cookies-js')
jest.mock('query-string')
jest.mock('superagent')

describe(['@utils/auth - When an AJAX response returns:'
].join('')
, function () {

  beforeEach(function () {
    window.location.href = 'http://quux.default.com'
    var queryString = require('query-string')
    queryString.__setMockParseReturns([{
      'access_token': '1234foo',
      'expires_in': '9999'
    }])
  })

  it(['should set a redirect token and goto platform ',
    'when the AJAX request returns 401.'
  ].join('')
  , function () {
    var superagent = require('superagent')
    superagent.__setMockAjaxResponses([
      [null, { 'status': 401 }]
    ])

    var href = window.location.href
    var auth = require('../index.js')
    auth.login(function (res) {})
    var Cookies = require('cookies-js')
    var config = require.requireActual('../config')
    expect(decodeURIComponent(window.location.href)).toBe([
      config.loginUrl,
      config.loginServiceLogin,
      '?client_id=',
      config.clientId,
      '&response_type=token',
      '&redirect_uri=',
      config.clientRedirectUri
    ].join(''))
    expect(Cookies.__getMockCookieData()[config.clientId + '_state_locationAfterLogin']).toBe(escape(href))
  })

और वह परीक्षा पास हो जाएगी। चूंकि jsdom@8 यह अब संभव नहीं है और ये परीक्षण विफल हो जाते हैं।

ऐसा लगता है कि jsdom किसी प्रकार की क्षमता को देख रहा है, बस यह सुनिश्चित करना चाहता था कि जेस्ट उपलब्ध होने पर उस क्षमता को उठाएगा।

स्रोत

sterpe

👍4

सबसे उपयोगी टिप्पणी

आप सही हैं, यह वास्तव में एक jsdom मुद्दा है। फेसबुक पर, हमने इसके आसपास काम करने के लिए जो किया है, वह इसका उपयोग है:

Object.defineProperty(window.location, 'href', {
  writable: true,
  value: 'some url'
});

यह हमारे लिए काम करता है, हालाँकि हम अभी भी आंतरिक रूप से jsdom 7 पर हैं।

मैं इसे बंद कर दूंगा, क्योंकि मेरा मानना है कि Object.defineProperty चीजों को करने का तरीका ठीक है। अगर वह आपके लिए jsdom 8 में काम नहीं करता है, तो मुझे इसे फिर से खोलने में खुशी हो रही है।

cpojer 14 अप्रैल 2016

👍203 👎38 🎉19

सभी 70 टिप्पणियाँ

Object.defineProperty(window.location, 'href', {
  writable: true,
  value: 'some url'
});

यह हमारे लिए काम करता है, हालाँकि हम अभी भी आंतरिक रूप से jsdom 7 पर हैं।

cpojer 14 अप्रैल 2016

👍203 👎38 🎉19

बढ़िया, धन्यवाद मैं इसे आजमाउंगा।

sterpe 14 अप्रैल 2016

@cpojer , मुझे यह पता नहीं लग रहा है कि इस मुद्दे को फिर से खोलने के लिए मुझे क्या क्लिक करना है ...

क्या jest वातावरण में कोई भी व्यक्ति jsdom.changeUrl(window, url) पर कॉल कर सकता है जैसा कि यहां बताया गया है https://github.com/tmpvar/jsdom#change -the-url-of-an- मौजूदा-jsdom- [email protected] में विंडो-इंस्टेंस?

sterpe 1 अक्तू॰ 2016

👍13

पुराने टिकट लेकिन उन लोगों के लिए जो अभी भी इस समस्या का सामना कर रहे हैं, हमने इसके बजाय window.location.assign() का उपयोग करना शुरू कर दिया है, इसलिए हमारे परीक्षणों में हम assign फ़ंक्शन का मजाक उड़ा सकते हैं।

it('will redirect with a bad route', () => {
    window.location.assign = jest.fn();
    const redirection = shallow(<Redirection />, {
      context: {
        router: {
          location: {
            pathname: '/wubbalubbadubdub',
          },
        },
      },
    });
    expect(window.location.assign).toBeCalledWith(`${CONFIG.APP_LEGACY_ROOT}`);
  });

th3fallen 21 अप्रैल 2017

👍52 👎8 ❤5 🎉4 😄4

धन्यवाद @ th3fallen । यह अच्छा है!

sterpe 21 अप्रैल 2017

बीटीडब्ल्यू @cpojer मैं 1 मई को एफबी से शुरू करता हूं ....; पी

sterpe 21 अप्रैल 2017

🎉18

अच्छा!

cpojer 21 अप्रैल 2017

मैं अपने परीक्षणों को मोचा+चाई+सिनॉन.जेएस से जेस्ट में माइग्रेट करने का प्रयास कर रहा हूं और यह पता नहीं लगा सकता कि किसी विशेष परीक्षण के लिए स्थान कैसे बदला जाए।
जेस्ट 19.x JSDom 9.12 का उपयोग करता है जो Object.defineProperty ट्रिक का उपयोग करके स्थान बदलने की अनुमति नहीं देता है। साथ ही, मैं tmpvar/jsdom#1700 में वर्णित कारणों के कारण jsdom.changeURL() का उपयोग नहीं कर सकता।
@cpojer जेस्ट में jsdom.changeURL() के लिए कुछ प्रॉक्सी विधि को लागू करने के बारे में क्या?

okovpashko 2 मई 2017

👍1

@okovpashko हम पर्यावरण के लिए jsdom को बेनकाब करने की योजना बना रहे हैं: https://github.com/facebook/jest/issues/2460

thymikee 2 मई 2017

Object.defineProperty हमारे लिए FB पर काम करता है।

cpojer 2 मई 2017

@thymikee मैंने उस मुद्दे को देखा लेकिन सोचा कि प्रस्ताव खारिज कर दिया गया था।
@cpojer मैंने आपके उदाहरण को गलत तरीके से पढ़ा और इसे इस समस्या से संबंधित अन्य लोगों के साथ मिश्रित किया, जहां लोगों ने Object.defineProperty(window, 'location', {value: 'url'}); का उपयोग करने का सुझाव दिया। आपको धन्यवाद!

मुझे न केवल href बदलने की जरूरत है, इसलिए मैंने सरल विधि लिखी, जो इस धागे को पढ़ने वाले किसी व्यक्ति के लिए उपयोगी हो सकती है:

const setURL = (url) => {
  const parser = document.createElement('a');
  parser.href = url;
  ['href', 'protocol', 'host', 'hostname', 'origin', 'port', 'pathname', 'search', 'hash'].forEach(prop => {
    Object.defineProperty(window.location, prop, {
      value: parser[prop],
      writable: true,
    });
  });
};

okovpashko 2 मई 2017

👍38 🎉6 ❤2 😄1

इस सूत्र को आगे खींचने के लिए क्षमा याचना, लेकिन मैंने सुझाव के अनुसार पुश फंक्शन का मजाक उड़ाने की कोशिश की है ...

reactRouterReduxMock.push = (url) => {
   Object.defineProperty(window.location, 'href', {
    writable: true,
    value: url
       })
})

लेकिन मुझे अभी भी एक jsdom त्रुटि मिल रही है कि मुझे गोल नहीं लग रहा है:

       TypeError: Cannot read property '_location' of null
       at Window.location (/Users/user/projects/app/client/node_modules/jsdom/lib/jsdom/browser/Window.js:148:79)
       at value (/Users/user/projects/app/client/test/integration-tests/initialSetup.js:122:32) //this is the defineProperty line above

मुझे एहसास है कि यह एक jsdom त्रुटि है, लेकिन जिन लोगों ने इसे हल किया है उनके लिए क्या कोई और सेटअप संदर्भ है जिसे आप साझा कर सकते हैं जो मुझे इसके आसपास जाने दे सकता है?

धन्यवाद

matt-dalton 13 मई 2017

@ मैट-डाल्टन https://github.com/facebook/jest/issues/890#issuecomment -295939071 में मेरे सुझाव का प्रयास करें मेरे लिए अच्छा काम करता है

th3fallen 13 मई 2017

@ मैट-डाल्टन आपका यूआरएल क्या है? क्या आपके पास अपने jest-config.json में testURL सेट है या यह about:blank के रूप में प्रारंभ होता है?

ianlyons 14 मई 2017

👍1

@ianlyons हाँ मैंने package.json में इसके लिए "https://test.com/" का मान निर्धारित किया है, और कोई भी पथ blank के रूप में दिखाई नहीं दे रहा है।

@ th3fallen अगर मैं आपको सही ढंग से समझता हूं, तो मुझे नहीं लगता कि यह मेरे उपयोग के मामले में काम करता है। क्या आप यूआरएल को संदर्भ मान के रूप में पास कर रहे हैं जो असाइन को ट्रिगर करने का कारण बनता है? मैं एक प्राथमिक एकीकरण परीक्षण को एक साथ रखने की कोशिश कर रहा हूं, इसलिए मैं यह जांचना चाहता हूं कि राउटर प्रारंभिक डेटा लोड पर कैसे प्रतिक्रिया करता है। मैंने एपीआई प्रतिक्रिया का मज़ाक उड़ाया है, और फिर ऐप तर्क का उपयोग करके यूआरएल परिवर्तन की आवश्यकता है (यानी मैं इसे बाहरी रूप से ट्रिगर नहीं करना चाहता)।

matt-dalton 16 मई 2017

Object.defineProperty उदाहरण के लिए, window.location.search पर निर्भर कार्यक्षमता का परीक्षण करने के लिए चाल चल रहा है। कहा जा रहा है कि यह window.location.search बदल देता है इसलिए अन्य परीक्षण प्रभावित हो सकते हैं। क्या आपके द्वारा window.location.search पर Object.defineProperty #$ के माध्यम से किए गए परिवर्तनों को "पूर्ववत" करने का कोई तरीका है, जैसे कि जेस्ट मॉक फ़ंक्शंस में mockReset फ़ंक्शन होता है?

msholty-fd 10 नव॰ 2017

@ msholty-fd आप इस दृष्टिकोण को आजमा सकते हैं:

const origLocation = document.location.href;
let location = origLocation;

beforeAll(() => {
  const parser = document.createElement('a');
  ['href', 'protocol', 'host', 'hostname', 'origin', 'port', 'pathname', 'search', 'hash'].forEach(prop => {
    Object.defineProperty(window.location, prop, {
      get: function() {
        parser.href = location;
        return parser[prop];
      }
    });
  });
});

afterEach(() => {
  location = origLocation;
});

test('location 1', () => {
  location = "https://www.google.com/";
  console.log(document.location.href); // https://www.google.com/
});

test('location 2', () => {
  console.log(document.location.href); // about:blank
});

dmgawel 28 नव॰ 2017

🎉6 ❤3

इसने जेस्ट 22.0.1 . में काम करना बंद कर दिया

Object.defineProperty(window.location, 'href', {
  writable: true,
  value: 'some url'
});

त्रुटि संदेश:

TypeError: Cannot redefine property: href
        at Function.defineProperty (<anonymous>)

modestfake 18 दिस॰ 2017

👍164 😕14

हम्म, हमें किसी तरह लोगों को reconfigure पर कॉल करने की अनुमति देनी पड़ सकती है। https://github.com/tmpvar/jsdom/blob/05a6deb6b91b4e02c53ce240116146e59f7e14d7/README.md#reconfigure -the-jsdom-with-reconfiguresettings

SimenB 18 दिस॰ 2017

👍1

इससे संबंधित एक नया मुद्दा खोला, क्योंकि यह बंद था: #5124

simon360 19 दिस॰ 2017

@SimenB मुझे विश्वास नहीं है कि जेस्ट को इसे ठीक करना चाहिए। JSDOM को window.location.assign() को इच्छित कार्य करने की अनुमति देनी चाहिए और window.location.href आदि के आउटपुट को पुन: कॉन्फ़िगर करना चाहिए।

probablyup 19 दिस॰ 2017

👍6

मुझे TypeError: Could not parse "/upgrades/userlogin?hardwareSku=sku1351000490stgvha" as a URL मिला क्योंकि jsdom का आधार url डिफ़ॉल्ट रूप से about:blank है

मैंने jsdom को आधार यूआरएल असाइन करने का प्रयास किया, बिना सफलता के 4 घंटे बिताए (मुझे पता है कि इसे कैसे करना है, बस डोम में <base href='your_base_url' /> डालें; लेकिन , डोम jest द्वारा बनाया गया है

Object.defineProperty समाधान केवल jsdom के पुराने संस्करण के साथ काम करता है (आपको ' jsdom के बाद के संस्करण के साथ संपत्ति त्रुटि को फिर से परिभाषित नहीं किया जा सकता है);
यदि आप jsdom ver > 10 का उपयोग कर रहे हैं, जैसा कि @th3fallen ने उल्लेख किया है तो यह सही समाधान है।
उपयोग window.location.assign जाने का सही तरीका है

bochen2014 15 जन॰ 2018

यदि आप about:blank के अलावा कुछ अन्य url चाहते हैं, तो आप testURL config का उपयोग कर सकते हैं।

SimenB 15 जन॰ 2018

👎9 👍1

आपके उत्तर के लिए धन्यवाद @SimenB ।

नहीं, मैं बात कर रहा था base url नहीं url । मेरे पास कोड है जो window.location.href="/login" करेगा और jest चलाते समय, jsdom शिकायत फेंक अपवाद /login वैध यूआरएल नहीं है

TypeError: Could not parse "/login" as a URL

मैंने jsdom के स्रोत कोड की जांच की और महसूस किया कि ऐसा इसलिए है क्योंकि मेरे पास आधार यूआरएल सेटअप नहीं है (यह आधार पते के बिना ब्राउज़र यूआरएल बार में "/ लॉगिन" टाइप करने के बराबर है)।

के साथ jsdom , आम तौर पर हम के माध्यम से आधार यूआरएल सेट कर सकते हैं

global.jsdom = new JSDOM('<html><head> <base href="base_url" /></head></html>')

लेकिन क्योंकि jest सेट अप jsdom , यह हमारे नियंत्रण से बाहर है।
--- अद्यतन: मुझे लगता है कि मैं स्पष्ट रूप से jsdom को निर्भरता के रूप में जोड़ सकता हूं और मैन्युअल रूप से jsdom को कॉन्फ़िगर कर सकता हूं।

मुझे तब एक समाधान मिला जो window.location.href= को window.location.assign $ के साथ प्रतिस्थापित करना है और assign फ़ंक्शन का नकली होना है और यह मेरे लिए काम करता है

bochen2014 15 जन॰ 2018

👎1

@bochen2014 इस मुद्दे में jsdom के नए संस्करण का उपयोग करने के तरीके के बारे में अधिक जानकारी है: #5124

टीएल; डॉ: आप window.location.assign() का मजाक उड़ा सकते हैं, या आप jest-environment-jsdom-global का उपयोग कर सकते हैं, जो आपको उड़ान में jsdom को फिर से कॉन्फ़िगर करने की अनुमति देगा।

simon360 15 जन॰ 2018

👍1

धन्यवाद @ साइमन360

वही मैंने किया ;-)
मैंने अपने परीक्षणों में अलग-अलग प्रारंभिक urls सेट करने के लिए jsdom.reconfigure का उपयोग किया, और जब भी मुझे कोड में यूआरएल बदलने की आवश्यकता होती है (परीक्षण नहीं), तो मैं window.location.assign का उपयोग करता हूं और इसका मजाक उड़ाता हूं। जो मेरे लिए काम किया।

सिर्फ उन लोगों के लिए जो आपके jsdom के लिए यूआरएल सेट करने के लिए एक ही मुद्दे में भाग सकते हैं/चलेंगे

// jest.config.js
 module.exorts={ 
  testURL: 'http://localhost:3000',
  // or : 
  testEnvironmentOptions: {
     url: "http://localhost:3000/",
    referrer: "https://example.com/",
  }
}

ध्यान दें कि यह आपके सभी परीक्षणों के लिए url सेट करेगा;
यदि आप कुछ विशेष परीक्षणों में एक अलग यूआरएल चाहते हैं, तो jsdom.reconfigure एपीआई का उपयोग करें;
अगर आपको यूनिट टेस्ट कोड (यानी प्रोडक्शन कोड) के बाहर फ्लाई पर यूआरएल बदलने की जरूरत है, तो आपको window.location.assign का उपयोग करना होगा और इसे नकली बनाना होगा।

bochen2014 15 जन॰ 2018

👍3

इसे अन्य टिकट पर पोस्ट किया, लेकिन मैं इसे यहां पोस्ट करूंगा:

जेस्ट 21.2.1 के लिए अच्छा समाधान मिला

ठीक है, अब तक इसका सबसे आसान समाधान है:
अपनी जेस्ट सेटिंग में जाएं (उदाहरण के लिए मैं package.json का उपयोग करूंगा):

"jest": { "testURL": "http://localhost" }

अब आपके पास विंडो ऑब्जेक्ट तक पहुंच होगी और फिर आप परीक्षण के दौरान अपनी पसंद के अनुसार URL सेट कर सकते हैं।

it('Should set href url to testURL', () => {
    // Here I set href to my needs, opinionated stuff bellow
    const newUrl = 'http://localhost/editor.html/content/raiweb/it/news/2018/02/altered-carbon-best-cyberpunk-tv-series-ever.html';
    Object.defineProperty(window.location, 'href', {
        writable: true,
        value: newUrl
    });

    console.log(window.location.href);
});

it('Should set pathname url to testURL', () => {
    // Here I set href to my needs, opinionated stuff bellow
    const newUrl = '/editor.html/content/raiweb/it/news/2018/02/altered-carbon-best-cyberpunk-tv-series-ever.html';
    Object.defineProperty(window.location, 'pathname', {
        writable: true,
        value: newUrl
    });

    console.log(window.location.pathname);
});

उम्मीद है कि यह किसी की मदद करता है।

petar-prog91 16 फ़र॰ 2018

👍7 😕6 👎2

@ petar-prog91 जो मददगार था। हालांकि आपके पास एक टाइपो है - यह testURL होना चाहिए न कि TestURL

BarthesSimpson 17 फ़र॰ 2018

@BarthesSimpson नोटिस के लिए धन्यवाद, अद्यतन टिप्पणी।

petar-prog91 17 फ़र॰ 2018

इसे पोस्ट करना बंद करो, यह मजाक पर काम नहीं करता": "^22.4.2"

UserNT 2 मार्च 2018

👍20

नमस्ते,
मैंने परीक्षण में इसका इस्तेमाल किया है, मैं वैश्विक स्थिति को हटा देता हूं और jsdom के साथ एक नया बना देता हूं ...:

   describe('componentDidMount', () => {
    delete global.window
    const window = (new JSDOM(``, {url: 'https://example.org/'})).window
    global.window = window
    describe('When window is defined', () => {
      const spy = jest.spyOn(Utils, 'extractTokenFromUrl')
      it('should call extract token function with window location', () => {
        mount(<Header />)
        expect(spy).toHaveBeenCalledWith('https://example.org/')
      })
    })
  })

annemarie35 12 मार्च 2018

👍10 ❤5 🎉4

@UserNT पुष्टि करें - यह TypeError: Cannot redefine property: href देता है

@ annemarie35 काम नहीं करता - ReferenceError: JSDOM is not defined

alexbaumgertner 1 अप्रैल 2018

मुझे नहीं पता कि इससे किसी को मदद मिलेगी या नहीं, लेकिन मैं वर्तमान में यही कर रहा हूं।

const redirectTo = (url: string): void => {
  if (process.env.NODE_ENV === "test") {
    global.jsdom.reconfigure({ url: `${getBaseUrl()}${url}` });
  } else {
    window.location.replace(url);
  }
};

एक रीडायरेक्ट फ़ंक्शन लिखें और इसके बजाय उसका उपयोग करें। तो परीक्षण env में, यह url भाग को बदलने के लिए jsdom.reconfigure url पर निर्भर करेगा।

मैं इसे इस तरह इस्तेमाल करता हूं

export const clientFetchData = (
  history: Object,
  routes: Object,
  store: Object
) => {
  const callback = location =>
    match({ routes, location }, (error, redirectLocation, renderProps) => {
      if (error) {
        redirectTo("/500.html");
      } else if (redirectLocation) {
        redirectTo(redirectLocation.pathname + redirectLocation.search);
      } else if (renderProps) {
        if (!isEmpty(window.prerenderData)) {
          // Delete initial data so that subsequent data fetches can occur
          window.prerenderData = undefined;
        } else {
          // Fetch mandatory data dependencies for 2nd route change onwards
          trigger(
            FETCH_DATA_HOOK,
            renderProps.components,
            getDefaultParams(store, renderProps)
          );
        }

        trigger(
          UPDATE_HEADER_HOOK,
          renderProps.components,
          getDefaultParams(store, renderProps)
        );
      } else {
        redirectTo("/404.html");
      }
    });

  history.listen(callback);
  callback(history.getCurrentLocation());
};

उसके बाद, आपके परीक्षण में, यह इस प्रकार हो सकता है

    describe("# match route", () => {
      it("should navigate to error page", () => {
        fetchData.clientFetchData(history, components, store);
        reactRouter.match.mock.calls[0][1](true);
        expect(window.location.href).toEqual(`${SERVER_URL}/500.html`);
      });

      it("should redirect to /hello-world.html page", () => {
        fetchData.clientFetchData(history, components, store);
        reactRouter.match.mock.calls[0][1](undefined, {
          pathname: "/hello-world.html",
          search: ""
        });
        expect(window.location.href).toEqual(`${SERVER_URL}/hello-world.html`);
      });
...

hung-phan 3 अप्रैल 2018

👍2

मैंने ऐसा करना समाप्त कर दिया जो काम करता था:

global.window = new jsdom.JSDOM('', {
  url: 'http://www.test.com/test?foo=1&bar=2&fizz=3'
}).window;

Volcanic-Penguin 18 अप्रैल 2018

👍1

मेरे पास यह मेरी जेएसडीओएम सेटअप फ़ाइल के शीर्ष पर है:

const { JSDOM } = require('jsdom');
const jsdom = new JSDOM('<!doctype html><html><body><div id="root"></div></body></html>', {
  url: "http://test.com"
});
const { window } = jsdom;

function copyProps(src, target) {
  const props = Object.getOwnPropertyNames(src)
    .filter(prop => typeof target[prop] === 'undefined')
    .map(prop => Object.getOwnPropertyDescriptor(src, prop));
  Object.defineProperties(target, props);
}

global.document = window.document;
global.window = window;
global.navigator = {
  userAgent: 'node.js',
};

global.HTMLElement = window.HTMLElement;

ljones87 27 अप्रैल 2018

👍4

जेस्ट कॉन्फ़िगरेशन में "testURL": " http://localhost/ " सेट करके इसे ठीक किया (मैं नवीनतम संस्करण का उपयोग कर रहा हूं)। डिफ़ॉल्ट रूप से यह " about:blank " होता है और यह JSDOM त्रुटि उत्पन्न कर रहा था (आप "about:blank" url को किसी अन्य चीज़ में नहीं बदल सकते हैं)।

साधन:
http://jestjs.io/docs/en/configuration#testurl -string
https://github.com/jsdom/jsdom/issues/1372

ulshv 30 जून 2018

👍2 👎1

मुझे यह पोस्ट बहुत मददगार लगी: https://www.ryandoll.com/post/2018/3/29/jest-and-url-mocking

"अपने जेस्ट कॉन्फ़िगरेशन में, निम्नलिखित सेट करना सुनिश्चित करें:

"testURL": "https://www.somthing.com/test.html"

फिर अपने परीक्षण के लिए अपने पहले () अनुभाग में, उपयोग करके आवश्यकतानुसार पथ बदलें
इतिहास। पुशस्टेट ()।

window.history.pushState({}, 'Test Title', '/test.html?query=true');

वोइला! अब आप किसी भी परीक्षण के लिए अपना रास्ता बदलते हैं, बिना किसी jsdom कॉन्फ़िगरेशन को ओवरराइड किए, जैसा कि ऊपर वर्णित धागे में अन्य सुझाव देते हैं। मुझे यकीन नहीं है कि मुझे यह समाधान किस धागे पर मिला है, लेकिन उस देव को बधाई जिसने इसे पोस्ट किया है!"

Mike-Tran 23 अग॰ 2018

👍41 🎉18 ❤4 👎2

@ माइक-ट्रान यू रॉक! यह पूरी तरह से काम किया, इतना आसान। मुझे testURL सेटिंग का उपयोग करने की भी आवश्यकता नहीं थी।

eldoy 24 अग॰ 2018

👍2

@ माइक-ट्रान यह काम करता है! धन्यवाद! हालांकि, मुझे testURL या beforeEach की आवश्यकता नहीं थी। मैंने अभी किया:

window.history.pushState({}, 'Test Title', '/test.html?query=true');

और अब मुझे Object.defineProperty का उपयोग करने की आवश्यकता नहीं है

jcmcneal 29 अग॰ 2018

👍14 🎉7

@jcmcneal धन्यवाद जिसने मेरे लिए यह किया! (मजाक 23.0.0)

khadirbaaoua 9 अक्तू॰ 2018

यदि आपका लक्ष्य window वस्तु का उपहास करना है, तो यहां मेरा (इतना सुरुचिपूर्ण नहीं है, लेकिन यह काम करता है) समाधान है:

एक इंटरफ़ेस बनाएं (सुनिश्चित नहीं है कि इंटरफ़ेस सही शब्द है, लेकिन मुझे आशा है कि आपको बिंदु मिल जाएगा) वर्ग:

// window.js
export const { location } = window;

अपने वास्तविक कोड में, इंटरफ़ेस विधि के साथ window स्वैप करें, उदाहरण के लिए win

// myFile.js
import * as win from './window';

export function doSomethingThatRedirectsPage() {
  win.location.href = 'google.com';
}

फिर, अपने मज़ाक परीक्षणों में, आप बस उनका मज़ाक उड़ाते हैं ताकि jsdom शिकायत न करे। आप उन पर दावा भी कर सकते हैं:

// myFile.test.js
import * as myFile from './myFile';
import * as win from './window';

it('should redirect', () => {
  win.location = { href: 'original-url' };

  expect(win.location.href).toBe('original-url');

  myFile.doSomethingThatRedirectsPage();

  expect(win.location.href).toBe('google.com');
});

laxa88 9 अक्तू॰ 2018

👍1

@ माइक-ट्रान, @jcmcneal धन्यवाद! सभी पहलू के रूप में काम करता है!

Fi1osof 11 अक्तू॰ 2018

वर्ग SSOtestComponent React.Component का विस्तार करता है {

componentDidMount() {
    let isSuccess = this.props.location.pathname === '/sso/test/success' ? true : false

    window.opener.postMessage({ type: "sso_test", isSuccess,...this.props.location.query}, window.location.origin)
}

onSsoAuthenticate() {

}

componentWillUnmount() {
}

render() {
    return (<Loader />);
}

}

मॉड्यूल.एक्सपोर्ट्स = एसएसओटेस्ट कॉम्पोनेंट;

मैं enjyme और जेस्ट का उपयोग करके यूनिट टेस्ट केस लिख रहा हूं, स्थिति विंडो कैसे लिखेंगे। स्थान ... कृपया उत्तर दें

naveenthallapani 14 अक्तू॰ 2018

👎4

यह मेरे लिए काम किया

    const location = JSON.stringify(window.location);
    delete window.location;

    Object.defineProperty(window, 'location', {
      value: JSON.parse(location)
    });

    Object.defineProperty(global.location, 'href', {
      value: 'http://localhost/newURL',
      configurable: true
    });

जस्ट संस्करण 23.6.0 . पर

linkswapnil 1 जन॰ 2019

👍26 🎉7 ❤2 👀1 🚀1

यह मेरे लिए काम किया।

delete global.window.location
global.window.location = { href: 'https://test-domain.com.br', ...anyOptions }

FelipeBohnertPaetzold 23 जन॰ 2019

👍37 🎉14 ❤9 🚀6 👀4 😄2

@FelipeBohnertPaetzold धन्यवाद

ruimcf 28 जन॰ 2019

धन्यवाद @FelipeBohnertPaetzold। मैं अपने कोड में location.host का उपयोग कर रहा था, इसलिए पाया कि मुझे एक पूर्ण स्थान वस्तु की आवश्यकता है, इसलिए प्रत्येक स्थान संपत्ति को मैन्युअल रूप से पास करने के बजाय निम्नलिखित ने मेरे लिए बेहतर काम किया:

delete global.window.location;
global.window.location = new URL("https://www.ediblecode.com/");

ध्यान दें, यह नोड 6.13+ में काम करता है ( यूआरएल क्लास डॉक्स देखें) और मैं जेस्ट 24 का उपयोग कर रहा था।

यह भी ध्यान दें, यह सापेक्ष URL के साथ काम नहीं करता है, https://url.spec.whatwg.org/#example -url-parsing देखें।

ediblecode 8 फ़र॰ 2019

👍7

यह टाइपस्क्रिप्ट मेरे लिए जेस्ट 24.0.0 और नोड 10.15.0 पर काम कर रहा है:

src/setupTests.ts

import { mockWindow } from './testUtils';
mockWindow(window, 'http://localhost');

src/setupTests.test.ts

describe('setup tests', () => {

    describe('window.location', () => {
        const saveLocation = window.location;

        afterAll(() => {
            delete window.location;
            window.location = saveLocation;
        });

        it('location.assign assigns a location', () => {
            window.location.assign('http://foo.com');

            expect(window.location.href).toBe('http://foo.com/');

            (window.location.assign as jest.Mock<void, [string]>).mockClear();
        });

        it('location.replace replaces a location', () => {
            window.location.replace('http://bar.com');

            expect(window.location.href).toBe('http://bar.com/');

            (window.location.replace as jest.Mock<void, [string]>).mockClear();
        });

        it('location.reload is a spy', () => {
            window.location.reload();

            expect(window.location.reload).toHaveBeenCalledTimes(1);

            (window.location.reload as jest.Mock).mockClear();
        });
    });
});

src/testUtils.ts

interface MockedLocation extends Location {
    assign: jest.Mock<void, [string]>;
    reload: jest.Mock;
    replace: jest.Mock<void, [string]>;
}

interface MockedWindow extends Window {
    location: MockedLocation;
}

export function mockWindow(win: Window = window, href = win.location.href) {
    const locationMocks: Partial<MockedLocation> = {
        assign: jest.fn().mockImplementation(replaceLocation),
        reload: jest.fn(),
        replace: jest.fn().mockImplementation(replaceLocation),
    };

    return replaceLocation(href);

    function replaceLocation(url: string) {
        delete win.location;
        // tslint:disable-next-line:no-any
        win.location = Object.assign(new URL(url), locationMocks) as any;
        return win as MockedWindow;
    }
}

src/testUtils.test.ts

import { mockWindow } from './testUtils';

describe('test utils', () => {

    describe('mockWindow', () => {
        const saveLocation = window.location;

        afterAll(() => {
            delete window.location;
            window.location = saveLocation;
        });

        it('location.assign assigns a location', () => {
            const { assign } = mockWindow().location;
            assign('http://foo.com');

            expect(window.location.href).toBe('http://foo.com/');

            assign.mockClear();
        });

        it('location.replace replaces a location', () => {
            const { replace } = mockWindow().location;
            replace('http://bar.com');

            expect(window.location.href).toBe('http://bar.com/');

            replace.mockClear();
        });

        it('location.reload is a spy', () => {
            const { reload } = mockWindow().location;
            reload();

            expect(window.location.reload).toHaveBeenCalledTimes(1);

            reload.mockClear();
        });
    });
});

jedmao 8 फ़र॰ 2019

👍10 ❤2

@jedmao

अरे, यार) बढ़िया उपयोग!

मेरे लिए src/setupTests.test.ts में परीक्षण थोड़ा बेमानी है, क्योंकि आपने src/testUtils.test.ts में mockWindow उपयोग का पूरी तरह से परीक्षण किया है। तो, src/setupTests.ts के परीक्षणों में यह परीक्षण करने के लिए पर्याप्त है, कि आप सही तर्कों के साथ mockWindow कहते हैं।

आपको धन्यवाद)

j-u-p-iter 26 फ़र॰ 2019

@tzvipm @jup-iter के लिए धन्यवाद। मैंने अभी जारी किया @jedmao/storage और @jedmao/location , जो दोनों जेस्ट के पूरी तरह से अज्ञेयवादी हैं। आपको spyOn बिना कोई अतिरिक्त परीक्षण लिखे उपयुक्त तरीकों में सक्षम होना चाहिए, क्योंकि npm पैकेज पूरी तरह से परीक्षण किए जाते हैं।

jedmao 26 फ़र॰ 2019

👍1

यदि आपको Vue का उपयोग करते समय यह त्रुटि हो रही है, तो बस this.$router.go({...}) के बजाय this.$router.go({...}) this.$router.push({...}) का उपयोग करें

dnutiu 19 मार्च 2019

नीचे दिए गए कोड को लाइन 1 पर रखें:
delete global.window.location;
global.window.location = "";

एक क्लिक ईवेंट जो विंडो को बदल रहा है। स्थान अब कैप्चर किया जा सकता है।

"जस्ट": "^ 23.6.0"
v10.15.0
6.5.0

brianli-whitbread 27 मार्च 2019

यह सही है:

delete window.location;
window.location = Object.assign({}, window.location);
const url = Object.assign({}, new URL('http://google.com'));
Object.keys(url).forEach(prop => (window.location[prop] = url[prop]));

gaui 16 अप्रैल 2019

या फिर बेहतर...

delete (global as any).window;
(global as any).window = new JSDOM(undefined, { url: 'http://google.com' }).window;

gaui 17 अप्रैल 2019

👍2 ❤1

आप सही हैं, यह वास्तव में एक jsdom मुद्दा है। फेसबुक पर, हमने इसके आसपास काम करने के लिए जो किया है, वह इसका उपयोग है:
Object.defineProperty(window.location, 'href', {
  writable: true,
  value: 'some url'
});
यह हमारे लिए काम करता है, हालाँकि हम अभी भी आंतरिक रूप से jsdom 7 पर हैं।
मैं इसे बंद कर दूंगा, क्योंकि मेरा मानना है कि Object.defineProperty चीजों को करने का तरीका ठीक है। अगर वह आपके लिए jsdom 8 में काम नहीं करता है, तो मुझे इसे फिर से खोलने में खुशी हो रही है।

हाँ, मेरे पास location.search और location.hash के साथ कुछ फ़ंक्शन डील हैं, और जैसा कि आपने उल्लेख किया है, मैं इसे defineProperty के साथ परीक्षण करना चाहता हूं। यह काम नहीं करेगा!

जब मैंने jest साइलेंट मोड को बंद किया, तो मुझे यह मिला: Error: Not implemented: navigation (except hash changes)

console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
    Error: Not implemented: navigation (except hash changes)
        at module.exports (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
        at navigateFetch (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/living/window/navigation.js:74:3)
        at exports.navigate (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/living/window/navigation.js:52:3)
        at LocationImpl._locationObjectNavigate (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/living/window/Location-impl.js:29:5)
        at LocationImpl.assign (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/living/window/Location-impl.js:213:10)
        at Location.assign (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/living/generated/Location.js:93:25)
        at Object.assign (/home/ghlandy/projects/wdph-utils/src/__tests__/url.test.js:6:14)
        at Object.asyncJestLifecycle (/home/ghlandy/projects/wdph-utils/node_modules/jest-jasmine2/build/jasmineAsyncInstall.js:53:37)
        at resolve (/home/ghlandy/projects/wdph-utils/node_modules/jest-jasmine2/build/queueRunner.js:43:12)
        at new Promise (<anonymous>) undefined

और अब मुझे नहीं पता कि मैं अपने कार्यों का परीक्षण कैसे करूं।

किसी के पास परीक्षण को बदलने का कोई भी तरीका है url

GHLandy 12 जून 2019

आप सही हैं, यह वास्तव में एक jsdom मुद्दा है। फेसबुक पर, हमने इसके आसपास काम करने के लिए जो किया है, वह इसका उपयोग है:
Object.defineProperty(window.location, 'href', {
  writable: true,
  value: 'some url'
});
यह हमारे लिए काम करता है, हालाँकि हम अभी भी आंतरिक रूप से jsdom 7 पर हैं।
मैं इसे बंद कर दूंगा, क्योंकि मेरा मानना है कि Object.defineProperty चीजों को करने का तरीका ठीक है। अगर वह आपके लिए jsdom 8 में काम नहीं करता है, तो मुझे इसे फिर से खोलने में खुशी हो रही है।
हाँ, मेरे पास location.search और location.hash के साथ कुछ फ़ंक्शन डील हैं, और जैसा कि आपने उल्लेख किया है, मैं इसे defineProperty के साथ परीक्षण करना चाहता हूं। यह काम नहीं करेगा!
जब मैंने jest साइलेंट मोड को बंद किया, तो मुझे यह मिला: Error: Not implemented: navigation (except hash changes)
console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
    Error: Not implemented: navigation (except hash changes)
        at module.exports (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
        at navigateFetch (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/living/window/navigation.js:74:3)
        at exports.navigate (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/living/window/navigation.js:52:3)
        at LocationImpl._locationObjectNavigate (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/living/window/Location-impl.js:29:5)
        at LocationImpl.assign (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/living/window/Location-impl.js:213:10)
        at Location.assign (/home/ghlandy/projects/wdph-utils/node_modules/jsdom/lib/jsdom/living/generated/Location.js:93:25)
        at Object.assign (/home/ghlandy/projects/wdph-utils/src/__tests__/url.test.js:6:14)
        at Object.asyncJestLifecycle (/home/ghlandy/projects/wdph-utils/node_modules/jest-jasmine2/build/jasmineAsyncInstall.js:53:37)
        at resolve (/home/ghlandy/projects/wdph-utils/node_modules/jest-jasmine2/build/queueRunner.js:43:12)
        at new Promise (<anonymous>) undefined
और अब मुझे नहीं पता कि मैं अपने कार्यों का परीक्षण कैसे करूं।
किसी के पास परीक्षण को बदलने का कोई भी तरीका है url

और मेरी स्थिति में, एक फ़ील्ड है testURL में jest.config.js फ़ाइल काम कर सकती है। लेकिन क्या होगा यदि मैं प्रत्येक परीक्षण से पहले testURL बदलना चाहता हूं।

GHLandy 12 जून 2019

मुझे यह पोस्ट बहुत मददगार लगी: https://www.ryandoll.com/post/2018/3/29/jest-and-url-mocking
"अपने जेस्ट कॉन्फ़िगरेशन में, निम्नलिखित सेट करना सुनिश्चित करें:
"testURL": "https://www.somthing.com/test.html"
फिर अपने परीक्षण के लिए अपने पहले () अनुभाग में, उपयोग करके आवश्यकतानुसार पथ बदलें
इतिहास। पुशस्टेट ()।
window.history.pushState({}, 'Test Title', '/test.html?query=true');
वोइला! अब आप किसी भी परीक्षण के लिए अपना रास्ता बदलते हैं, बिना किसी jsdom कॉन्फ़िगरेशन को ओवरराइड किए, जैसा कि ऊपर वर्णित धागे में अन्य सुझाव देते हैं। मुझे यकीन नहीं है कि मुझे यह समाधान किस धागे पर मिला है, लेकिन उस देव को बधाई जिसने इसे पोस्ट किया है!"

बेहतरीन उपाय!!! आपका बहुत बहुत धन्यवाद! @ माइक-ट्रान
मैं इस तरह एक छोटा और आक्रामक समाधान नहीं चाहता था!

jherax 15 जून 2019

👍3 🚀1 ❤1

इसे जून 2019 तक काम करने के लिए मुझे यह करना था:

    delete global.window.location;
    global.window = Object.create(window);
    global.window.location = {
      port: '123',
      protocol: 'http:',
      hostname: 'localhost',
    };

watadarkstar 28 जून 2019

👍8 🎉5

मैं इसका उपयोग करता हूं ....

window.history.pushState({}, '', `${url}/`);

gaui 29 जून 2019

👍4

शायद मेरे JSDOMTestWrapper का हिस्सा किसी की मदद कर सकता है

    /** <strong i="6">@type</strong> {Window} */
    this.testWindowObject = Object.create(window);
    const wnd = this.testWindowObject;
    this.testWindowObject.history = {
      state: null,
      prev: { /** <strong i="7">@todo</strong> immutable stack with the go(step) method emulation */
        state: null,
        pathname: null,
        search: null,
      },
      go(step) {
        logger.special('history go called', step);
        logger.warn('history go has not supported yet');
      },
      back() {
        this.state = this.prev.state;
        wnd.location.pathname = this.prev.pathname;
        wnd.location.search = this.prev.search;
        const eventData = this.state ? { url: this.state.displayURL, newState: this.state, type: 'push' } : null;
        wnd.sm.eventsService.triggerEvent(ROUTER_EVENTS.ROUTE_PUSH, eventData);
        wnd.sm.urlService.simpleRouteTo(`${ wnd.location.pathname || '' }${ wnd.location.search || '' }`);
        logger.special('history back emulated');
      },
      pushState(state, title, url) {
        this.prev.state = Object.assign({}, this.state);
        this.prev.pathname = '' + wnd.location.pathname;
        this.prev.search = '' + wnd.location.search;
        this.state = state;
        if (title) wnd.document.title = title;
        const [p, s] = url.split('?');
        wnd.location.pathname = p;
        wnd.location.search = s ? `?${ s }` : '';
        logger.special('push state emulated', { state, title, url });
      },
      replaceState(state, title, url) {
        this.prev.state = Object.assign({}, this.state);
        this.prev.pathname = '' + wnd.location.pathname;
        this.prev.search = '' + wnd.location.search;
        this.state = state;
        if (title) wnd.document.title = title;
        const [p, s] = url.split('?');
        wnd.location.pathname = p;
        wnd.location.search = s ? `?${ s }` : '';
        logger.special('replace state emulated', { state, title, url });
        logger.special('test: urlService.getPathName()', wnd.sm.urlService.getPathName());
      },
    };
    this.testWindowObject.innerWidth = WND_WIDTH;
    this.testWindowObject.innerHeight = WND_HEIGHT;
    this.testWindowObject.fetch = fetchFn;
    this.testWindowObject.localStorage = lstMock;
    this.testWindowObject.scrollTo = (x, y) => {
      /** not implemented yet https://github.com/jsdom/jsdom/issues/1422 */
      if (typeof x !== 'number' && (x.left || x.top)) {
        y = x.top;
        x = x.left;
      }
      // logger.info(`window.scrollTo(${ x }, ${ y })`);
    };

    if (fetchFn === JSDOMTestWrapper.FETCH_FN.DEV_MOCK) {
      global.Request = RequestMock;
      this.testWindowObject.Request = RequestMock;
    }

    if (href) {
      this.testWindowObject.location = Object.assign({}, this.testWindowObject.location, urlapi.parse(href));
    }
    else {
      this.testWindowObject.location = Object.assign({}, this.testWindowObject.location);
    }

    (function(ELEMENT) {
      ELEMENT.matches = ELEMENT.matches || ELEMENT.mozMatchesSelector || ELEMENT.msMatchesSelector || ELEMENT.oMatchesSelector || ELEMENT.webkitMatchesSelector;
      ELEMENT.closest = ELEMENT.closest || function closest(selector) {
          if (!this) return null;
          if (this.matches(selector)) return this;
          if (!this.parentElement) {return null}
          else return this.parentElement.closest(selector)
        };
      ELEMENT.getBoundingClientRect = ELEMENT.getBoundingClientRect || (() =>
        ({ bottom: WND_HEIGHT, height: WND_HEIGHT, left: 0, right: WND_WIDTH, top: 0, width: WND_WIDTH, x: 0, y: 0 }));
    }(Element.prototype));

    this.testWindowObject.getBoundingClientRect = () =>
      ({ bottom: WND_HEIGHT, height: WND_HEIGHT, left: 0, right: WND_WIDTH, top: 0, width: WND_WIDTH, x: 0, y: 0 });

    this.testWindowObject.__resizeListeners__ = [];
    this.testWindowObject.__resizeTriggers__ = {};
    this.testWindowObject._detectElementResize = {
      removeResizeListener: () => {},
    };

    this.testWindowObject.matchMedia = jest.fn().mockImplementation(query => {
      return {
        matches: false,
        media: query,
        onchange: null,
        addListener: jest.fn(),
        removeListener: jest.fn(),
      };
    });

    this.rftpr = () => {};
    this.mode = mode;
    this.renderFirstTimePromise = new Promise((resolve) => {
      this.rftpr = resolve;
    });

    this.marpr = () => {};
    this.mobileAppReadyPromise = new Promise((resolve) => {
      this.marpr = resolve;
    });

    if (mode === JSDOMTestWrapper.MODE.MOBILE_APP) {
      this.testWindowObject.navigator = Object.assign({}, this.testWindowObject.navigator, {
        language: storeKey,
        appVersion: '5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Mobile Safari/537.36',
        userAgent: 'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Mobile Safari/537.36',
        vendor: 'Google Inc.',
      });

      global.intercom = {
        registerUnidentifiedUser: jest.fn(),
        registerForPush: jest.fn(),
      };
    }

    const XApp = mode ? MobileApp : App;
    const app = <XApp window={ this.testWindowObject } rftResolve={ this.rftpr } storeKey={ storeKey } apiHost={ apiVersion } forceMobileDetection={ mode } />;
    render(app, this.testWindowObject.document.body);

    if (mode === JSDOMTestWrapper.MODE.MOBILE_APP) {
      setTimeout(() => {
        this.testWindowObject.sm.deviceService.appRestorePathHasInit = this.marpr;
        this.testWindowObject.sm.deviceService.fireEvent(this.testWindowObject.document, 'deviceready');
      }, 200);
    }

studentIvan 9 जुल॰ 2019

👍1

यह दृष्टिकोण 27 सितंबर, 2019 तक काम करता है: https://stackoverflow.com/a/54034379/1344144

global.window = Object.create(window);
const url = "http://dummy.com";
Object.defineProperty(window, "location", {
    value: {
       href: url
    },
    writable: true
});

idleherb 27 सित॰ 2019

👍10 ❤1 🎉1

एक और समाधान मेरे लिए वर्तमान में jsdom लिखे बिना काम करता है:

सुनिश्चित करें कि आपने testURL को jest.config.js में सेट किया है, चाहे कोई भी मूल्य हो:

// jest.config.js
'testURL': 'https://someurl.com'

आपकी परीक्षण फ़ाइल में:

window.history.pushState({}, 'Mocked page title', 'www.yoururl.com');

से सीखा: https://www.ryandoll.com/post/2018/3/29/jest-and-url-mocking। रयान को धन्यवाद!

Lyukx 27 नव॰ 2019

👍2

मेरे लिए काम नहीं कर रहा:

लेखन त्रुटि: सख्त मोड में केवल पढ़ने के लिए गुणों को असाइनमेंट की अनुमति नहीं है

it("should save hash when history is not found", () => {
    const historyBkp = global.window.history;

    delete global.window.history;
    global.window.history = false;

    externalLoader.savePageURL(urlTraining);

    expect(window.location.hash).to.be.equal(`#page=${urlTraining}`);

    global.window.history = historyBkp;
    window.location.hash = "";
});

jeancatarina 4 दिस॰ 2019

मेरे लिए काम नहीं कर रहा:
लेखन त्रुटि: सख्त मोड में केवल पढ़ने के लिए गुणों को असाइनमेंट की अनुमति नहीं है
it("should save hash when history is not found", () => {
  const historyBkp = global.window.history;

  delete global.window.history;
  global.window.history = false;

  externalLoader.savePageURL(urlTraining);

  expect(window.location.hash).to.be.equal(`#page=${urlTraining}`);

  global.window.history = historyBkp;
  window.location.hash = "";
});
इसे वैश्विक फ़ाइल में जोड़ें।

वैश्विक.विंडो.स्थान हटाएं;
वैश्विक.विंडो.स्थान = "";

brianli-whitbread 4 दिस॰ 2019

😕2

यह दृष्टिकोण 27 सितंबर, 2019 तक काम करता है: https://stackoverflow.com/a/54034379/1344144
global.window = Object.create(window);
const url = "http://dummy.com";
Object.defineProperty(window, "location", {
    value: {
       href: url
    },
    writable: true
});

मैं स्थान के साथ कुछ इसी तरह की कोशिश कर रहा हूं। असाइन करें, लेकिन ऐसा लगता है कि यह अब और काम नहीं कर रहा है।

clearyandzap 22 जन॰ 2020

यह मेरे लिए जेस्ट 24.9.0 . पर काम करता है

 window.history.replaceState({}, 'Test Title', '/test?userName=James&userNumber=007');

dudenamedjune 22 जन॰ 2020

👍6 🎉1

यह मेरे लिए जेस्ट 24.9.0 . पर काम करता है
 window.history.replaceState({}, 'Test Title', '/test?userName=James&userNumber=007');

इसे काम करने के लिए मुझे कोड async बनाना पड़ा क्योंकि मैं एक वादे के अंदर कोड चला रहा था।

तो अब काम कर रहा है

clearyandzap 22 जन॰ 2020

👍6

vuex एक्शन में चेंज लोकेशन का परीक्षण कैसे करें?

async setForm({ rootState, state, commit, dispatch }, formData) {
          ....
          switch (answ.result.type) {
            ....
            case 'redirect':
              console.log(answ.data.url);
              window.location = answ.data.url;
              console.log({ location: window.location.href });
              break;
            default:
              break;

it('setForm - success, redirect', async done => {
      expect(window.location.href).toBe('https://www.google.ru/');

मुझे त्रुटि है:

    expect(received).toBe(expected) // Object.is equality

    Expected: "https://www.google.ru/"
    Received: "http://localhost/"

golubvladimir 20 फ़र॰ 2020

यह मेरे लिए काम किया

    const location = JSON.stringify(window.location);
    delete window.location;

    Object.defineProperty(window, 'location', {
      value: JSON.parse(location)
    });

    Object.defineProperty(global.location, 'href', {
      value: 'http://localhost/newURL',
      configurable: true
    });

जस्ट संस्करण 23.6.0 . पर

वैश्विक क्या है?

वैश्विक परिभाषा कहां है?

alanhg 23 मई 2020

यह मेरे लिए काम किया।
delete global.window.location
global.window.location = { href: 'https://test-domain.com.br', ...anyOptions }

यह सभी मूल कार्यक्षमता के साथ एक स्थान बनाता है, लेकिन यह नकली है:

beforeAll(() => {
  const location = window.location
  delete global.window.location
  global.window.location = Object.assign({}, location)
})

jakeonfire 28 अग॰ 2020

👍4

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Jest: window.location.href को परीक्षणों में नहीं बदला जा सकता है।

सबसे उपयोगी टिप्पणी

सभी 70 टिप्पणियाँ

src/setupTests.ts

src/setupTests.test.ts

src/testUtils.ts

src/testUtils.test.ts

संबंधित मुद्दों