Utilisation de Jest pour espionner l'appel de méthode dans componentDidMount

Récemment, j'ai voulu tester que certains personnalisée méthode est conventionnellement appelé dans le componentDidMount méthode de Réagir composant.

componentDidMount() {
  if (this.props.initOpen) {
    this.methodName();
  }
}

Je suis en utilisant la Blague que mon framework de test, qui comprend jest.fn() pour les mocks/espions. J'ai lu que ce serait trivial pour le test Sinon, en faisant quelque chose comme ce qui suit:

sinon.spy(Component.prototype, "methodName");
const wrapper = mount(<Component {...props} />);
expect(wrapper.instance().methodName).toHaveBeenCalled();

Je suis en train de recréer ce avec des Blagues comme:

Component.prototype.methodName = jest.fn();
const wrapper = mount(<Component {...props} />);
expect(wrapper.instance().methodName).toHaveBeenCalled();

Ce code échoue et renvoie l'erreur suivante:

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

Est-il possible de tester cette fonctionnalité avec la Blague? Et si oui, comment?

source d'informationauteur seansean11

  1. 33

    La clé est d'utiliser les plaisanteries spyOn méthode. Il devrait ressembler à ceci:

    const spy = jest.spyOn(Component.prototype, 'methodName');
const wrapper = mount(<Component {...props} />);
wrapper.instance().methodName();
expect(spy).toHaveBeenCalled();

    Comme trouver ici par exemple: Tester si la fonction est appelée à réagir et enzyme

    Veuillez noter que c'est également la meilleure pratique pour effacer le espionné fonction après chaque essai

    let spy

afterEach(() => {
  spy.mockClear()
})

    https://facebook.github.io/jest/docs/en/jest-object.html#jestclearallmocks

  2. 9

    Je sais que je suis un peu en retard, mais je suis tombé sur ce et suggère que, pour tester componentDidMount lance l'appel à votre méthode imbriquée que votre test doit ressembler à quelque chose comme:

    Module

    componentDidMount() {
  if (this.props.initOpen) {
    this.methodName();
  }
}

    Test - Bon

    it('should call methodName during componentDidMount', () => {
    const methodNameFake = jest.spyOn(MyComponent.prototype, 'methodName');
    const wrapper = mount(<MyComponent {...props} />);
    expect(methodNameFake).toHaveBeenCalledTimes(1);
});

    Si vous appelez componentDidMount alors votre affirmation que methodName a été appelé par componentDidMount est plus valide.

    Test - Bad

    it('should call methodName during componentDidMount', () => {
    const spy = jest.spyOn(Component.prototype, 'methodName');
    const wrapper = mount(<Component {...props} />);
    wrapper.instance().methodName();
    expect(spy).toHaveBeenCalled();
}

    Par l'écriture de l'essai, ce que vous appelez la méthode et ensuite affirmer qu'il a été appelé. Qui, bien sûr, il vous sera donné juste appelé.