Отправка React-Redux не определена в тестировании снимков с использованием jest - PullRequest
Новая
       26

Отправка React-Redux не определена в тестировании снимков с использованием jest

0 голосов
/ 11 февраля 2020

enter image description here Я пишу контрольный пример для моего функционального компонента, в котором я использовал редукционные хуки, такие как useDispatch и useState. Как написать тестовый пример для следующего компонента. 

  import componentLoaderAction from "../../../redux/actions/componentLoaderAction";
  import { useSelector, useDispatch } from 'react-redux';
  import ComponentLoader from '../../component-loader/component-loader';

  const HelloType = ({ props, data }) => {
   const dispatch = useDispatch();
    dispatch(componentLoaderAction.loadStep(1));

     const configurations = {
       navigations: {
          ........
       }
    };

    return (
       <div className="main-container">
         ...
           <ComponentLoader configurations={configurations} data={data}> </ComponentLoader>
       </div>
    );
  };

Я написал тестовый пример следующим образом: HelloType.test. js

   jest.mock("react-redux", () => ({
   useSelector: jest.fn(),
   useDispatch: jest.fn()
  }));
  test('Component should render', () => {
  const component = renderer.create(< HelloType />);
  expect(component.toJSON()).toMatchSnapshot();
 });

Я не уверен если это правильный путь. Но при запуске он выдает ошибку «диспетчер не определен» и указывает на мой фактический файл js HelloType. js. Пожалуйста, помогите мне с контрольным примером для снимка и событий. Как это сделать?

...