我具有以下组件:
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.
要成功运行此测试,我需要添加/更改什么?
赞赏任何指导