Vue 학습

11장. Vue에서 테스트하기

이 작품은 AI를 사용하여 번역되었습니다. 여러분의 피드백과 의견을 환영합니다: [e-mail]

지금까지 다양한 Vue API를 사용하여 처음부터 완전한 Vue 애플리케이션을 개발하는 방법에 대해 알아보았습니다. 이제 애플리케이션을 배포할 준비가 되었지만 배포하기 전에 애플리케이션에 버그가 없고 프로덕션에 사용할 준비가 되었는지 확인해야 합니다. 바로 이때 테스트가 필요합니다.

테스트는 프로덕션 환경에 배포하기 전에 코드 신뢰도와 품질을 높이는 데 도움이 되므로 모든 애플리케이션 개발에 매우 중요합니다. 이 장에서는 다양한 유형의 테스트와 Vue 애플리케이션에서 이를 사용하는 방법에 대해 알아봅니다. 또한 단위 테스트를 위한 Vitest 및 Vue Test Utils와 엔드투엔드(E2E) 테스트를 위한 PlaywrightJS와 같은 다양한 도구에 대해서도 살펴봅니다.

유닛 테스트 및 E2E 테스트 소개

소프트웨어 개발에는 애플리케이션이 예상대로 작동하는지 확인하기 위한 수동 및 자동 테스트 관행과 기술이 모두 있습니다. 수동 테스트는 테스터가 소프트웨어와 수동으로 상호 작용해야 하며 비용이 많이 들 수 있는 반면, 자동 테스트는 주로 일련의 테스트가 포함된 사전 정의된 테스트 스크립트를 자동화된 방식으로 실행하는 것입니다. 자동화된 테스트 모음은 단일 기능부터 여러 부분의 조합에 이르기까지 간단한 것부터 복잡한 애플리케이션 시나리오까지 검증할 수 있습니다 .

자동화된 테스트는 테스트를 올바르게 작성한다는 가정 하에 수동 테스트보다 더 안정적이고 확장성이 뛰어나며 다음과 같은 테스트 프로세스를 수행합니다:

단위 테스트

소프트웨어 개발에서 가장 일반적이고 가장 낮은 수준의 테스트입니다. 단위 테스트는 함수, 후크, 모듈과 같은 특정 작업을 수행하는 코드 단위(또는 코드 블록)의 유효성을 검사하는 데 사용합니다. 단위 테스트와 테스트 주도 개발(TDD)을 결합할 수 있습니다.¹ 표준 개발 관행으로.

테스트 통합

이 테스트 유형은 서로 다른 단위 코드 블록의 통합을 검증합니다. 통합 테스트는 논리 함수, 컴포넌트 또는 모듈의 흐름을 확인하는 것을 목표로 합니다. 구성 요소 테스트는 단위 테스트로서 테스트를 내부 로직과 통합합니다. 또한 테스트 품질을 보장하기 위해 대부분의 업스트림 서비스 및 테스트 범위 외부의 기타 기능을 모의 테스트합니다.

엔드투엔드(E2E) 테스트

소프트웨어 개발에서 가장 높은 수준의 테스트. 일반적으로 실제 사용자 동작을 시뮬레이션하여 클라이언트 측에서 백엔드까지 전체 애플리케이션 흐름을 검증하는 데 E2E 테스트를 사용합니다. 전체 애플리케이션 흐름을 테스트하기 때문에 E2E 테스트에서는 모의 서비스나 기능을 사용하지 않습니다.

참고

테스트 중심 개발(TDD)은 먼저 테스트 케이스를 설계 및 작성하고(빨간색 단계), 테스트를 통과하기 위해 코드를 작업하고(녹색 단계), 코드 구현을 개선(리팩터링 단계)하는 것을 의미합니다. 실제 개발 ...