@ cypress/instrument- cra (英语) 
CRA 应用到乐器代码的模块小而未弹出反应标记
安装和使用
yarn add @cypress/instrument-cra
那就换你的 npm start 启动 dev 服务器前需要此模块的脚本
{
"scripts": {
"start": "react-scripts -r @cypress/instrument-cra start",
}
}
本模块假定标准 创建- react-App v3 JavaScript 应用程序在"src"文件夹中带有源文件.
当应用程序开始时 yarn start,您应当看到覆盖信息 window.__coverage__ 资料.
仪器使用 伊斯坦布尔.js 通过 巴尔-普拉金-斯坦布尔 ,并与 @ cypress/ code- 覆盖 插件 .
排除文件
如果您想要将文件排除在覆盖范围之外, 例如 src/serviceWorker.js,添加一个已命名的对象 nyc 改为 package.json 之后 nyc CLI 配置。 。 。 .
{
"nyc": {
"exclude": "src/serviceWorker.js"
}
}
工具 a分叉
文书a 叉数 react-scripts,提供通往新 webpack.config.js 在你身边 package.json 作为 cypressWebpackConfigPath,例如:
{
"cypressWebpackConfigPath": "./node_modules/@my-org/my-react-scripts-fork/config/webpack.config.js"
}
强制仪器
通常,该代码只在 development 环境。 如果您想要强制使用仪器, 请设置环境变量
CYPRESS_INSTRUMENT_PRODUCTION=true
调试
以环境变量运行 DEBUG=instrument-cra 看到动词日志
页:1
如果您尝试启动应用程序,以及 react-scripts 显示出错 There might be a problem with the project dependency tree.,只需创建本地文件 .env 带。 这个问题是由于几个版本的 babel-loader 此插件与您的应用程序之间的依赖性 .
SKIP_PREFLIGHT_CHECK=true
实例
在此存储库中
外部
许可证
麻省理工学院执照,见 自由主义