react-native - 关于如何处理 React Native + React Native Web 堆栈的端到端测试的建议？

Question

想知道其他人是否也进入过这个问题领域，他们的发现是什么。

我们有一个 React Native + React Native Web 应用程序，它们共享相同的代码，并希望添加功能测试，该应用程序也尽可能共享相同的测试代码，并尽可能减少误报功能测试。

根据我的研究，似乎没有一种解决方案可以让我两全其美(网络和 native 之间的共享测试代码以及​​非易碎、低误报测试)。

根据我的研究，我发现很少有如下所述的竞争者:

Native: Detox, Appium, Cavy
Web: Cypress, TestCafe, Nightwatch, Selenium, Appium
Both: Appium

Appium 似乎同时支持两者，但它是基于网络驱动程序的，由于网络驱动程序的脆弱性和误报，该驱动程序的评论褒贬不一。此外，实际会共享多少测试代码::思考。

现在，另一种选择是使用适用于环境的适当工具。 Detox 似乎是一个很好的 native 解决方案。它支持 IOS 和主要的 android 并且运行速度快，并且由于其灰盒性质而不会变得不稳定。对于网络，testcafe 或 cypress 似乎是一个很好的解决方案。

不幸的是，似乎没有一种解决方案可以兼顾两全其美。想知道是否还有其他人在这个领域有经验，试图管理多个平台的测试？

希望对我的发现提出一些评论甚至确认。

Answer 1

我已经使用以下工具成功测试了我的 react-native-web 项目的共享 api 调用、reducer 和组件:Jest、Enzyme、redux-模拟商店, fetch-mock & jest-localstorage-mock

关于文件结构的重要说明:react-native 项目无法在 src 之外找到符号链接(symbolic link)文件夹，但 React 项目可以。出于这个原因，我将所有共享代码(包括所有测试)放在 myApp/native/src/shared 中，而 myApp/web/src/shared 只是共享的符号链接(symbolic link) native 目录中的文件夹。将 shared 放在 web 和 native 之外，这是我最初想要的，但行不通。