Я пытаюсь понять, как смоделировать <Provider>
для моего теста,
Это мой компонент, который я тестирую:
const Auth = props => {
const responseGoogle = ({ tokenId }) => {
props.signToken(tokenId);
};
return (
<div className="authContainer">
<Logo logoClass="logo" />
<GoogleLogin
clientId="550277865980-r6bp701c5lpadsn07rk3uk31javee7k0.apps.googleusercontent.com"
icon={false}
onSuccess={responseGoogle}
className="googleButton"
>
<Button />
</GoogleLogin>
</div>
);
};
А пока я просто хочу проверить, что он отображает компонент Logo.
import React from 'react';
import { shallow } from 'enzyme';
import configureStore from 'redux-mock-store';
import Auth from '../../Auth/index';
import '../../../setupTests';
describe('Auth Component', () => {
it('renders the logo', () => {
const wrapper = shallow(<Auth />);
console.log(wrapper);
});
});
Я получаю следующую ошибку:
Invariant Violation: Could not find "store" in the context of
"Connect(Auth)". Either wrap the root component in a <Provider>, or
pass a custom React context provider to <Provider> and the
corresponding React context consumer to Connect(Auth) in connect options.