로그, 스크린샷과 PDF 생성

네 번째.

Dec 9. 2024

로그, 스크린샷, 그리고 PDF 생성

Playwright는 테스트 결과를 기록하고, 분석 및 공유를 지원하기 위해 로그, 스크린샷, PDF 생성 기능을 제공합니다. 이러한 기능은 테스트 중 발생한 문제를 추적하거나 결과를 문서화하는 데 유용하며, Allure와 같은 대시보드 도구와 통합하여 활용할 수도 있습니다.

1. 로그(Log) 기록

Playwright는 테스트 실행 중 발생하는 동작과 이벤트를 로그로 기록합니다.

• 주요 사용 목적

- 테스트 실행 흐름을 추적

- 문제 발생 시 상세한 정보를 통해 디버깅 지원

• 세부 기능

- 브라우저 네트워크 요청 및 응답 기록

- 콘솔 출력과 JavaScript 에러 로그 수집

- 사용자 정의 로그를 추가하여 테스트의 맥락 제공

2. 스크린샷 저장

테스트 과정에서 발생한 UI 상태를 기록하기 위한 기능입니다.

• 주요 사용 목적

- 특정 시점의 화면을 캡처하여 결과 시각화

- 테스트 실패 시 UI 상태를 시각적으로 확인

• Allure 대시보드 통합

- 캡처한 스크린샷을 Allure와 같은 대시보드에 첨부하여 결과를 공유하거나 문제를 분석

- 자동화 테스트의 시각적 결과를 팀원과 쉽게 공유 가능

• 세부 기능

- 전체 페이지 또는 특정 요소 캡처

- 스크린샷 포맷(PNG, JPEG 등) 지정

3. PDF 생성

• 테스트 결과를 문서 형태로 저장하거나, 페이지 상태를 PDF로 출력하는 기능입니다.

• 주요 사용 목적

- 페이지 레이아웃 및 상태를 문서화

- 테스트 완료 후 결과를 아카이브로 저장

• 세부 기능

- 출력 크기, 방향(가로/세로) 설정

- 해상도와 마진 조정

활용 사례

1. 테스트 실패 분석

• 실패한 시점의 스크린샷과 로그를 분석하여 문제 원인을 파악

• Allure 대시보드에 스크린샷과 로그를 포함해 협업 지원

2. 결과 문서화

• 테스트 진행 결과를 PDF로 저장하여 문서화

• 스크린샷을 포함한 시각적 자료를 테스트 보고서로 활용

3. 문제 재현

• 로그를 활용하여 동일한 시나리오에서 발생한 문제를 쉽게 재현

복습 및 추가 학습

1. 전체 페이지 스크린샷

• 특정 웹 페이지의 전체 화면을 스크린샷으로 저장해보세요.

• 저장된 파일을 확인하여 화면의 모든 콘텐츠가 제대로 캡처되었는지 검증해보세요.

2. 특정 요소 스크린샷

• HTML에서 특정 요소만 선택하여 해당 부분의 스크린샷을 저장해보세요.

• 예를 들어, “로그인” 버튼이나 헤더 영역만 캡처하는 테스트를 작성해보세요.

3. PDF 생성

• 특정 웹 페이지를 PDF로 저장하세요. PDF 파일에 페이지 레이아웃과 텍스트가 정상적으로 표시되는지 확인해보세요.

4. 로그 기록

• 테스트 실행 중 발생한 네트워크 요청 및 응답을 로그로 기록해보세요.

• 브라우저 콘솔에서 발생하는 메시지와 에러 로그도 포함되도록 설정해보세요.

5. Allure와 스크린샷 연동

• 테스트 실행 중 실패한 케이스에서 스크린샷을 캡처하여 Allure 리포트에 첨부해보세요.

• Allure 리포트를 생성하고, 리포트에 스크린샷이 제대로 표시되는지 확인해보세요.

Playwright의 로그, 스크린샷, PDF 생성 기능은 테스트의 결과를 시각적으로 기록하고, 문제를 명확히 분석할 수 있도록 지원합니다. Allure와 같은 도구와 통합하면 테스트 협업과 결과 공유가 더욱 효과적입니다. 강의에서 이를 실습과 함께 자세히 다룰 예정입니다.