Jsdom: त्रुटि: लागू नहीं किया गया: नेविगेशन

मुझे यह त्रुटि भी मिल रही है

Error: Not implemented: navigation (except hash changes)
    at module.exports (...\node_modules\jsdom\lib\jsdom\browser\not-implemented.js:9:17)
    at navigateFetch (...\node_modules\jsdom\lib\jsdom\living\window\navigation.js:74:3)

jsdom नेविगेशन का समर्थन नहीं करता है, इसलिए window.location.href या इसी तरह की सेटिंग यह संदेश देगी। मुझे यकीन नहीं है कि जेस्ट पहले इन संदेशों को दबा रहा था, या क्या।

यह शायद कुछ ऐसा है जिसे आपको अपने परीक्षणों में ठीक करना चाहिए, क्योंकि इसका मतलब है कि यदि आप ब्राउज़र में उन परीक्षणों को चला रहे थे, तो परीक्षण धावक पूरी तरह से उड़ जाएगा क्योंकि आप पृष्ठ को एक नए यूआरएल पर नेविगेट करते हैं, और आप कभी भी कोई परीक्षण नहीं देखेंगे परिणाम। Jsdom में इसके बजाय हम केवल कंसोल को एक संदेश आउटपुट करते हैं, जिसे आप चाहें तो अनदेखा कर सकते हैं, या आप अपने परीक्षणों को और अधिक वातावरण में बेहतर काम करने के लिए ठीक कर सकते हैं।

वैसे भी, मैं लोगों के लिए इस पर और दस्तावेज़ जोड़ना चाहता हूं, इसलिए मैं इस मुद्दे को ट्रैक करने के लिए खुला छोड़ दूंगा।

आप जो कह रहे हैं उसे पूरी तरह से प्राप्त करें। हाल ही में जेस्ट 22 अपडेट JSDOM 9 से 11 IIRC पर चला गया, इसलिए 9.x में वापस व्यवहार काफी भिन्न हो सकता है।

इसके अलावा, मैं जेएसडीओएम में किसी प्रकार के झंडे के साथ नेविगेशन को लागू करना पसंद करूंगा ताकि इसे एक अलग पेज लोड करने के मामले में नो-ऑप बनाया जा सके (एचटीएमएल 5 पुशस्टेट के समान भावना में।) पुस्तकालय का उपयोग आमतौर पर परीक्षण उद्देश्यों के लिए किया जाता है। इसलिए, जबकि शायद एक विचित्र अनुरोध, इसे अक्सर इस्तेमाल किया जाएगा।

मुझे नहीं लगता कि हमें ऐसा ध्वज जोड़ना चाहिए जो आपके परीक्षणों को ब्राउज़र की तुलना में jsdom में अलग-अलग चलाए। तब आपकी सामग्री को ब्राउज़र में तोड़ा जा सकता है (उदाहरण के लिए यह उपयोगकर्ताओं को किसी अन्य पृष्ठ पर पुनर्निर्देशित कर सकता है, बजाय इसके कि आपके परीक्षण हो रहे क्रिया को करने के लिए) और आप नोटिस भी नहीं करेंगे!

खैर इस मामले में यह वर्तमान पृष्ठ संदर्भ को उतारने के अलावा कुछ भी अलग नहीं करेगा। मैं अभी भी window.location.href अपडेट होने की अपेक्षा करता हूं, आदि।

@domenic मुझे एक ही समस्या है और मैं सोच रहा था कि window.location सेट करने वाले ऐप के साथ JSDOM सेट करने के लिए कुछ प्रकार का सर्वोत्तम अभ्यास है या नहीं। मैं जो बता सकता हूं उससे JSDOM window.location सेट करने का प्रयास करते समय एक त्रुटि फेंकता है और window.location.href सेट करने का प्रयास करते समय एक त्रुटि लॉग करता है - हालांकि मैं एमडीएन पर पढ़ रहा हूं कि दोनों समानार्थी होना चाहिए। क्या मुझे स्थान को किसी अन्य तरीके से अपडेट करना चाहिए जो स्टब करना आसान हो?
मदद के लिए धन्यवाद

मुझे अपने स्वयं के प्रश्न का उत्तर पोस्ट करने की अनुमति दें
मैं बस window.location = url; और window.location.href = url; के उपयोगों को प्रतिस्थापित करता हूं

window.location.assign(url);

और फिर मेरे परीक्षणों में मैंने किया:

sinon.stub(window.location, 'assign');
expect(window.location.assign).to.have.been.calledWith(url);

एक आकर्षण की तरह काम करता है - आशा है कि यह किसी और की मदद कर सकता है

सहमत हूं कि यह बॉक्स से बाहर काम करना चाहिए। हम FB पर window.location मज़ाक उड़ाते हैं, लेकिन यह jsdom के History कार्यान्वयन के साथ विरोध करता है।

एक छोटी टीम के रूप में, हम निश्चित रूप से उन बड़ी परियोजनाओं से मदद की सराहना करेंगे जो jsdom में नेविगेशन को ठीक से लागू करने के लिए हम पर निर्भर हैं।

अगर किसी को दिलचस्पी है, तो https://github.com/jsdom/jsdom/pull/1913 शुरू करने के लिए एक अच्छी जगह हो सकती है।

संभावित समाधान इकाई परीक्षणों में window ऑब्जेक्ट के लिए निर्भरता इंजेक्शन/नकली पर भरोसा करना है।

कुछ इस तरह:

it('can test', () => {
  const mockWindow = {location: {href: null}};
  fn({window: mockWindow});
  expect(mockWindow.href).toEqual('something');
});

यह आदर्श नहीं है, लेकिन जैसा कि @domenic ने कहा है:

यह शायद कुछ ऐसा है जिसे आपको अपने परीक्षणों में ठीक करना चाहिए, क्योंकि इसका मतलब है कि यदि आप ब्राउज़र में उन परीक्षणों को चला रहे थे, तो परीक्षण धावक पूरी तरह से उड़ जाएगा जब आप पृष्ठ को एक नए यूआरएल पर नेविगेट करेंगे।

अभी के लिए हम इसके साथ रहते हैं और हाँ हम परीक्षणों के लिए अपना कार्यान्वयन कोड बदलते हैं जिसे बुरा अभ्यास माना जाता है लेकिन हम रात में भी अच्छी नींद लेते हैं!

हैप्पी टेस्टिंग

@hontas के समाधान ने मदद की:

मैंने अपने कोड में window.location.assign(Config.BASE_URL); का उपयोग किया था।

और यहाँ परीक्षण है:

jest.spyOn(window.location, 'assign').mockImplementation( l => {
   expect(l).toEqual(Config.BASE_URL);
})

window.location.assign.mockClear();

वही समस्या, मैं अपने कोड में window.location.search = foo; का उपयोग कर रहा हूं और मैं इसे jsdom (और जेस्ट) का उपयोग करके परीक्षण करना चाहता हूं

पुनश्च: से संबंधित https://github.com/facebook/jest/issues/5266

Jsdom 12.2.0 को अपडेट करने के बाद त्रुटि मिली:
लेखन त्रुटि: संपत्ति को फिर से परिभाषित नहीं कर सकता: असाइन करें
const assign = sinon.stub(document.location, 'assign')
इसे कैसे जोड़ेंगे?

@ यूरी-सखारोव

Jsdom 12.2.0 को अपडेट करने के बाद त्रुटि मिली:
लेखन त्रुटि: संपत्ति को फिर से परिभाषित नहीं कर सकता: असाइन करें
const assign = sinon.stub(document.location, 'assign')
इसे कैसे जोड़ेंगे?

sinon.stub(document.location, 'assign')

होने की जरूरत:

sinon.stub(window.location, 'assign')

आपको document को window से बदलने की जरूरत है

मेरे पास निम्न कार्य है:

export const isLocalHost = () => Boolean(
  window.location.hostname === 'localhost' ||
  // [::1] is the IPv6 localhost address.
  window.location.hostname === '[::1]' ||
  // 127.0.0.1/8 is considered localhost for IPv4.
  window.location.hostname.match(
    /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
  )
);

मेरे लिए यह परीक्षण करने में सक्षम होने के लिए कि यह काम करता है मैं सीधे hostname इंजेक्ट करता हूं

it('#isLocalHost should return true for all the cases of localhost', () => {
    window.location.hostname = 'localhost';
    expect(isLocalHost()).toBeTruthy();

    window.location.hostname = '[::1]';
    expect(isLocalHost()).toBeTruthy();

    window.location.hostname = '127.0.0.1';
    expect(isLocalHost()).toBeTruthy();

    // Reset back the hostname to avoid issues with it
    window.location.hostname = '';
  });

