反应酶找到第二(或第n)节点

reactjs React.js

卡卡西Near

2020-03-12

我正在使用Jasmine Enzyme浅层渲染测试React组件。

为了这个问题的目的在这里简化了...

function MyOuterComponent() {
  return (
    <div>
      ...
      <MyInnerComponent title="Hello" />
      ...
      <MyInnerComponent title="Good-bye" />
      ...
    </div>
  )
}

MyOuterComponent有2个实例,MyInnerComponent我想在每个实例上测试道具。

第一个我知道如何测试。我用findfirst...

expect(component.find('MyInnerComponent').first()).toHaveProp('title', 'Hello');

但是,我正在努力测试的第二个实例MyInnerComponent

我希望像这样的事情可以工作...

expect(component.find('MyInnerComponent').second()).toHaveProp('title', 'Good-bye');

甚至这个...

expect(component.find('MyInnerComponent')[1]).toHaveProp('title', 'Good-bye');

但是,上述两种方法当然都没有。

我觉得我想念显而易见的东西。

但是,当我浏览文档时,没有看到类似的示例。

任何人?

第875篇《反应酶找到第二(或第n)节点》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android