如何使用反应测试库测试反应组件的props值

斯里坎特·达尔马普里
<Abc> 
  <Xyz data-testid="comp-xyz" prop1={pqr}/>
</Abc>

在这里,如果Abc是一个类组件,并且我们正在使用react testing库测试Abc,那么有没有办法测试prop1的值?

const {getByTestId} = render(<Abc />)

现在,我使用testId来获取组件Xyz getByTestId("comp-xyz")

我可以得到这个组件的道具吗?getByTestId("comp-xyz").props()

维克多·维森特(Victor Vicente)

否。测试库的想法是鼓励您测试用户与屏幕的交互。创建依赖于组件数据(例如道具和状态)的测试对这种类型的测试没有帮助,因为用户并不直接与道具交互,而是与通过道具渲染的元素进行交互。

另一个要点是,依赖于实现细节的测试是脆弱的测试,也就是说,实现中的任何更改(如果不更改组件的行为)都可能使其测试失败,从而产生“假阴性”。

他们在此文档链接中对其进行了更好的解释:https : //testing-library.com/docs/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我该如何使用带有反应测试库的onClick测试使用props.history的按钮?

来自分类Dev

反应如何测试与setTimeout反应组件

来自分类Dev

反应测试。如何测试反应组件内部的功能

来自分类Dev

如何测试反应连接的组件以及如何测试组件?

来自分类Dev

如何使用API调用来测试组件反应?

来自分类Dev

使用 googleapi 方法反应测试组件

来自分类Dev

如何定义反应测试库的容器大小?

来自分类Dev

测试反应组件,模拟道具

来自分类Dev

反应组件内的测试方法

来自分类Dev

有条件地反应测试库渲染组件

来自分类Dev

反应测试库wairFor API

来自分类Dev

如何测试处理有状态组件状态的反应箭头函数

来自分类Dev

使用上下文测试组件并反应挂钩

来自分类Dev

使用水豚/菠菜测试 Rails 中的反应组件

来自分类Dev

使用 react-intersection-observer 开玩笑测试反应组件

来自分类Dev

如何在测试库反应中获得结果“ toHaveStyle”?

来自分类Dev

单元测试参考自身反应组件

来自分类Dev

测试反应路由器中的反应组件

来自分类Dev

开玩笑/反应测试库:单击按钮不会更新测试中的值

来自分类Dev

反应测试库中的父节点

来自分类Dev

反应测试库检查元素是否存在

来自分类Dev

反应库测试未更新我的屏幕

来自分类Dev

如何测试使用 props 渲染其他组件的 React 组件?

来自分类Dev

反应组件测试。摩卡咖啡,酶测试。失误

来自分类Dev

如何使用React测试库测试组件的内部功能

来自分类Dev

我该如何测试用玩笑是否已调用useState挂钩并做出反应测试库?

来自分类Dev

酶/摩卡:如何通过从子组件触发onChange事件来测试反应组件功能

来自分类Dev

酶/摩卡:如何通过从子组件触发onChange事件来测试反应组件功能

来自分类Dev

使用jQuery无需组件即可反应组件-开玩笑的单元测试

Related 相关文章

  1. 1

    我该如何使用带有反应测试库的onClick测试使用props.history的按钮?

  2. 2

    反应如何测试与setTimeout反应组件

  3. 3

    反应测试。如何测试反应组件内部的功能

  4. 4

    如何测试反应连接的组件以及如何测试组件?

  5. 5

    如何使用API调用来测试组件反应?

  6. 6

    使用 googleapi 方法反应测试组件

  7. 7

    如何定义反应测试库的容器大小?

  8. 8

    测试反应组件,模拟道具

  9. 9

    反应组件内的测试方法

  10. 10

    有条件地反应测试库渲染组件

  11. 11

    反应测试库wairFor API

  12. 12

    如何测试处理有状态组件状态的反应箭头函数

  13. 13

    使用上下文测试组件并反应挂钩

  14. 14

    使用水豚/菠菜测试 Rails 中的反应组件

  15. 15

    使用 react-intersection-observer 开玩笑测试反应组件

  16. 16

    如何在测试库反应中获得结果“ toHaveStyle”?

  17. 17

    单元测试参考自身反应组件

  18. 18

    测试反应路由器中的反应组件

  19. 19

    开玩笑/反应测试库:单击按钮不会更新测试中的值

  20. 20

    反应测试库中的父节点

  21. 21

    反应测试库检查元素是否存在

  22. 22

    反应库测试未更新我的屏幕

  23. 23

    如何测试使用 props 渲染其他组件的 React 组件?

  24. 24

    反应组件测试。摩卡咖啡,酶测试。失误

  25. 25

    如何使用React测试库测试组件的内部功能

  26. 26

    我该如何测试用玩笑是否已调用useState挂钩并做出反应测试库?

  27. 27

    酶/摩卡:如何通过从子组件触发onChange事件来测试反应组件功能

  28. 28

    酶/摩卡:如何通过从子组件触发onChange事件来测试反应组件功能

  29. 29

    使用jQuery无需组件即可反应组件-开玩笑的单元测试

热门标签

归档