लेकिन मुझे यह त्रुटि मिल रही है।

मुझे नेविगेशन को पूरी तरह से लागू करने के लिए jsdom उम्मीद नहीं है लेकिन कम से कम चाबियाँ जोड़ें और कार्यों का मज़ाक उड़ाएं।

मैं उलझन में हूं कि मुझे यह त्रुटि क्यों मिल रही है, मैं सिर्फ मूल्य निर्धारित करने में सक्षम होना चाहता हूं।

@nickhallph
जैसा कि आपने लिखा था, मैंने इसे window.location में बदल दिया, लेकिन परिणाम वही रहा
TypeError: Cannot redefine property: assign
कोई विचार?

@ यूरी-सखारोव मोचा चलाने के समान समस्या।

किसी भी तरह से मैं window.location.* को प्रतिस्थापित/अपडेट/नकली या कुछ भी करने में सक्षम नहीं हूं। जिस तरह से मैं इसके चारों ओर देखता हूं वह मेरा अपना कस्टम window.location नकली बना रहा है और उस पर निर्भर होने के लिए पूरे कोडबेस को बदल रहा है।

@hontas के समाधान ने मदद की:

मैंने अपने कोड में window.location.assign(Config.BASE_URL); का उपयोग किया था।

और यहाँ परीक्षण है:

jest.spyOn(window.location, 'assign').mockImplementation( l => {
   expect(l).toEqual(Config.BASE_URL);
})

window.location.assign.mockClear();

@Hontas 'समाधान का @zxiest का जेस्ट संस्करण मेरे काम नहीं आया, लेकिन इसने किया:

window.location.assign = jest.fn();
expect(window.location.assign).toHaveBeenCalledWith('https://correct-uri.com');
window.location.assign.mockRestore();

यदि आप location.assign का उपयोग करने के लिए अपना कोड नहीं बदलना चाहते हैं - ऐसा लगता है कि यह JSDom 11 और 13 के साथ काम करता है (हालांकि एक मौका है कि JSDom इसे भविष्य में तोड़ सकता है ...)

delete window.location;
window.location = {}; // or stub/spy etc.

आखिरी जवाब ने मेरे लिए काम किया, लेकिन मुझे replace परिभाषित करना पड़ा:

delete window.location
window.location = { replace: jest.fn() }

आशा है कि इससे सहायता मिलेगी।

मुझे TypeError मिल रहा है: संपत्ति को फिर से परिभाषित नहीं कर सकता: sinon 7.2.3 और jsdom 13.2.0 के साथ असाइन करें। पता नहीं क्यों यह कुछ लोगों के लिए काम करता है और दूसरों के लिए नहीं?

इसी से मेरा काम बना है:

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

हमने इसे काम करने के लिए pushState का उपयोग किया

 window.history.pushState(
        {},
        '',
        'http://localhost/something/123?order=asc'
      );

यह एक कठिन स्थिति है। JSDOM नेविगेशन (ब्रेडक्रंब के अलावा) का पूरी तरह से समर्थन नहीं करता है और JSDOM हमें नेविगेशन को मॉक-आउट करने की अनुमति नहीं देता है। अंतिम परिणाम यह है कि मैं ऐसे परीक्षण नहीं लिख सकता जो अंततः नेविगेशन को ट्रिगर करने का प्रयास करते हैं ।

यदि JSDOM ने नेविगेट करना सीख लिया है (मुझे यह भी पता नहीं है कि इसका क्या अर्थ है), तो शायद मैं उपयुक्त पृष्ठ पर होने के बारे में जोर दे सकता हूं। मेरे परीक्षण उपयोग के मामलों के लिए, हालांकि, नेविगेशन को ट्रिगर किया गया था, वास्तव में प्रदर्शन करने के बजाय, बहुत साफ/तेज है। Jsdom का उपयोग करके परीक्षण करते समय मैंने ऐतिहासिक रूप से यही किया है और अब यह टूटा हुआ है।

मुझे अपने प्रश्न का उत्तर पोस्ट करने की अनुमति दें
मैं बस window.location = url; और window.location.href = url; के उपयोगों को प्रतिस्थापित करता हूं

window.location.assign(url);

और फिर मेरे परीक्षणों में मैंने किया:

