[Vue.js] E2E 테스트 - Headless 테스트 및 테스트 동영상 생성

기존에 cypress open을 이용한 테스트 방법은 Cypress 프로그램을 이용하여 브라우저에서 테스트가 진행됐다.

이 방식 이외에도 Headless 브라우저를 이용한 테스트 방식이 존재한다.

Headless 브라우저

: 기존 브라우저와 비슷한 환경에서 테스트를 진행하나 테스트의 진행은 터미널에서 동작한다.

package.json 수정

다음의 명령어를 추가한다.

cypress run

Headless test 실행

npm run test:e2e:headless

이런식으로 터미널에서 테스트가 진행된다.

테스트 결과도 표시해준다.

 

테스트 비디오 가져오기

테스트 비디오는 /cypress/videos/ 폴더 내부에 저장된다.

동영상 파일은 용량이 매우 크므로, github저장소에 저장되지 않게 .gitignore에 등록해준다.

테스트 동영상