DEV Community
·
React 基础：单元测试/用户事件
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
文章讲解了如何用react-testing-library测试用户事件。示例中有一个计数器组件，初始值为0。点击按钮后，计数器加1。测试文件使用`fireEvent`模拟点击，验证计数器是否正确增加到1。
🎯
关键要点
- 文章讲解如何用react-testing-library测试用户事件。
- 示例中有一个计数器组件，初始值为0。
- 点击按钮后，计数器加1。
- 使用fireEvent函数模拟点击事件。
- 测试文件中验证计数器是否正确增加到1。
- 测试初始状态和用户事件后的状态。
❓
延伸问答
如何使用react-testing-library进行用户事件测试？
可以使用react-testing-library中的fireEvent函数来模拟用户事件，例如点击按钮。
计数器组件的初始值是什么？
计数器组件的初始值为0。
点击按钮后，计数器的值会发生什么变化？
点击按钮后，计数器的值会增加1。
如何验证计数器的状态是否正确？
可以通过测试文件中的expect语句来验证计数器的状态是否正确，例如检查当前计数是否为1。
在测试中如何模拟点击事件？
在测试中可以使用fireEvent.click函数来模拟点击事件。
测试文件中如何检查初始状态？
测试文件中可以使用screen.getByText来检查初始状态，例如确认当前计数为0。
➡️
