부록

테스트 실행기로서의 Vitest

Vitest는 인기를 얻고 있는 테스트 실행기이자 프레임워크입니다. 이 과정에서는 특정 예가 필요할 때마다 이를 사용하지만 포함된 샘플 중 다수는 일반적인 내용이며 선택한 프레임워크에 적용됩니다.

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

  • 최신 테스트 실행자로서 다른 테스트 실행기와 달리 설정이나 구성 작업이 거의 필요하지 않습니다. Vitest는 Vite 빌드 도구에서 빌드되지만 기존 프로젝트에서는 계속 작동합니다.

  • 또한 전체 가져오기 모의 처리를 비롯하여 EcmaScript 모듈(ESM) 작업을 위한 훌륭한 지원 기능을 제공합니다. 몇 가지 주의사항이 있지만 다른 도구보다 더 안정적입니다.

무엇보다도 인기 실행기인 Jest와 대부분 호환되는 API를 제공합니다. 그러나 테스트를 구조화하고 그룹화하는 방법은 사용 중인 프레임워크에 관계없이 비슷한 경향이 있습니다. 복잡한 테스트 더블과 같은 고급 기능은 조금 더 벗어날 수 있습니다. 이 과정에서는 Vitest를 사용하여 이를 설명하지만 항상 일반적인 솔루션에 대해서도 설명합니다.

구성요소 모델로 반응

이 과정에서는 일반 자바스크립트(예: 수학 함수)를 테스트하는 일반적인 코드 예를 제공하지만 나중에 웹 구성요소를 일반적으로 포함하고 Lit를 사용하기 전에 React 구성요소를 빠르게 테스트합니다. 이 과정에서는 Next.js도 사용합니다.

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