Expo如何添加Jest-React测试库

Question

我正在尝试将Jest和React testing library安装到我的expo 项目 (sdk 47)中。 安装时我遇到了依赖冲突。 我是测试新手，你能帮我安装一下吗

发现：react@18.1.0 npm 错误！ 节点模块/反应 npm 错误！
react@"18.1.0" 来自根项目 npm ERR。 来自@testing-library/react-native@11.5.0 的 peer react@">=16.0.0" npm 错误！
node_modules/@testing-library/react-native npm 错误！
@testing-library/react-native@" " 来自根项目 npm ERR: 1 more (react-native) npm ERR。 npm 错误。 无法解决依赖关系。 npm 错误。 peer react@"^18.2.0" from react-test-renderer@18.2.0 npm 错误！ node_modules/react-test-renderer npm 错误！
react-test-renderer@"^18.1.0" 来自根项目 npm ERR。 来自@testing-library/react-native@11.5.0 npm 的同行 react-test-renderer@">=16.0.0" 错误！
node_modules/@testing-library/react-native npm 错误！
@testing-library/react-native@" " from the root project npm ERR, npm ERR, 修复上游依赖冲突。 或重试 npm 错误：使用 --force 执行此命令。 或 --legacy-peer-deps npm 错误。 接受不正确（并且可能损坏）的依赖项解析。 npm 错误！ npm 错误！ 有关完整报告，请参阅 C:\Users\rikvitha\AppData\Local\npm-cache\eresolve-report.txt。

npm ERR：此运行的完整日志可在以下位置找到：

npm 错误！
C:\Users\rikvitha\AppData\Local\npm-cache_logs\2023-01-22T05_28_56_533Z-debug-0.log

Answer 1

您是要安装 React 测试库 (RTL) 还是 React-Native 测试库 (RNTL)？ 您的问题说的是一回事，但您的错误记录是另一回事，它们是两个不同的库。 我假设它是 RNTL，因为您还使用 expo。

错误日志说你有几个相互冲突的依赖项，即你有一个依赖项冲突。 我建议的是删除依赖项并再次添加它们（如果您有一个一切正常的提交，您可以执行git reset head --hard to throw away your changes）。 我认为你的问题是 react-test-renderer，但依赖冲突很棘手。 这些是我使用的版本：

"@testing-library/jest-native": "^5.4.1",
"@testing-library/react-native": "^11.5.0",
"@tsconfig/react-native": "^2.0.2",
"@types/jest": "^26.0.24",
"@types/react": "^18.0.21",
"@types/react-native": "^0.70.6",
"@types/react-test-renderer": "^18.0.0",
"babel-jest": "^26.6.3",
"jest": "^26.6.3",
"metro-react-native-babel-preset": "0.72.3",
"react-test-renderer": "18.1.0",
"ts-jest": "^29.0.3",
"typescript": "^4.9.4"

我使用 react-native（而不是 expo）和 typescript（而不是 js），所以还有一些你可能不需要的插件，除非你也使用 TS，但这些版本应该不会相互冲突。