Zero config Mochawesome reporter for Cypress with screenshots attached to tests.
reporter version | cypress version | reporter branch |
---|---|---|
v2 |
>= 6.7.0 >= 6.2.0 with experimentalRunEvents: true |
master |
v1 |
>= 4.0.0 |
v1 |
- install cypress-mochawesome-reporter
npm i --save-dev cypress-mochawesome-reporter
or
yarn add -D cypress-mochawesome-reporter
- Change cypress reporter
config file (cypress.json
by default)
"reporter": "cypress-mochawesome-reporter"
or command line
--reporter cypress-mochawesome-reporter
- Add to
cypress/support/index.js
import 'cypress-mochawesome-reporter/register';
- Add to
cypress/plugins/index.js
module.exports = (on, config) => {
require('cypress-mochawesome-reporter/plugin')(on);
}
- run cypress
If you want to customize your HTML report with mochawesome-report-generator flags just add the flags you want to reporterOptions
{
"reporter": "cypress-mochawesome-reporter",
"reporterOptions": {
"reportDir": "cypress/report",
"charts": true,
"reportPageTitle": "custom-title"
}
}
- Simple use of
cypress-mochawesome-reporter
- Using
cypress-multi-reporters
- With
mochawesome-report-generator
flags - Change default screenshots folder in
cypress.json
cd examples/<example-project>
npm i
npm test