mocking global.window in jest
With new version of jsdom you can do the following:
import { JSDOM } from 'jsdom';
let windowSpy: any;
beforeEach(() => {
windowSpy = jest.spyOn(global as any, 'window', 'get');
});
afterEach(() => {
windowSpy.mockRestore();
});
describe('', () => {
it ('', () => {
const { window } = new JSDOM();
windowSpy.mockImplementation(() => window);
// now you have `window` in test environment
});
});
You can try using the @jest-environment
docblock, available since v20.0.0, to change the environment for different tests. By default it uses jsdom
, but you can change it to use node
. Here is an excerpt from their documentation:
/**
* @jest-environment jsdom
*/
test('use jsdom in this test file', () => {
const element = document.createElement('div');
expect(element).not.toBeNull();
});
Ref: https://facebook.github.io/jest/docs/en/configuration.html#testenvironment-string