부록

다음은 테스트 개발 여정에 도움이 될 수 있는 추가 개념과 정보입니다.

테스트 실행기로서의 Vitest

Vitest는 테스트 실행기이자 프레임워크로 인기가 많아지고 있습니다. 이 과정에서는 특정 예가 필요할 때마다 이 방법을 사용하지만 포함된 대부분의 샘플은 일반적이며 선택한 프레임워크에 모두 적용됩니다.

대부분의 실행기 또는 테스트 프레임워크는 공통점이 많으며 이 과정은 선택한 스택과 관계없이 유용합니다. Google은 다음과 같은 여러 가지 이유로 Vitest에 집중하기로 했습니다.

  • 최신 기술을 사용하며 다른 테스트 실행기와 달리 설정하거나 구성하는 데 거의 작업이 필요하지 않습니다. Vitest는 Vite 빌드 도구를 기반으로 하지만 기존 프로젝트에서도 작동합니다.

  • 전체 가져오기 모의 처리를 비롯하여 EcmaScript 모듈(ESM)을 사용하는 작업도 잘 지원합니다. 몇 가지 주의사항이 있지만 다른 도구보다 안정적입니다.

가장 중요한 점은 가장 인기 있는 런너인 Jest와 거의 호환되는 API를 제공한다는 것입니다. 하지만 테스트를 구성하고 그룹화하는 방식은 사용하는 프레임워크에 관계없이 비슷합니다. 복잡한 테스트 더블과 같은 고급 기능은 조금 더 벗어나는 경향이 있습니다. 이 과정에서는 Vitest를 사용하여 이를 설명하지만 항상 일반 솔루션도 설명합니다.

구성요소 모델로서 React

이 과정에서는 수학 함수와 같은 일반 JavaScript를 테스트하는 일반적인 코드 예시를 제공하지만, 나중에 웹 구성요소를 일반적으로 포함하고 Lit을 사용하기 전에 React 구성요소 테스트로 빠르게 이동합니다. 이 과정에서는 Next.js도 사용합니다.

실용적인 선택입니다. 비판에도 불구하고 React는 JS 현황 설문조사 참여자가 가장 많이 사용하는 프레임워크입니다.