Comment vérifier plusieurs arguments sur de multiples appels pour la plaisanterie espions?

J'ai la fonction suivante dans un Réagir composant:

onUploadStart(file, xhr, formData) {
  formData.append('filename', file.name);
  formData.append('mimeType', file.type);
}

C'est mon test, qui devient l'espion d'être appelé: 

const formData = { append: jest.fn() };
const file = { name: 'someFileName', type: 'someMimeType' };
eventHandlers.onUploadStart(file, null, formData);

expect(formData.append).toHaveBeenCalledWith(
  ['mimeType', 'someMimeType'],
  ['fileName', 'someFileName']
);

Cependant, l'affirmation n'est pas de travail:

Expected mock function to have been called with:
 [["mimeType", "someMimeType"], ["fileName", "someFileName"]]
But it was called with:
  ["mimeType", "someMimeType"], ["filename", "someFileName"]

Quelle est la bonne façon de l'utiliser toHaveBeenCalledWith?

InformationsquelleAutor Andreas Köberle | 2016-10-13
  1. 75

    J'ai pu se moquer de multiples appels et de vérifier les arguments de cette façon:

    expect(mockFn.mock.calls).toEqual([
  [arg1, arg2, ...], //First call
  [arg1, arg2, ...]  //Second call
]);

    où mockFn est votre moqué nom de la fonction.

    • ce doit être la "meilleure réponse".
    • c'est déjà la meilleure réponse dans notre coeur <3
    • @IlyaSaunkin <3
    InformationsquelleAutor Andi
  2. 14

    Depuis plaisanterie 23.0 il est .toHaveBeenNthCalledWith(nthCall, arg1, arg2, ....) https://facebook.github.io/jest/docs/en/expect.html#tohavebeennthcalledwithnthcall-arg1-arg2-

    • Alors que ce lien peut vous aider dans votre réponse à la question, vous pouvez améliorer cette réponse en prenant les parties vitales de lien et de le mettre dans votre réponse, cela permet de s'assurer que votre réponse est encore une réponse si le lien est modifié ou retiré 🙂
    • Même si pas fourni un exemple dans la réponse, ce point est vraiment valable! à vous de voir!
    InformationsquelleAutor mpetla
  3. 11

    La signature est .toHaveBeenCalledWith(arg1, arg2, ...), où arg1, arg2, ... dans un unique appel (voir).

    Si vous voulez tester plusieurs appels, juste expect à de multiples reprises.

    Malheureusement, je n'ai pas encore trouvé une méthode de test de l'ordre de plusieurs appels.

    • Je crois que j'ai abordé l'utilisation d'un seul expect (voir ma réponse ci-dessous).
    • Cette méthode ne fonctionne pas/prise en charge - malheureusement!
    InformationsquelleAutor Enoah Netzach
  4. 3

    Vous pouvez également tester toHaveBeenCalledWith, et le test plusieurs fois pour chaque paramètre attendu combinaison.

    L'exemple ci-dessous les tests que GA a été appelé trois fois, dont trois plugins nécessaires.

      describe("requireDefaultGoogleAnalyticsPlugins", () => {
    it("requires defualt plugins", () => {
      requireDefaultGoogleAnalyticsPlugins(TRACKER);
      expect(GoogleAnalytics.analytics).toHaveBeenCalledTimes(3);
      expect(GoogleAnalytics.analytics).toHaveBeenCalledWith(
        `${TRACKER}.require`, "linkid", "linkid.js"
      );
      expect(GoogleAnalytics.analytics).toHaveBeenCalledWith(
        `${TRACKER}.require`, "displayfeatures"
      );
      expect(GoogleAnalytics.analytics).toHaveBeenCalledWith(
        `${TRACKER}.require`, "ec"
      );
    });
  });

    À l'OP cas, vous pouvez tester avec

    expect(formData.append).toHaveBeenCalledWith('mimeType', 'someMimeType');
expect(formData.append).toHaveBeenCalledWith('fileName', 'someFileName');
    InformationsquelleAutor Lex
  5. 1

    Une autre solution basée sur l'Andi est un. Sélectionnez l'appel que vous voulez et de vérifier la valeur des arguments. Dans cet exemple, le premier appel est sélectionné:

    expect(mockFn.mock.calls[0][0]).toEqual('first argument');
expect(mockFn.mock.calls[0][1]).toEqual('second argument');

    Je vous recommandons de vérifier cette Plaisanterie triche:

    https://devhints.io/jest

    InformationsquelleAutor Tonatio
  6. 0

    Cela a fonctionné pour moi aussi...chargement initial de la page fait un recherche par défaut...interaction de l'utilisateur et cliquez sur rechercher une autre recherche...il est nécessaire de vérifier le processus de recherche a augmenté les valeurs de recherche correctement...

    let model = {
        addressLine1: null,
        addressLine2: null,
        city: null,
        country: "US"};
let caModel = { ...model, country: "CA" };
const searchSpy = props.patientActions.searchPatient;
expect(searchSpy.mock.calls).toEqual([[{ ...model }], [{ ...caModel }]]);
    InformationsquelleAutor swandog