Є кілька способів знущатися над глобалами в 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}`);
}
}