如何使用酶选择特定的行？

Question

我们正在使用Jest for React应用程序的UI TDD。

我们有以下组件重组的结构：

<Div>
  <Row>
   </Row>
   <ROW>
   <Row>
   <ROW>
      <Link> <Link> 
   <ROW> 
<Div>

我们正试图通过链接获取Row。

我们正在尝试使用以下代码。

const rowProps = wrapper.find(Row).at(0)

如何找到行？

Answer 1

如果您想查找Link组件，请使用@Tony回答。 但是，如果要查找包含Row组件的Link组件，请使用此代码（只有在安装的包装器中有一个Link组件时才有效）

const rowWithLink = wrapper.find('Link').parent()

Answer 2

你应该可以这样做：

const rowProps = wrapper.find('Row Link')