Übergeben Sie im Scherz ein Objekt an Expect().toBeCalledWith()

Ich verwende Scherz, um meine Reaktionskomponenten zu testen, und ich verwende expect(...).toBeCalledWith(...); um zu testen, ob eine Funktion mit bestimmten Parametern aufgerufen wurde und mit Werttypen gut funktioniert.

Das Problem ist, ich möchte eine Funktion testen, die beim Aufrufen ein Objekt als Parameter verwendet expect(myFunc).toBeCalledWith(object); Der Test schlägt immer fehl, weil die beiden miteinander verglichenen Objekte natürlich nicht die gleiche Referenz haben.

also wie kann ich dieses problem lösen?

ein Beispielcode dessen, was ich zu testen versuche, ist

it('the function should be called with the correct object', () => {
    api.submitForm = jest.fn().mockReturnValue(Promise.resolve());
    const wrapper = shallow(<component />);
    const instance = wrapper.instance();
    instance.submitForm();
    const object = {
      foo : 'foo',
      bar: 'bar'
    };
    // this always fails even the function is called with the same object values
    expect(api.submitForm).toBeCalledWith(object);
  });

Eine Fehlermeldung würde etwa so aussehen

Expected mock function to have been called with:
      [{"bar": "bar", "foo": "foo"}]
    But it was called with:
      [{"bar": "bar", "foo": "foo"}]

Aktualisieren

Es scheint, dass der folgende Code gut funktioniert

  expect(api.submitForm).toBeCalledWith(
    expect.objectContaining({
     foo : 'foo',
      bar: 'bar'
    }),
  );

Wenn das Objekt jedoch eine Eigenschaft mit Array-Wert enthält, funktioniert die obige Lösung nicht

const obj = {
  foo : ['foo1', 'foo2'],
  bar: 'bar'
}

Wenn ich mir das Jest-Dokument ansehe (https://facebook.github.io/jest/docs/en/expect.html#expectobjectusingobject). Es scheint, dass Sie so etwas tun können:

 expect(api.submitForm).toBeCalledWith(
    expect.objectContaining({
     foo : 'foo',
      bar: 'bar'
    }),
  );

Sie können verwenden .mock.calls[callIdx][paramIdx]

Beschreibung + Beispiel: https://stackoverflow.com/a/41939921/2519073

in Ihrem Fall

expect(api.submitForm.mock.calls[0][0]).toMatchObject( // use whatever matcher you want
    {
      foo : ['foo1', 'foo2'],
      bar: 'bar'
    },
  );

Falls Sie Ihre Funktion mit Argumenten aufrufen

function update( userId, partialUserObject ){
   // update logic
}

Sie können verwenden

expect(update).toBeCalledWith('mockUserId',
   expect.objectContaining({
     username:'hello-world',
     displayName: 'Hello World'
   })
);

• Array: https://jestjs.io/docs/expect#expectarraycondensarray
• Objekt: https://jestjs.io/docs/expect#expectobjectusingobject