I am upgrading to Jest 22 and I got some problem about mocking window.location
. In past, this method is work fine but not work after upgraded.
Object.defineProperty(window.location, 'href', {
writable: true,
value: 'https://example.com/abc',
});
I have read over Jest documentation, there is a way to mock window.location
in package.json
as a config like this.
"jest": {
"testURL": "https://example.com/home"
}
This is work fine in case all tests use the same URL.
Is there any way I can mock window.location.href
inside the test file.
I'm using
"@types/jest": "^22.2.3",
"jest": "^22.4.3",
"@types/enzyme": "^3.1.10",
"enzyme": "^3.3.0",
Update
Here is usage of window.location
inside my components
const currentPage = window.location.href.match(/([^\/]*)\/*$/)[1];
The window. location is read/write on all compliant browsers. The document. location is read-only in Internet Explorer but read/write in Firefox, SeaMonkey that are Gecko-based browsers.
window.location.pathname returns the path and filename of the current page. window.location.protocol returns the web protocol used (http: or https:) window.location.assign() loads a new document.
Solution from jest collaborator for June 2019:
delete global.window.location; global.window = Object.create(window); global.window.location = { port: '123', protocol: 'http:', hostname: 'localhost', }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With