我有一个名为LocationFilter的有状态组件。我已经完成了多个黑盒测试,以确保该组件正常工作。这就是我使用Enzyme安装组件的方法:
const wrapper = mount(
<LocationFilter
location={location}
sendLocationFilter={jest.fn()}
router={router}
/>
);
然而,状态和道具是未定义的。当我在控制台中打印出wrapper.debug()时,这是将输出显示为undefined的输出:
<withRouter(LocationFilter) location={{...}} sendLocationFilter={[Function]} router={{...}}>
<LocationFilter location={[undefined]} sendLocationFilter={[Function]} router={{...}} params={[undefined]} routes={[undefined]}>
<div className="FiltersSection__location">
...
</div>
</LocationFilter>
</withRouter(LocationFilter)>