> 웹 프론트엔드 > JS 튜토리얼 > Cypress 실행은 널리 사용되는 테스트 프레임워크입니다.

Cypress 실행은 널리 사용되는 테스트 프레임워크입니다.

DDD
풀어 주다: 2025-01-02 16:28:40
원래의
170명이 탐색했습니다.

Cypress run is a popular testing framework
Cypress는 웹 애플리케이션에 대한 엔드투엔드 테스트를 단순화하는 인기 있는 테스트 프레임워크입니다. Cypress에서 사용할 핵심 명령 중 하나는 [cypress run](https://keploy.io/blog/community/comprehensive-guide-to-running-tests-with-cypress)입니다. 이 명령을 사용하면 헤드리스 환경에서 테스트를 실행할 수 있으므로 지속적인 통합 및 테스트 워크플로에 이상적입니다. 이 게시물에서는 cypress run 명령을 효과적으로 사용하고 그 잠재력을 최대한 활용하는 방법을 살펴보겠습니다.

프로젝트에 Cypress 설정하기

cypress run을 사용하기 전에 먼저 프로젝트에 Cypress를 설치해야 합니다. 아직 Cypress를 설정하지 않았다면 쉽게 시작할 수 있습니다. 간단히 다음 명령을 실행하세요:

bash
Copy code
npm install cypress --save-dev
로그인 후 복사
로그인 후 복사

이 명령은 Cypress를 프로젝트의 개발 종속성으로 설치합니다. 설치가 완료되면 npx cypress open을 사용하여 Cypress를 열어 테스트 작성을 시작할 수 있습니다. 그러나 GUI 없이 헤드리스 브라우저에서 테스트를 실행하려면 cypress run 명령을 사용합니다.

'cypress run'으로 테스트 실행하기

cypress run 명령은 헤드리스 환경에서 테스트를 실행하는 가장 간단한 방법입니다. 모든 테스트를 실행하려면 다음을 실행하세요.

bash
Copy code
npx cypress run
로그인 후 복사
로그인 후 복사

이렇게 하면 기본적으로 헤드리스 브라우저(일반적으로 Electron)를 사용하여 /cypress/integration 폴더에 있는 모든 테스트가 실행됩니다. 테스트는 백그라운드에서 실행되며 결과는 터미널에서 확인할 수 있습니다.

특정 테스트 파일 실행

때때로 모든 테스트가 아닌 특정 테스트 파일을 실행하고 싶을 수도 있습니다. 이는 특정 기능을 작업하거나 단일 테스트를 디버깅할 때 특히 유용합니다. --spec 플래그 뒤에 테스트 파일 경로를 사용할 수 있습니다:

bash
Copy code
npx cypress run --spec cypress/integration/example.spec.js
로그인 후 복사
로그인 후 복사

이 명령은 지정된 파일 내의 테스트만 실행하므로 더 빠른 반복이 가능합니다.

테스트 실행을 위한 브라우저 선택

Cypress는 Chrome, Firefox, Electron을 포함한 다양한 브라우저를 지원합니다. 기본적으로 Cypress는 Electron에서 테스트를 실행합니다. 그러나 --browser 플래그 뒤에 브라우저 이름을 전달하여 사용할 브라우저를 선택할 수 있습니다.

bash
Copy code
npx cypress run --browser chrome
로그인 후 복사
로그인 후 복사

이 명령은 Chrome에서 테스트를 실행합니다. Firefox와 같은 다른 지원 브라우저를 지정할 수도 있습니다.

bash
Copy code
npx cypress run --browser firefox
로그인 후 복사
로그인 후 복사

이러한 유연성은 애플리케이션이 다양한 브라우저 환경에서 테스트되어 브라우저 간 호환이 가능하도록 하는 데 도움이 됩니다.

테스트 결과 기록

Cypress는 자세한 테스트 결과를 기록하고 볼 수 있는 Cypress 대시보드라는 기능을 제공합니다. 테스트 결과를 기록하려면 --record 플래그를 사용해야 합니다:

bash
Copy code
npm install cypress --save-dev
로그인 후 복사
로그인 후 복사

--record 플래그를 사용하면 Cypress는 테스트 결과를 Cypress 대시보드에 자동으로 업로드합니다. 여기에서 테스트의 로그, 스크린샷, 비디오를 볼 수 있습니다.

대시보드의 프로젝트에 테스트를 연결하려면 Cypress 대시보드 계정에서 프로젝트를 설정하고 다음과 같이 프로젝트의 기록 키를 제공해야 합니다.

bash
Copy code
npx cypress run
로그인 후 복사
로그인 후 복사

테스트 기록은 테스트 기록을 추적하고 실패 또는 불안정한 테스트에 대한 통찰력을 얻는 데 유용합니다.

테스트 그룹화 및 병렬화

대규모 테스트 모음을 처리할 때 모든 테스트를 순차적으로 실행하는 데는 시간이 많이 걸릴 수 있습니다. Cypress는 테스트를 그룹화하고 병렬화하여 여러 시스템에서 동시에 실행할 수 있는 기능을 제공합니다.

--group 플래그를 사용하여 테스트를 그룹화할 수 있습니다.

bash
Copy code
npx cypress run --spec cypress/integration/example.spec.js
로그인 후 복사
로그인 후 복사

또한 --parallel 플래그를 사용하여 테스트를 병렬로 실행하여 실행 속도를 높일 수 있습니다.

bash
Copy code
npx cypress run --browser chrome
로그인 후 복사
로그인 후 복사

테스트를 병렬화하면 많은 테스트를 실행하는 데 걸리는 시간을 대폭 줄일 수 있으며 이는 지속적인 통합 파이프라인에 매우 중요합니다.

환경 변수 구성

Cypress를 사용하면 환경 변수를 구성하여 다양한 환경에 따라 테스트 동작을 변경할 수 있습니다. --env 옵션을 사용하여 Cypress에 환경 변수를 전달할 수 있습니다.

bash
Copy code
npx cypress run --browser firefox
로그인 후 복사
로그인 후 복사

이 명령은 Cypress.env('apiUrl')를 사용하여 테스트 내에서 액세스할 수 있는 apiUrl 및 env 변수를 설정합니다. 이 기능은 테스트를 실행하는 동안 다양한 환경(예: 스테이징, 프로덕션) 간에 전환해야 할 때 유용합니다.

테스트 실패 및 재시도 처리

경우에 따라 타이밍 문제나 외부 종속성으로 인해 테스트가 간헐적으로 실패할 수 있습니다. 테스트의 신뢰성을 높이기 위해 Cypress는 실패한 테스트를 재시도할 수 있는 옵션을 제공합니다.

--retries 플래그를 사용하여 재시도 횟수를 지정할 수 있습니다.

bash
Copy code
npx cypress run --record
로그인 후 복사

이 명령은 실패한 테스트를 최대 2번까지 재시도합니다. 이는 불안정한 테스트의 영향을 줄이고 보다 안정적인 테스트 결과를 보장하는 데 도움이 됩니다.

CI/CD 파이프라인에 'cypress run' 통합

Cypress 실행 명령을 CI/CD(지속적 통합 및 지속적 전달) 파이프라인에 통합하는 것은 테스트 프로세스를 자동화하는 데 중요합니다. Jenkins, CircleCI, GitHub Actions, GitLab CI와 같은 인기 있는 CI 도구는 Cypress 테스트 실행을 지원합니다.

다음은 GitHub Actions를 사용하여 Cypress 테스트를 실행하기 위해 기본 CI 파이프라인을 구성하는 방법에 대한 예입니다.

bash
Copy code
npx cypress run --record --key <your-dashboard-project-key>
로그인 후 복사

이 구성은 종속성을 설치하고 헤드리스 브라우저에서 Cypress 테스트를 실행합니다. 또한 Cypress 대시보드에 테스트 결과를 기록합니다.

결론

Cypress 실행 명령을 익히면 개발자가 효율적으로 테스트를 실행하고, 결과를 기록하고, 여러 환경에서 테스트를 확장할 수 있습니다. 단일 테스트 파일을 실행하든 수백 개의 테스트를 병렬화하든 Cypress는 테스트 작업 흐름을 간소화하는 데 필요한 도구를 제공합니다. Cypress Run을 CI/CD 파이프라인에 통합하면 애플리케이션이 항상 테스트되고 배포 준비가 완료되었는지 확인할 수 있습니다.

위 내용은 Cypress 실행은 널리 사용되는 테스트 프레임워크입니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