什么时候UI测试在React应用程序中发生？

Question

因此，我了解单元测试的流程以及反应项目中的酶/ dom测试。测试拉动组件，模拟必要的，然后这些测试可以手动运行，或通过CI工具或git钩子运行。

然而，当我正在阅读和编写Puppeteer UI测试时，我有点困惑。大多数似乎都需要整个服务器运行，因为它们依赖于localhost：3000。换句话说，测试不仅需要运行测试文件。

所以我想我的问题是

1. 我误解了如何 UI测试工作，有没有办法拉出隔离/模拟组件，以便只需运行测试文件即可运行这些测试

或

1. 我是否误解何时应该进行UI测试。它们是由开发人员手动运行的东西，很少？

Answer 1

如果您正在谈论对UI组件进行单元测试，那么您应该使用酶和Jest。您应该能够将隔离的单个组件安装到自己的测试文件中，并让它们自动运行。

https://facebook.github.io/jest/

https://facebook.github.io/jest/docs/en/tutorial-react.html

Puppeteer启动了一个真正的无头浏览器。以下是将其与Jest集成的文档。简而言之，在任何反应运行之前，来自木偶操纵者的一切都是全局设置的。然后发出实际的浏览器请求。

https://github.com/smooth-code/jest-puppeteer https://facebook.github.io/jest/docs/en/puppeteer.html