小编jay*_*ara的帖子

从 ReactDOM.render 切换到 createRoot 使简单的玩笑测试失败

我刚刚开始学习 Daniel Irvine 的《Mastering React Test-Driven Development》,我认为将示例转换为 React 18 应该不会太难。但是我在转换书中的第一个测试时遇到了麻烦使用笑话。

\n

这本书没有使用create-react-app任何东西,而是从头开始构建 React 应用程序,所以我很难找到如何转换代码的相关示例。

\n

当按照书中的 React 17 风格编写时,测试通过了。但如果我替换ReactDOM.render()createRoot(),测试就会失败。

\n

我的应用程序目录如下所示:

\n
\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package.json\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package-lock.json\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 src\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 Appointment.js\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 test\n    \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 Appointment.test.js\n
Run Code Online (Sandbox Code Playgroud)\n

文件内容是:

\n

package.json

\n
{\n  "name": "appointments",\n  "version": "1.0.0",\n  "description": "Appointments project from Mastering React Test-Driven Development.",\n  "main": "index.js",\n  "scripts": {\n    "test": "jest"\n  },\n  "repository": {\n    "type": "git",\n    "url": "example.com"\n  },\n  "author": "",\n  "license": "ISC",\n  "devDependencies": {\n    "@babel/plugin-transform-runtime": "^7.18.6",\n    "@babel/preset-env": "^7.18.6",\n …
Run Code Online (Sandbox Code Playgroud)

javascript testing reactjs jestjs react-18

5
推荐指数
1
解决办法
3855
查看次数

标签 统计

javascript ×1

jestjs ×1

react-18 ×1

reactjs ×1

testing ×1