comment changer la valeur de retour d'une fonction fantaisie dans chaque test ?

Question

J'ai un module fantaisie comme celui-ci dans mon fichier de test de composants.

  jest.mock('../../../magic/index', () => ({
    navigationEnabled: () => true,
    guidanceEnabled: () => true
  }));

ces fonctions seront appelées dans la fonction de rendu de mon composant pour masquer et afficher certaines caractéristiques spécifiques.

Je veux prendre un instantané sur différentes combinaisons de la valeur de retour de ces fonctions fantaisie.

Supposons que j'ai un cas de test comme celui-ci

 it('RowListItem should not render navigation and guidance options', () => {
    const wrapper = shallow(
      <RowListItem type="regularList" {...props} />
    );
    expect(enzymeToJson(wrapper)).toMatchSnapshot();
  });

pour exécuter ce cas de test, je veux changer les valeurs de retour des fonctions du module fantaisie en false comme ceci dynamiquement

jest.mock('../../../magic/index', () => ({
    navigationEnabled: () => false,
    guidanceEnabled: () => false
  }));

parce que j'importe RowListItem le composant a déjà été importé une fois, donc mon module fantaisie ne sera pas réimporté. il ne changera donc pas. comment puis-je résoudre ce problème ?

Answer 1

Vous pouvez simuler le module pour qu'il renvoie des espions et l'importer dans votre test :

import {navigationEnabled, guidanceEnabled} from '../../../magic/index'

jest.mock('../../../magic/index', () => ({
    navigationEnabled: jest.fn(),
    guidanceEnabled: jest.fn()
}));

Plus tard, vous pourrez modifier l'implémentation réelle en utilisant la fonction mockImplementation

navigationEnabled.mockImplementation(()=> true)
//or
navigationEnabled.mockReturnValueOnce(true);

et dans le test suivant

navigationEnabled.mockImplementation(()=> false)
//or
navigationEnabled.mockReturnValueOnce(false);

Answer 2

Ce que vous voulez faire c'est

import { navigationEnabled, guidanceEnabled } from '../../../magic/index';   

jest.mock('../../../magic/index', () => ({
  navigationEnabled: jest.fn(),
  guidanceEnabled: jest.fn()
}));

describe('test suite', () => {
  it('every test', () => {
    navigationEnabled.mockReturnValueOnce(value);
    guidanceEnabled.mockReturnValueOnce(value);
  });
});

Pour en savoir plus sur ces fonctions, cliquez ici => https://facebook.github.io/jest/docs/mock-functions.html#mock-return-values

Answer 3

J'ai eu du mal à faire fonctionner les réponses acceptées - mes équivalents de navigationEnabled y guidanceEnabled étaient indéfinis lorsque j'ai essayé d'appeler mockReturnValueOnce sur eux.

Voilà ce que je devais faire :

En ../../../magic/__mocks__/index.js :

export const navigationEnabled = jest.fn();
export const guidanceEnabled = jest.fn();

dans mon index.test.js fichier :

jest.mock('../../../magic/index');
import { navigationEnabled, guidanceEnabled } from '../../../magic/index';
import { functionThatReturnsValueOfNavigationEnabled } from 'moduleToTest';

it('is able to mock', () => {
  navigationEnabled.mockReturnValueOnce(true);
  guidanceEnabled.mockReturnValueOnce(true);
  expect(functionThatReturnsValueOfNavigationEnabled()).toBe(true);
});