[일지] 2026.01.17

작업한 것

• Playwright 튜토리얼 Installation | Playwright
  

배운 것

• Playwright
  • 프로젝트 시작
    yarn create playwright
    - 기존 프로젝트에 설치
    - 기존 프로젝트의 Git hook을 통해 Jenkins에서 실행(또는 Git Action)
    - 로컬에서는 별도 실행 명령어 실행하면 됨.
  • 구조
    • directories
      • tests: 테스트 코드 보관소(경로 변경 가능)
      • test-results: 최근 테스트 결과 요약 + 원천 데이터(스크린샷, 비디오, 트레이스) ****저장
      • playwright-report: test-results 파일들로 구성된 리포트 화면
    • files
      • playwright.config.ts
        • 테스트 설정
        • 테스트 방식: 테스트 경로, 병렬 테스트 여부, 시도 횟수
        • 브라우저 설정: 크로미움, 파이어폭스, 웹킷 엔진각각에 대한 기기를 설정
        • 공통 테스트 옵션: 실행 기록 여부, base url,
        • 결과보고 방식: 리포트 형식 지정(html, list, line, dot, json, junit, github, blob, …)
        • CI/CD 연동: 로컬 및 CI에서의 동작 구분 설정
    • libs
      • playwright: 헤드리스 브라우저
        • UI 테스트
  • 명령어

    Local & CI
    테스트 실행:  yarn playwright test
    
    Local Only
    기본 테스트 생성: yarn init playwright
    테스트 리포트 열람: yarn playwright show-report
    테스트 코드 생성모드 실행: yarn playwright codegen

  • 동작 방식
    • 로컬: 필요한 명령어를 터미널에서 실행
    • CI: .github/worklfows/playwright.yml을 실행
      • 커밋 - 머지 시 tests폴더 내 파일만 업데이트
      • CI에서 테스트가 실패했을 때 실패한 부분의 영상이나 스크린샷을 찍도록 설정할 수도 있음 (예:trace: 'on-first-retry')

다음 작업

• playwright codegen모드 UI 익히기
  

마무리

후아아아아아 어렵디