https://www.npmjs.com/package/cypress-mochawesome-reporter

Cypress產生報告

解決透過指令自動產生整合測試報告問題

成果展示

整體狀況的 Overview，有圖表快速了解錯誤比例，可篩選。

整體的測試時間做為參考，每個項目的使用時鐘的顏色提示測試時間長短

查看錯誤細節

有完整影片提供參考感覺最不需要這個

情境

• CI/CD 自動化測試

設定

install

cmd

npm i --save-dev cypress-mochawesome-reporter

cypress.config.js

const { defineConfig } = require('cypress');

module.exports = defineConfig({
  reporter: 'cypress-mochawesome-reporter',
  reporterOptions: {
    charts: true,
    reportPageTitle: 'OB嚴選整合91APP-整合測試報告',
    embeddedScreenshots: true,
    inlineAssets: true,
    // ignoreVideos: true,
    // videoOnFailOnly: true,
    saveAllAttempts: false,
  },
  e2e: {
    setupNodeEvents(on, config) {
      require('cypress-mochawesome-reporter/plugin')(on);
    },
  },
});

e2e.js

// Import commands.js using ES2015 syntax:
import './commands'
import './index'
import './member'

// 加入這個
import 'cypress-mochawesome-reporter/register';

執行測試並產生報告

npx cypress run