redux-form couldn't find store

Question

I'm new in React and I try to apply this http://redux-form.com/5.2.5/#/getting-started?_k=vz58jr start form to my component, but there is problem:

Uncaught Invariant Violation: Could not find "store" in either the context or props of "Connect(ReduxForm(ContactForm))". Either wrap the root component in a , or explicitly pass "store" as a prop to "Connect(ReduxForm(ContactForm))".

what can I do with this?

rodrigo agostinho rodrigo agostinho · Accepted Answer · 2017-01-02T13:16:27

I have used redux-mock-store, react-redux, enzyme and chai.

For example:

singup

class Signup extends Component { ... }

Signup = reduxForm({
  form: 'newUser',
  fields: ['email', 'password', 'confirmPassword']
})(Signup);

Signup = connect(null, actions)(Signup);

export default Signup;

signup.test

import React from 'react';
import { shallow, mount } from 'enzyme';
import { expect } from 'chai';
import configureStore from 'redux-mock-store';
import { Provider } from 'react-redux';
import Signup from '../src/components/signup';

let wrapper;
const mockStore = configureStore([]);
const store = mockStore({});

describe('Signup', () => {

  beforeEach(() => {
      wrapper = mount(
        <Provider store={store}>
            <Signup />
        </Provider>
      );
  });

  it ('should have signup className', () => {
    expect(wrapper.find('.signup')).to.have.length(1);
  });

});

redux-form couldn't find store

3 Answers