【问题标题】:How to select particular Row using Enzyme?如何使用酶选择特定行?
【发布时间】:2018-08-24 23:46:54
【问题描述】:

我们将 Jest 用于 React 应用程序的 UI TDD。

我们有如下的组件重绘结构:

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

我们正在尝试获取带有链接的行。

我们正在尝试以下代码。

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

如何定位到行?

【问题讨论】:

    标签: javascript reactjs ecmascript-6 enzyme jestjs


    【解决方案1】:

    如果你想找到Link 组件 - 使用@Tony 答案。 但是,如果您想找到包含 Link 组件的 Row 组件 - 请使用此代码(仅当您在已安装的包装器中有一个 Link 组件时才有效)

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

    【讨论】:

      【解决方案2】:

      你应该可以做到:

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

      【讨论】:

      • 该行上的类或 ID 是什么行链接?
      • Row 和 Link 是你列出的组件;使用酶 find() 您可以使用组件显示名称作为搜索条件
      猜你喜欢
      • 2019-08-01
      • 1970-01-01
      • 1970-01-01
      • 2018-09-13
      • 1970-01-01
      • 1970-01-01
      • 2021-12-31
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多