sinon.stub(window.location, 'assign');
expect(window.location.assign).to.have.been.calledWith(url);

एक आकर्षण की तरह काम करता है - आशा है कि यह किसी और की मदद कर सकता है

कि यदि आपके पास लक्ष्य url पर नियंत्रण है, लेकिन क्या होगा यदि आप google या Instagram वेबसाइट लोड कर रहे हैं। या कोई वेबसाइट? आप इस समस्या का समाधान कैसे कर सकते हैं?

@chrisbateman के उत्तर के आधार पर मैं इसे जेस्ट वातावरण में काम करने में कामयाब रहा। जो कोई भी जेस्ट का उपयोग कर रहा है, उसके लिए यह मेरा समाधान है:

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

    beforeEach(() => {
        delete window.location;

        window.location = {
            href: '',
        };
    });

    afterEach(() => {
        window.location = originalLocation;
    });

    it('', () => {
        // test here
    });
});

मैंने इस कॉन्फ़िगरेशन का उपयोग करके इस समस्या को हल किया। मैं हैश यूआरएल के लिए पुनर्निर्देशन का परीक्षण करना चाहता था:

    beforeEach(() => {
      delete global.window;
      global.window = {
        location: { replace: jest.fn(url => ({ href: url })) },
      };
    });
    it('should redirect hash url', () => {
      window.location.hash = '#/contrat?id=8171675304';
      global.window.location.href =
        'http://localhost:3000/#/contrat?id=8171675304';
      redirectHashUrl();

      expect(window.location.replace).toHaveBeenCalled();
    });

@chrisbateman @hamzahamidi धन्यवाद, उस समाधान ने अच्छा काम किया।

शायद यह एक अच्छा अभ्यास नहीं है, लेकिन हमारे पास कुछ परीक्षण हैं, जो स्थान/होस्ट/होस्टनाम और अन्य स्थान गुणों पर निर्भर करते हैं। इसलिए जैसा हम चाहते हैं लोकेशन का मजाक बनाना और बाद में बहाल करना मेरे लिए काम कर गया।

const realLocation = window.location;

describe('bla bla', () => {
  afterEach(() => {
    window.location = realLocation;
  });

  it('test where I want to use hostname', () => {
    delete window.location;
    window.location = { 
      hostname: 'my-url-i-expect.com'
    };
    // check my function that uses hostname
  });
});

इसी से मेरा काम बना है:

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

यह सर्कलसी की तरह CI पर काम नहीं करता है

@hontas के समाधान ने मदद की:

मैंने अपने कोड में window.location.assign(Config.BASE_URL); का उपयोग किया था।

और यहाँ परीक्षण है:

jest.spyOn(window.location, 'assign').mockImplementation( l => {
   expect(l).toEqual(Config.BASE_URL);
})

window.location.assign.mockClear();

धन्यवाद दोस्त, आपने मुझे एक दिन बचा लिया है! :)

मेरे मामले में मैं क्वेरी स्ट्रिंग के लिए परीक्षण कर रहा हूँ, और के बाद से मेरी कल्पना का विषय क्वेरी स्ट्रिंग ही है, मैं इसे बाईपास नहीं करना चाहते, लेकिन मैं इसे बाहर ठूंठ खुश हूँ। मेरे मामले में यह अच्छी तरह से काम किया:

    let name = "utm_content"
    window.history.pushState({}, 'Test Title', '/test.html?utm_content=abc');
    expect(ParseUrlUtils.getParam(name)).toBe("abc")

ध्यान दें कि यहां इससे कोई फर्क नहीं पड़ता कि विंडो का शीर्षक क्या है और इससे कोई फर्क नहीं पड़ता कि यह /test.html (जो वास्तविक नहीं है) है, केवल यह मायने रखता है कि क्वेरी स्ट्रिंग सही ढंग से प्राप्त की गई है ( यह गुजरता है)

उदाहरणों के साथ मुद्दा यह है कि विधियों और गेटर्स का उपयोग नहीं किया जाता है। मैं जो करता हूं वह मूल रूप से URL ऑब्जेक्ट द्वारा स्थान ऑब्जेक्ट को प्रतिस्थापित करता है। URL में स्थान (खोज, होस्ट, हैश, आदि) के सभी गुण हैं।

