reactjs - 测试 react 重定向

Question

我有一个 react 组件，它可能会导致呈现两个重定向之一，例如:

render () {
  if(condition) {
    return <Redirect to={'page1'} />
  } else {
    return <Redirect to={'page2'} />
  }
}

在 enzyme 测试中，我发现了如何测试正在呈现的重定向:

expect(page.find('Redirect').length).toEqual(1)

但是我不确定如何配置测试，以便我可以测试正在渲染哪个重定向。根据 enzyme find文档中不可能使用 find 来定位标签和属性，这让我相信我正在以错误的方式处理这个问题。

Answer 1

您应该能够执行以下操作:

expect(page.containsMatchingElement(<Redirect to="page1" />)).toEqual(true)

这将允许您断言在正确的情况下呈现正确的重定向

或者，如果在安装组件时向组件添加了更多 Prop ，您始终可以执行以下操作:

page.find('Redirect').debug()

并使用 RegExp 手动匹配属性。