Simulating Redux form submit in Jest

Question

I am trying to simulate the submit button in redux form using jest.I have tried the below approach.

const tempWrapper = shallow(
      <Provider store={store}>
        <SignInForm onSubmit={mockButtonSubmit} />
      </Provider>,
    ).dive();

    tempWrapper.prop('onSubmit') === mockButtonSubmit;
   expect(mockButtonSubmit).toBeCalledWith();

But it returns me the following error

expect(jest.fn()).toBeCalledWith(expected)

    Expected mock function to have been called with:
      []
    But it was not called.

When i debug i am getting like below

<ReduxForm onSubmit={[Function: mockConstructor]} touchOnBlur={true} touchOnChange={false} persistentSubmitErrors={false} destroyOnUnmount={true} shouldAsyncValidate={[Function: defaultShouldAsyncValidate]} shouldValidate={[Function: defaultShouldValidate]} shouldError={[Function: defaultShouldError]} shouldWarn={[Function: defaultShouldWarn]} enableReinitialize={false} keepDirtyOnReinitialize={false} updateUnregisteredFields={false} getFormState={[Function: getFormState]} pure={true} forceUnregisterOnUnmount={false} submitAsSideEffect={false} form="signIn" validate={[Function: validate]} />

Since i am new to jest i would like to know whether the approach i have done is correct or not

it doesn't look like you are causing the onSubmit to be called anywhere. You need to submit the form somehow. You might need to simulate a button click? — pteranobyte, Jun 24 '19 at 07:10
https://stackoverflow.com/questions/43747397/simulate-a-button-click-in-jest — pteranobyte, Jun 24 '19 at 07:33

Simulating Redux form submit in Jest

0 Answers0