[테스트 도입 - 레거시 프로젝트] 2-3. FE E2E TestFE Cypress Report

Cypress 결과를 한번에 보기

Reporter 설치

library 설치

npm install -D mochawesome
npm install -D cypress-mochawesome-reporter

cypress.config.js

report 관련 설정

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

module.exports = defineConfig({
  reporter: 'cypress-mochawesome-reporter',
  video: false,
  reporterOptions: {
    charts: true,
    reportPageTitle: 'Cypress Inline Reporter',
    embeddedScreenshots: true,
    inlineAssets: true, //Adds the asserts inline
  },
  e2e: {
    experimentalStudio: true,
    setupNodeEvents(on, config) {
      require('cypress-mochawesome-reporter/plugin')(on);
    },
  },
});

실행

npx cypress run --e2e

Report 결과

terminal

reports 폴더

video 가 true인 경우에는 video 생성 (false로 하는 경우 기존 video가 사라지니 주의)

index.html 내부 상세하게 기재