DEV Community
·
我们如何在React 18应用中运行Enzyme测试
内容提要
为了满足React应用的升级需求，我们决定同时使用React 16和React 18。通过配置Jest和重命名测试文件，我们可以在不重构500个Enzyme测试的情况下，逐步迁移到React 18，从而在技术债务管理与进展之间取得平衡。
关键要点
-
为了满足React应用的升级需求，决定同时使用React 16和React 18。
-
应用最初于2019年开发，使用React 16和Enzyme进行单元测试。
-
到2024年底，必须升级到React 18，但仍有约500个Enzyme测试未重构。
-
由于工程师数量有限，重写所有测试在合理时间内不可行。
-
决定在应用中运行两个版本的React，React 18用于开发和RTL单元测试，React 16仅用于Enzyme测试。
-
第一步是配置应用以安装两个React版本，通过npm别名实现。
-
第二步是识别所有使用Enzyme的文件，并将其重命名为.enzyme.spec.js扩展名。
-
第三步是配置Jest以运行两个独立的项目，一个用于RTL，一个用于Enzyme。
-
第四步是为Enzyme配置适配器，确保Enzyme能够与React 16一起工作。
-
这种方法虽然不是完美的解决方案，但允许推迟500个单元测试的全面重构，同时实现对React 18的升级。
延伸问答
为什么需要同时使用React 16和React 18？
为了满足React应用的升级需求，同时保留约500个未重构的Enzyme测试。
如何配置应用以支持两个版本的React？
通过npm别名安装两个React版本，并在package.json中添加相应的别名。
如何识别和重命名Enzyme测试文件？
通过搜索包含'import { mount, shallow } from 'enzyme';'的文件，并将其重命名为.enzyme.spec.js扩展名。
Jest如何配置以运行两个独立的测试项目？
在jest.config.js中设置两个项目，一个用于RTL测试，另一个用于Enzyme测试，并配置相应的测试匹配和模块映射。
Enzyme如何与React 16适配？
通过enzyme.config.js文件配置Enzyme适配器，确保其能够与React 16一起工作。
这种双版本React的解决方案有什么优缺点？
虽然不是完美的解决方案，但它允许推迟500个单元测试的全面重构，同时实现对React 18的升级。
