Playwright에서 보고서를 보기 쉽게 allure-playwright 가져오기

▮Playwright

가설 조건

다음을 참조하여 Playwright Test for VScode 가져오기

컨디션

▮ Bofre After

▮1. allure-playwright 설치

조작하다

npm i -D allure-playwright

확인

PS C:\Playwright_sample> npm i -D allure-playwright
npm WARN Playwright_sample@1.0.0 No description
npm WARN Playwright_sample@1.0.0 No repository field.

+ allure-playwright@2.0.0-beta.16
added 5 packages from 3 contributors and audited 195 packages in 18.499s

18 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

PS C:\Playwright_sample>

2.allure-playwright로 테스트

조작하다

npx playwright test --reporter=line,allure-playwright

확인

PS C:\Playwright_sample> npx playwright test --reporter=line,allure-playwright

Running 25 tests using 1 worker
  Slow test file: [chromium] › example.spec.ts (1m)
  Consider splitting slow test files to speed up parallel execution

  25 passed (1m)
PS C:\Playwright_sample>

3. allure-commandline을 설치합니다.

조작하다

npm i -D allure-commandline

확인

PS C:\Playwright_sample> npm i -D allure-commandline
npm WARN Playwright_sample@1.0.0 No description
npm WARN Playwright_sample@1.0.0 No repository field.

+ allure-commandline@2.17.2
added 1 package and audited 196 packages in 10.294s

18 packages are looking for funding
  run `npm fund` for details
    
found 0 vulnerabilities

PS C:\Playwright_sample>

4.allure-results에 따라 테스트 보고서 작성

조작하다

npx allure generate ./allure-results --clean

확인

PS C:\Playwright_sample> npx allure generate ./allure-results --clean
Report successfully generated to allure-report
PS C:\Playwright_sample>

5. allure 보고 서버를 시작합니다.

조작하다

npx allure open ./allure-report

확인

[브라우저] 아래의 출력을 확인합니다.

[브라우저] 아래의 출력을 확인합니다.

이번 변경된 문서 구성

フォルダー パスの一覧:  ボリューム Windows
ボリューム シリアル番号は 2602-33EF です
C:.
│  .gitignore
│  package-lock.json
│  package.json
│  playwright.config.ts
│  
├─allure-report
│  ...
│  
├─allure-results
│  ... 
├─node_modules
│  ...     
├─playwright-report
│      index.html
│      
└─tests
        example.spec.ts