Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Stubbing/patching `window.location.href` in JSDom 8?

See original GitHub issue

We’ve got some code in use in tests that worked in jsdom 7 but appears not to work in jsdom 8.

Our JSDom setup:

  const doc = jsdom.jsdom('<html><body></body></html>', {
    referrer: 'https://example.com/baz',
    url: 'https://example.com/foo'
  });

  global.document = doc;
  global.window = doc.defaultView;

And the test itself:

      window.location.href = 'https://newurl.com/foo';
      // some assertions that depend on window.location

Adding some logging immediately after setting window.location.href shows that the value wasn’t actually updated or changed, and other means overriding (e.g. stubbing with sinon) don’t seem to work either since it’s implemented via getters/setters rather than an actual property. What’s the best way to override this value?

It looks like setting is supposed to do something based on https://github.com/tmpvar/jsdom/blob/master/lib/jsdom/living/window/Location-impl.js#L46 but I can’t figure out what the final effect of that is supposed to be.

Issue Analytics

State:
Created 8 years ago
Reactions:6
Comments:16 (12 by maintainers)

Top GitHub Comments

9reactions

mhipszkicommented, Jul 12, 2017

I’ve just noticed that content on the link @domenic posted above possibly lives on this one now

https://github.com/tmpvar/jsdom#reconfiguring-the-jsdom-with-reconfiguresettings

3reactions

domeniccommented, Jun 23, 2016

Yes, this was implemented recently: https://github.com/tmpvar/jsdom#changing-the-url-of-an-existing-jsdom-window-instance

Top Results From Across the Web

mocking window.location.href in Javascript - Stack Overflow

The best way to do this is to create a helper function somewhere and then mock that: var mynamespace = mynamespace || {};...

location.href - Web APIs | MDN

The href property of the Location interface is a stringifier that returns a string containing the whole URL, and allows the href to...

jest-environment-jsdom-global - npm

Jest environment for a globally-exposed JSDOM ... test('use jsdom and set the URL in this test file', () => { expect(window.location.href).

Jest: How to Mock window.location.href - Wild Wild Wolf

In a recent project, I needed to write a test for a React component which performed a redirect. Something like this: useEffect((): void...

How to use the jsdom.changeURL function in jsdom - Snyk

test('browser.hash sets the current URL hash', (t) => { jsdom.changeURL(window, 'https://google.com'); browser.hash('hash'); t.equal(window.location.href, ...