Comment se moquer de l'objet window JavaScript en utilisant Jest?

Question

J'ai besoin de tester une fonction qui ouvre un nouvel onglet dans le navigateur

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

Je voudrais, à se moquer de la fenêtre ouverte de la fonction afin que je puisse vérifier la bonne URL est transmise à la fonction d'ouverture.

À l'aide de Plaisanterie, je ne sais pas comment faire pour se moquer de la fenêtre. J'ai essayé de mettre de la fenêtre.ouvrir avec un simulacre de fonction, mais de cette façon ne fonctionne pas. Ci-dessous est le cas de test

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

mais il me donne l'erreur

expect(jest.fn())[.not].toBeCalled()

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

que dois-je faire pour le cas de test? des suggestions ou des conseils sont appréciés

Answer 1

Au lieu de window utiliser global

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

tu pourrais aussi essayer

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

Answer 2

Nous pouvons également le définir en utilisant global en setupTests

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

Et appelez-le en utilisant global dans le test réel:

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

Answer 3

Vous pouvez essayer ceci:

 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();
});