DevTools Recorder 패널을 사용하면 페이지에서 사용자 작업을 캡처하고 재생, 공유, 내보내기하여 CI/CD에서 사용할 수 있는 다양한 형식으로 변환할 수 있습니다.
Recorder 패널은 현재 개발 중이며 최근 녹음 파일을 수정, 디버그, 내보내는 데 도움이 되는 새로운 기능이 추가되었습니다.
Recorder 패널을 사용하면 다음 작업을 할 수 있습니다.
- 재생 속도를 늦추거나, 중단점을 설정하거나, 일시중지하거나, 재개하거나, 실행을 한 번에 한 단계씩 진행합니다.
- 일시중지되면 페이지와 상호작용하거나 다른 패널로 전환하여 추가 검사를 진행합니다.
- 녹음기에서 자동으로 캡처하지 않는 단계를 추가합니다. 예를 들어 마우스 오버로 인해 녹화 파일이 오염되는 경우
- 시간 제한, 조건, 어설션을 추가하는 등 단계를 구성합니다.
- JSON, @puppeteer/replay script, Puppeteer script와 같은 다양한 형식으로 녹화 파일을 내보냅니다.
또한 Chrome 확장 프로그램을 사용하여 Recorder 패널에 더 많은 내보내기 형식을 추가할 수 있습니다. 이 글을 작성하는 시점에는 Cypress, WebPageTest, Nightwatch, Testing Library, WebdriverIO 도구의 확장 프로그램을 추가할 수 있습니다. 확장 프로그램의 전체 목록을 확인하세요.
추가 정보:
- 기본사항을 알아보려면 사용자 흐름 녹화, 재생, 측정을 참고하세요.
- 전체 기능 목록은 녹음기 기능 참조를 참고하세요.
- 확장 프로그램을 직접 만들려면 Recorder용 Chrome 확장 프로그램 만들기를 참고하세요.