В Jest есть несколько способов имитировать глобальные объекты:
- Используйте
mockImplementation
подход (наиболее похожий на Jest), но он будет работать только для тех переменных, которые имеют некоторую реализацию по умолчанию jsdom
, window.open
одну из них:
test('it works', () => {
const mockedOpen = jest.fn();
const originalWindow = { ...window };
const windowSpy = jest.spyOn(global, "window", "get");
windowSpy.mockImplementation(() => ({
...originalWindow,
open: mockedOpen
}));
statementService.openStatementsReport(111)
expect(mockedOpen).toBeCalled();
windowSpy.mockRestore();
});
- Присвойте значение непосредственно глобальному свойству, наиболее просто, но может вызвать сообщения об ошибках для некоторых
window
переменных, например window.href
.
test('it works', () => {
const mockedOpen = jest.fn();
const originalOpen = window.open;
window.open = mockedOpen;
statementService.openStatementsReport(111)
expect(mockedOpen).toBeCalled();
window.open = originalOpen;
});
- Не используйте глобальные переменные напрямую (требуется небольшой рефакторинг)
Вместо того, чтобы напрямую использовать глобальное значение, было бы проще импортировать его из другого файла, поэтому насмешки с Jest станут тривиальными.
./test.js
jest.mock('./fileWithGlobalValueExported.js');
import { windowOpen } from './fileWithGlobalValueExported.js';
import { statementService } from './testedFile.js';
test('it works', () => {
statementService.openStatementsReport(111)
expect(windowOpen).toBeCalled();
});
./fileWithGlobalValueExported.js
export const windowOpen = window.open;
./testedFile.js
import { windowOpen } from './fileWithGlobalValueExported.js';
export const statementService = {
openStatementsReport(contactIds) {
windowOpen(`a_url_${contactIds}`);
}
}