Playwright Trace Viewer 용 Google Chrome

Playwright 테스트 디버깅을 위한 브라우저 기반 추적 재생

Playwright 팀의 Playwright Trace Viewer는 개발자가 기록된 트레이스를 열 수 있는 브라우저 확장 프로그램을 통해 Playwright 엔드 투 엔드 테스트를 디버깅하는 데 도움을 줍니다. 이 도구는 테스트 실행의 인터랙티브 재생을 렌더링하여 엔지니어가 DOM 상태, 네트워크 활동 및 콘솔 출력을 단계별로 탐색할 수 있도록 합니다. 주요 하이라이트에는 브라우저 내 시간 여행 재생, 로컬 전용 처리 및 작업에서 테스트 코드로의 직접 링크가 포함됩니다. 이는 더 빠른 실패 분류가 필요한 Playwright 사용자, QA 엔지니어 및 CI 팀을 대상으로 합니다.

검토자가 로컬 CLI 단계를 건너뛰도록 브라우저에서 Playwright 추적 파일을 엽니다

뷰어는 Jira, Confluence 또는 이메일과 같은 웹 페이지에서 Playwright 추적 .zip 파일을 직접 열 수 있게 하여, 검토를 위해 로컬 Node.js 명령을 다운로드하고 실행할 필요를 없앱니다. 이는 아티팩트가 게시되고 포렌식 검토가 이루어지는 사이의 시간을 줄여, 엔지니어가 Playwright를 로컬에 설치하지 않고도 브라우저에서 실패한 실행을 즉시 검사할 수 있도록 합니다.

외부 데이터 노출을 제한하기 위해 로컬에서 추적을 처리합니다

뷰어는 브라우저 컨텍스트 내에서 추적 데이터를 완전히 로드하고 처리하며, 추적 내용을 외부 서버로 전송하지 않습니다. 이러한 로컬 전용 처리는 CI 아티팩트를 검사할 때 스크린샷, 네트워크 요청 아카이브 및 콘솔 로그를 사용자의 환경 내에 유지합니다. 추적에 독점 데이터를 첨부하는 팀은 외부 업로드 단계가 검사 흐름의 일부가 아니기 때문에 프라이버시 이점을 얻습니다.

디버깅을 위한 단계별, 고충실도 시간 여행 기록을 제공합니다

뷰어는 테스트 실행을 탐색 가능한 타임라인으로 재구성하고 구체적인 검사 지점을 노출합니다. 제공하는 내용은:

• 타임라인 보기: 실행 프레임을 스크럽합니다.
• 작업 검사 및 DOM 스냅샷: 상호작용 전후의 페이지 상태를 봅니다.
• 네트워크 및 콘솔 로그: 요청 및 런타임 오류를 검사합니다.
• 소스 매핑: 작업에서 테스트 코드 줄로 점프합니다.

Playwright 워크플로우와 통합되고 Node.js 없이 CLI GUI를 미러링합니다

뷰어는 Chrome 확장 프로그램으로 설치되며 Chromium 기반 브라우저에서 실행되고, 개발자는 이를 Playwright 프로젝트의 일환으로 유지 관리합니다. 로컬 'npx playwright show-trace' 명령을 실행하는 것과 비교할 때, 이 확장 프로그램은 웹 도구를 통해 제공되는 추적에 대한 다운로드 및 실행 단계를 제거하여, 검토자가 로컬 도구를 먼저 호출하지 않고도 CI 또는 이슈 추적기에서 게시된 아티팩트를 검사할 수 있도록 합니다.

로컬 디버깅을 보완하는 집중된 브라우저 우선 분류 도구

뷰어는 기록된 테스트 실행의 빠른 브라우저 기반 분류가 필요한 Playwright 팀을 위한 실용적인 옵션입니다. 문제 추적기 및 CI 파이프라인을 통해 공유된 아티팩트를 검사하는 장벽을 낮춥니다. 첫 번째 진단으로 사용될 것으로 기대됩니다: 뷰어를 사용하여 실패를 정확히 찾아내고, 환경별 수정이나 재생이 개발자에게 필요할 때는 표적 로컬 디버깅을 실행하세요.