Reactjs 模拟服务工作者无法拦截网络请求
我在这里有一个react项目是从头开始创建的,没有使用CreateReact应用程序,所以我使用jest.config.js和jest.setup.js文件来模拟网络测试请求。我在执行测试时得到以下错误 (节点:12207)实验警告:fs.API是实验性的 控制台错误 错误:错误:connect ECONREFUSSED 127.0.0.1:5000 当我使用包含setupTests.js的createreact应用程序创建一个新项目时,相同的测试代码可以正常工作,但我想在一个react项目中模拟api请求,该项目是从头开始手动创建的Reactjs 模拟服务工作者无法拦截网络请求,reactjs,react-testing-library,msw,react-testing,Reactjs,React Testing Library,Msw,React Testing,我在这里有一个react项目是从头开始创建的,没有使用CreateReact应用程序,所以我使用jest.config.js和jest.setup.js文件来模拟网络测试请求。我在执行测试时得到以下错误 (节点:12207)实验警告:fs.API是实验性的 控制台错误 错误:错误:connect ECONREFUSSED 127.0.0.1:5000 当我使用包含setupTests.js的createreact应用程序创建一个新项目时,相同的测试代码可以正常工作,但我想在一个react项目中模
有什么建议吗?在msw教程中,模拟服务器是在
setupTests.js
中配置的。
因为CRA(创建react应用程序)已经为您配置了jest
,当您使用react脚本测试运行测试时,CRA将加载setupTests.js
如果您想从头开始创建一个新项目(假设您已经安装了react、react dom等)
您必须配置jest
您自己(参考此),需要执行以下步骤:
将package.json中的test
脚本更改为jest
安装依赖项(babel、jest预设等)
使用jest.Config.js
配置jest(和您一样,我也添加了jsdom作为测试环境)
Setupjest.Setup.js
加载模拟服务器
我创建了一个为您执行上述步骤的程序,以便测试运行
npm运行测试App.test.js
输出:
在msw
的教程中,模拟服务器是在setupTests.js
中配置的。
因为CRA(创建react应用程序)已经为您配置了jest
,当您使用react脚本测试运行测试时,CRA将加载setupTests.js
如果您想从头开始创建一个新项目(假设您已经安装了react、react dom等)
您必须配置jest
您自己(参考此),需要执行以下步骤:
将package.json中的test
脚本更改为jest
安装依赖项(babel、jest预设等)
使用jest.Config.js
配置jest(和您一样,我也添加了jsdom作为测试环境)
Setupjest.Setup.js
加载模拟服务器
我创建了一个为您执行上述步骤的程序,以便测试运行
npm运行测试App.test.js
输出:
谢谢,这在示例项目中帮助了我。让我在另一个实时项目中复制相同的更改。谢谢,这在示例项目中帮助了我。让我在另一个实时项目中复制相同的更改。