tablas - ¿Cómo burlarse del objeto de la ventana de JavaScript usando Jest?

javascript pdf

Question

Necesito probar una función que abre una nueva pestaña en el navegador

 openStatementsReport(contactIds) {
window.open(`a_url_${contactIds}`);
}

Me gustaría burlarme de la función de apertura de la ventana para poder verificar que la URL correcta se haya pasado a la función de apertura.

Usando Jest, no sé cómo burlarse de la ventana. Intenté configurar window.open con una función simulada, pero de esta manera no funciona. A continuación se muestra el caso de prueba

it(''correct url is called'', () => {
window.open = jest.fn();
statementService.openStatementsReport(111);
expect(window.open).toBeCalled();
});

pero me da el error

expect(jest.fn())[.not].toBeCalled()
jest.fn() value must be a mock function or spy.
Received:
function: [Function anonymous]

¿Qué debo hacer para el caso de prueba? Cualquier sugerencia o consejo son apreciados.

Answer 1

En lugar de usar window global

it(''correct url is called'', () => {
global.open = jest.fn();
statementService.openStatementsReport(111);
expect(global.open).toBeCalled();
});

También podrías intentar

const open = jest.fn()
Object.defineProperty(window, ''open'', open);

Answer 2

Puedes probar esto:

import * as _Window from "jsdom/lib/jsdom/browser/Window";
window.open = jest.fn().mockImplementationOnce(() => {
return new _Window({ parsingMode: "html" });
});
it("correct url is called", () => {
statementService.openStatementsReport(111);
expect(window.open).toHaveBeenCalled();
});

Answer 3

También podemos definirlo utilizando global en setupTests

// setupTests.js
global.open = jest.fn()

Y llámalo usando global en la prueba real:

// yourtest.test.js
it(''correct url is called'', () => {
statementService.openStatementsReport(111);
expect(global.open).toBeCalled();
});