const realLocation = window.location;

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

    afterEach(() => {
        window.location = realLocation;
    });

    test('My test func', () => {

        // @ts-ignore
        delete window.location;

        // @ts-ignore
        window.location = new URL('http://google.com');

        // ...
    });
});

मुझे यह त्रुटि भी मिल रही है

Error: Not implemented: navigation (except hash changes)
    at module.exports (...\node_modules\jsdom\lib\jsdom\browser\not-implemented.js:9:17)
    at navigateFetch (...\node_modules\jsdom\lib\jsdom\living\window\navigation.js:74:3)

@hontas के समाधान ने मदद की:

मैंने अपने कोड में window.location.assign(Config.BASE_URL); का उपयोग किया था।

और यहाँ परीक्षण है:

jest.spyOn(window.location, 'assign').mockImplementation( l => {
   expect(l).toEqual(Config.BASE_URL);
})

window.location.assign.mockClear();

यह मेरे लिए काम किया, धन्यवाद! हालांकि मुझे जेस्ट टेस्ट() से done तर्क का उपयोग करना पड़ा, अन्यथा मुझे यकीन नहीं होगा कि उम्मीद का मूल्यांकन किया गया था और परीक्षण वैसे भी सफलतापूर्वक समाप्त हो गया था:

it('should', (done) => {
jest.spyOn(window.location, 'assign').mockImplementation( l => {
   expect(l).toEqual(Config.BASE_URL);
   done();
})

window.location.assign.mockClear();
}

@hontas मेरे लिए काम नहीं करता है :( संपत्ति को फिर से लिखने/बदलने में असमर्थ

क्या यह पता लगाने का कोई तरीका है कि कौन सा परीक्षण "लागू नहीं किया गया: नेविगेशन" संदेश को ट्रिगर कर रहा है? मेरे पास 43 परीक्षणों का एक सूट है - त्रुटि केवल एक बार प्रदर्शित की जा रही है और यह चारों ओर उछलती रहती है। मैं नहीं बता सकता कि कौन सा परीक्षण ठीक करना है !!! स्टैक ट्रेस मुझे अपराधी का कोई संकेत नहीं देता है:

console.error
  Error: Not implemented: navigation (except hash changes)
      at module.exports (/Users/naresh/projects/mobx-state-router/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
      at navigateFetch (/Users/naresh/projects/mobx-state-router/node_modules/jsdom/lib/jsdom/living/window/navigation.js:76:3)
      at exports.navigate (/Users/naresh/projects/mobx-state-router/node_modules/jsdom/lib/jsdom/living/window/navigation.js:54:3)
      at Timeout._onTimeout (/Users/naresh/projects/mobx-state-router/node_modules/jsdom/lib/jsdom/living/nodes/HTMLHyperlinkElementUtils-impl.js:81:7)
      at listOnTimeout (internal/timers.js:531:17)
      at processTimers (internal/timers.js:475:7) undefined

    at VirtualConsole.<anonymous> (node_modules/jsdom/lib/jsdom/virtual-console.js:29:45)
    at module.exports (node_modules/jsdom/lib/jsdom/browser/not-implemented.js:12:26)
    at navigateFetch (node_modules/jsdom/lib/jsdom/living/window/navigation.js:76:3)
    at exports.navigate (node_modules/jsdom/lib/jsdom/living/window/navigation.js:54:3)
    at Timeout._onTimeout (node_modules/jsdom/lib/jsdom/living/nodes/HTMLHyperlinkElementUtils-impl.js:81:7)

@hontas मेरे लिए काम नहीं करता है :( संपत्ति को फिर से लिखने/बदलने में असमर्थ

जैसा कि मैं समझता हूं कि जेस्ट ने नए संस्करण ("जेस्ट": "^ 26.0.1") में कुछ बदल दिया है, इसलिए यह अभी काम करता है:

// Mock
  Object.defineProperty(window, 'location', {
    value: {
      pathname: '/terminals',
      assign: jest.fn(),
    },
  });

// Then test
expect(window.location.assign).toBeCalledWith('/auth');

क्या यह पता लगाने का कोई तरीका है कि कौन सा परीक्षण "लागू नहीं किया गया: नेविगेशन" संदेश को ट्रिगर कर रहा है? मेरे पास 43 परीक्षणों का एक सूट है - त्रुटि केवल एक बार प्रदर्शित की जा रही है और यह चारों ओर उछलती रहती है। मैं नहीं बता सकता कि कौन सा परीक्षण ठीक करना है !!! स्टैक ट्रेस मुझे अपराधी का कोई संकेत नहीं देता है:

console.error
  Error: Not implemented: navigation (except hash changes)
      at module.exports (/Users/naresh/projects/mobx-state-router/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
      at navigateFetch (/Users/naresh/projects/mobx-state-router/node_modules/jsdom/lib/jsdom/living/window/navigation.js:76:3)
      at exports.navigate (/Users/naresh/projects/mobx-state-router/node_modules/jsdom/lib/jsdom/living/window/navigation.js:54:3)
      at Timeout._onTimeout (/Users/naresh/projects/mobx-state-router/node_modules/jsdom/lib/jsdom/living/nodes/HTMLHyperlinkElementUtils-impl.js:81:7)
      at listOnTimeout (internal/timers.js:531:17)
      at processTimers (internal/timers.js:475:7) undefined

    at VirtualConsole.<anonymous> (node_modules/jsdom/lib/jsdom/virtual-console.js:29:45)
    at module.exports (node_modules/jsdom/lib/jsdom/browser/not-implemented.js:12:26)
    at navigateFetch (node_modules/jsdom/lib/jsdom/living/window/navigation.js:76:3)
    at exports.navigate (node_modules/jsdom/lib/jsdom/living/window/navigation.js:54:3)
    at Timeout._onTimeout (node_modules/jsdom/lib/jsdom/living/nodes/HTMLHyperlinkElementUtils-impl.js:81:7)

यह बताना कठिन है कि किस परीक्षण से लागू नहीं की गई त्रुटि आती है।

मैं node_modules/jsdom/lib/jsdom/browser/not-implemented.js:12 पर ब्रेकपॉइंट जोड़ता हूं, डीबग सत्र चलाता हूं और ब्रेकपॉइंट तक पहुंचने तक प्रतीक्षा करता हूं। तभी मैं देखता हूं कि इस संदेश से छुटकारा पाने के लिए मुझे कौन सी परीक्षा में सुधार करना चाहिए।

कभी-कभी इसमें 2-3 मिनट का समय लगता है जब तक धावक किसी समस्या के साथ परीक्षण तक नहीं पहुंच जाता।

पुनश्च: मेरे वर्तमान प्रोजेक्ट में 176 jsdom संबंधित परीक्षण हैं

मैं वर्तमान में जेस्ट 26.0.1 का उपयोग कर रहा हूं और नीचे मेरे लिए काम करता है:

1. विंडो स्थान बदलने के लिए window.location.assign(url) का उपयोग करें।

2. लोकेशन ऑब्जेक्ट को निम्नानुसार मॉक करें (ध्यान दें कि ऑब्जेक्ट को हटाना और पुनर्निर्माण नहीं करना पहले अभी भी जेस्ट के विख्यात संस्करण में लागू नहीं की गई त्रुटि का परिणाम है और पहले मुझे लगता है, Object.defineProperty भी काम नहीं करता है और अभी भी परिणाम में है त्रुटि):

delete window.location;
window.location = {
    href: '',
    hostname: '',
    pathname: '',
    protocol: '',
    assign: jest.fn()
};

1. इसके साथ जोर दें:

expect(window.location.assign).toBeCalledWith(url);

यह वास्तव में अच्छा होगा यदि मज़ाक हमें इन सभी निरंतर मुद्दों और परिवर्तनों के बिना आसानी से स्थान का मज़ाक उड़ाने की अनुमति देता है। मैं पहले लंबे समय तक बिना किसी समस्या के सिर्फ window.location.assign = jest.fn() का उपयोग कर रहा था, फिर मैंने v24 से अपग्रेड किया और अब यह।

क्या कोई अच्छा कारण है कि विंडो एपीआई लॉक/जमे हुए थे?
ऐसा लगता है कि काम करने वाले नेविगेशन को लागू नहीं करने की कोशिश कर रहे लोगों के लिए यह बाधा है।

यदि नहीं, तो क्या हम उन्हें फ्रीज नहीं कर सकते? मुझे नहीं लगता कि ब्राउज़र भी इतने सख्त हैं जो आपको विंडो ऑब्जेक्ट्स को बदलने से रोकते हैं।

यदि आपके पास ब्राउज़र से भिन्न व्यवहार करने वाले jsdom का एक उदाहरण है, तो कृपया समस्या टेम्पलेट (jsbin या समान दिखाने वाले ब्राउज़र व्यवहार सहित) के बाद एक समस्या दर्ज करें।

क्या जेस्ट परीक्षणों के दौरान कोई और उसी Error: Not implemented: navigation (except hash changes) में चल रहा है जो एक एंकर तत्व पर href साथ एक क्लिक ईवेंट को सक्रिय करता है? मेरे परीक्षणों के लिए, मैं एक ऐसे फ़ंक्शन पर जासूसी कर रहा हूं जिसे onClick कहा जाता है और इसके बारे में दावा किया जाता है, इसलिए मुझे वास्तव में एंकर तत्व पर क्लिक ईवेंट को आग लगाना होगा।

ऊपर दिए गए समाधान window.location का मजाक उड़ाने से संबंधित मेरे लिए काम करते हैं जहां मैं स्पष्ट रूप से window.location.replace या window.location.assign कॉल कर रहा हूं, लेकिन इस मामले में मदद नहीं करते जहां नेविगेशन एंकर तत्व से उत्पन्न होता है क्लिक किया जा रहा है।

समाधान पर कोई विचार? धन्यवाद!

आप ब्राउज़र में उस कोड का परीक्षण कैसे करेंगे? ध्यान रखें कि ब्राउज़र में लिंक पर क्लिक करने से आपका पूरा पृष्ठ उड़ जाएगा और किसी भी परीक्षा परिणाम को फेंक दिया जाएगा। तो इसे रोकने के लिए आप जो कुछ भी करेंगे, वह कंसोल पर बहुत कम-नाटकीय चेतावनी संदेश jsdom आउटपुट को भी रोक देगा।

मेरी स्थिति में प्रोजेक्ट ने जेस्ट को 23 से 26 संस्करण में अपग्रेड किया।
मुझे location.search समस्या थी। वही त्रुटि Error: Not implemented: navigation ।
मेरे द्वारा परीक्षण किए गए मॉड्यूल को खोज क्वेरी पैरा के मान मिलते हैं।
अगला कार्यान्वयन मेरे लिए काम किया:

beforeAll(() => {
  delete window.location;
  window.location = new URL('your URL');
})

afterAll(() => {
  window.location.search = '';
})

@mattcphillips क्या आपने यह पता लगाया है कि इसे कैसे ठीक किया जाए? क्लिक करते समय मुझे भी समस्या हो रही है

@Sabrinovsky नहीं, मैंने अपने setupFiles में एक स्क्रिप्ट जोड़ना समाप्त कर दिया जो कि jsdom नेविगेशन से आने वाली कंसोल त्रुटियों को निगल जाएगा ताकि वे हमारे परीक्षणों को अव्यवस्थित न करें। किसी भी चीज़ की तुलना में अधिक बैंडएड, लेकिन ऐसा लग रहा था कि हमारे परीक्षण सेटअप में इन त्रुटियों की उम्मीद की जानी है।

यहां वह स्क्रिप्ट है जिसे मैं अपने परीक्षणों से पहले चलाता हूं:

// There should be a single listener which simply prints to the
// console. We will wrap that listener in our own listener.
const listeners = window._virtualConsole.listeners('jsdomError');
const originalListener = listeners && listeners[0];

window._virtualConsole.removeAllListeners('jsdomError');

// Add a new listener to swallow JSDOM errors that orginate from clicks on anchor tags.
window._virtualConsole.addListener('jsdomError', error => {
  if (
    error.type !== 'not implemented' &&
    error.message !== 'Not implemented: navigation (except hash changes)' &&
    originalListener
  ) {
    originalListener(error);
  }

  // swallow error
});

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

delete global.window.location
global.window.location = { href: 'https://test.com' }

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

delete window.location
window.location = { assign: jest.fn() }

यदि आपको TypeError: Cannot assign to read only property 'assign' of object '[object Location]' , तो अपने jest.setup.ts में कुछ इस तरह का उपयोग करें:

```
ग्लोबल.विंडो = ऑब्जेक्ट.क्रिएट (विंडो);
Object.defineProperty (विंडो, 'स्थान', {
मूल्य: {
...विंडो.स्थान,
},
लिखने योग्य: सच,
});
````