Scherzen Sie die gleiche Funktion zweimal mit unterschiedlichen Argumenten

Ich bin neu bei JEST und teste derzeit eine Javascript-Komponente, die einen API-Aufruf in ihrem onComponentDidMount durchführt. Abhängig von den Rückgabedaten des Ajax-Aufrufs (API-Aufruf) zeigt meine Komponente entweder eine Tabelle oder einen einfachen Text an.

Mein JEST-Test ist ziemlich einfach, im Moment teste ich nur, um mit den aktuellen Schnappschüssen übereinzustimmen. Da mein API-Aufruf unterschiedliche Daten zurückgeben kann, kann mein Snapshot zwei verschiedene Aspekte haben: 1) einen mit einer Tabelle 2) einen mit einem einfachen Text.

Ich habe den Dienst erfolgreich so verspottet

jest.mock("/myService", () => ({
  index: (data, callback) => {
    const return = [
      {
        {...}
      },
    ]
    callback(return)
  },
}))

Meine Komponente macht das myService.index() richtig anrufen, alles, was ich ihm verschiedene Werte übergeben möchte, die es für den Rückruf verwenden wird.

So sieht es aus

it("has proper snapshot", () => {
    const props = {...}
    const component = shallow(<MyComponent {...props} />)
    expect(component).toMatchSnapshot()
  })

Dies funktioniert hervorragend für das erste Beispiel, aber ich kann anscheinend keine richtige Antwort finden, die zu mir passt. Können Sie mir helfen ? 🙂

1- Wenn Sie möchten, dass der Mock bei jedem Aufruf unterschiedliche Ergebnisse zurückgibt:

Verwenden mockReturnValueOnce

myMock
  .mockReturnValueOnce(10)
  .mockReturnValueOnce('x')
  .mockReturnValue(true);

wird zurückkehren 10 beim ersten Anruf, 'x' beim zweiten Anruf u true jederzeit danach.

2- Wenn Sie die Argumente überprüfen möchten, mit denen der Mock aufgerufen wurde:

Verwenden toHaveBeenNthCalledWith

expect(mock).toHaveBeenNthCalledWith(1, '1st call args');
expect(mock).toHaveBeenNthCalledWith(2, '2nd call arg 1', '2nd call arg 2');

werde das behaupten

• der mock wurde mit angerufen '1st call args' beim ersten Mal hieß es -> mock('1st call args')

• der mock wurde mit angerufen '2nd call arg 1' und '2nd call arg 2' beim zweiten Mal hieß es -> mock('2nd call arg 1', '2nd call arg 2')

3- Wenn Sie eine bestimmte Antwort basierend auf dem Funktionsparameter wünschen

Es wird von Jest standardmäßig nicht unterstützt, aber Sie können es sich ansehen jest wann was es Ihnen ermöglicht, Folgendes zu tun:

when(fn).calledWith(1).mockReturnValue('yay!')

Bitte überprüfen Sie die Jest docs darauf. Sie können verschiedene Werte zurückgeben, wenn Sie eine Funktion verspotten, und einmal einen gewünschten Wert und später einen anderen Wert zurückgeben.