如何在酶中编写测试以检查是否存在连接/智能组件?

问题描述 投票:0回答:1

我具有以下组件:

import React from 'react';
import {
  Header
} from 'semantic-ui-react';
import SummaryTable from '../SummaryTable/SummaryTable';
import SummaryFilters from '../SummaryFilters/SummaryFilters';

function TabSummary() {
  return (
    <>
      <Header as="h2">
        Blah blah
      </Header>
      <SummaryFilters />
      <SummaryTable />
    </>
  );
}

export default TabSummary;

我如何为此组件编写测试以检查SummaryFilter组件是否存在。 SummaryFilter是一个已连接/智能的组件,并进行以下测试:

it('should display <SummaryFilters /> when page is first loaded', () => {
  console.log(wrapper.debug());
  expect(wrapper.find('SummaryFilters').exists()).toBeTruthy();
});

引发以下错误:

Invariant Violation: Could not find "store" in the context of "Connect(SummaryFilters)". 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(SummaryFilters) in connect options.

要成功运行此测试,我需要添加/更改什么?

赞赏任何指导

javascript reactjs testing enzyme
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.