DEV Community
·
使用 UserEvent 和 Testing Library 测试 React 应用
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
本文讲解如何使用userEvent和testing-library测试React应用中的UserForm组件。我们验证了组件渲染、输入框输入及提交按钮的功能，确保onUserAdd函数被正确调用。
🎯
关键要点
-
本文讲解如何使用userEvent和testing-library测试React应用中的UserForm组件。
-
UserForm组件包含两个输入框（用户名和电子邮件）和一个提交按钮。
-
首先导入必要的库和组件。
-
编写测试以检查UserForm组件的渲染，确保提交按钮存在。
-
测试输入框和提交按钮的功能，模拟输入并点击提交。
-
验证onUserAdd函数是否被正确调用。
-
使用userEvent库模拟用户交互，测试输入框和提交按钮。
-
成功测试了React应用中的UserForm组件。
➡️
