Cucumber - Cypress Istanbul整合

Question

我用React、Cypress、Cucumber和Cypress Image Snapshot做了一个项目，以测试前端测试。所有的工作都很好，现在我想为执行的黄瓜测试获得一些代码覆盖。

我试着按照这里的建议进行设置 (https:/github.comcypress-iocode-coverage。)，但没有成功。

我试过这个解决方案(https:/github.comcypress-iocypressissues346#issuecomment-365220178。)，但结果一样。

测试以成功告终，但代码覆盖率显示为 Unknown% 0/0 用于语句、分支、函数和行。

---

我目前的设置。

support/index.js

import '@cypress/code-coverage/support'
import './commands'

plugins/index.js

const cucumber = require('cypress-cucumber-preprocessor').default;
const {
  addMatchImageSnapshotPlugin,
} = require('cypress-image-snapshot/plugin');

module.exports = (on, config) => {
  addMatchImageSnapshotPlugin(on, config);
  on('task', require('@cypress/code-coverage/task'))
  on('file:preprocessor', cucumber());
};

Answer 1

由于你没有提到任何关于应用程序的仪器，你正在测试的web应用程序应该被仪器化，以便代码覆盖工作。

更多关于测试应用程序的信息

https:/github.comcypress-iocode-coverage#instrument-your-application。