如何在Jest中为包含在withRouter()中的组件编写测试用例?

时间:2017-08-31 11:34:39

标签: reactjs react-router enzyme

我有一个名为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)>

0 个答案:

没有答案