DevTools 팁: 사용자 플로우 기록 수정, 디버그, 내보내기

Sofia Emelianova
Sofia Emelianova

DevTools Recorder 패널을 사용하면 페이지에서 사용자 작업을 캡처하고 재생, 공유, 내보내기하여 CI/CD에서 사용할 수 있는 다양한 형식으로 변환할 수 있습니다.

Recorder 패널은 현재 개발 중이며 최근 녹음 파일을 수정, 디버그, 내보내는 데 도움이 되는 새로운 기능이 추가되었습니다.

Recorder 패널을 사용하면 다음 작업을 할 수 있습니다.

  • 재생 속도를 늦추거나, 중단점을 설정하거나, 일시중지하거나, 재개하거나, 실행을 한 번에 한 단계씩 진행합니다.
  • 일시중지되면 페이지와 상호작용하거나 다른 패널로 전환하여 추가 검사를 진행합니다.
  • 녹음기에서 자동으로 캡처하지 않는 단계를 추가합니다. 예를 들어 마우스 오버로 인해 녹화 파일이 오염되는 경우
  • 시간 제한, 조건, 어설션을 추가하는 등 단계를 구성합니다.
  • JSON, @puppeteer/replay script, Puppeteer script와 같은 다양한 형식으로 녹화 파일을 내보냅니다.

또한 Chrome 확장 프로그램을 사용하여 Recorder 패널에 더 많은 내보내기 형식을 추가할 수 있습니다. 이 글을 작성하는 시점에는 Cypress, WebPageTest, Nightwatch, Testing Library, WebdriverIO 도구의 확장 프로그램을 추가할 수 있습니다. 확장 프로그램의 전체 목록을 확인하세요.

추가 정보: