使用`react-testing-library`和`cypress`有什么区别？

Question

因此，react-testing-library用于单元/集成测试，cypress用于e2e测试。但是，两者似乎都做相同的事情：

react-testing-library

• 便于嘲弄
• 像用户一样进行测试
• 从顶层组件开始（不是一个严格的要求，但是如果不这样做，最终会在子组件测试中遇到一堆重复的测试用例）
• 即时反馈，快速

cypress

• 便于嘲弄
• 像用户一样进行测试
• 从顶层组件（页面）开始
• 延迟的反馈，速度较慢，但​​提供了额外的工具（视频证明，逐步执行测试等）

除了反馈周期外，它们似乎几乎相同。有人可以澄清有什么区别吗？您为什么要同时使用两者？

Answer 1

您已经在第一行回答了您的问题。如果您想端到端地测试React应用程序，连接到API并部署在某个地方，则可以使用Cypress。

react-testing-library的目标是您的应用程序的较低级别，请确保您的组件按预期工作。借助赛普拉斯，您的应用程序可以使用缓存部署在CDN后面的环境中，并且其数据可以来自API。在赛普拉斯中，您还将编写一个端到端的旅程，这是一条遍历应用程序的快乐之路，一旦部署，它可能会给您带来额外的信心。