Как проверить компонент, который использует магазин с ферментом? - PullRequest
0 голосов
/ 02 мая 2019

Я пытаюсь понять, как смоделировать <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.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...