javascript-testing-patterns

개요

javascript-testing-patterns란?

javascript-testing-patterns는 JavaScript와 TypeScript 프로젝트에서 포괄적인 테스트 전략을 구현하기 위한 실용적인 스킬입니다. Jest, Vitest, Testing Library 같은 인기 프레임워크를 활용한 단위, 통합, 엔드투엔드 테스트의 모범 사례를 다룹니다. 이 스킬은 코드 품질, 신뢰성, 유지보수성을 보장하고자 하는 프론트엔드 개발자에게 적합합니다.

누가 이 스킬을 사용해야 하나요?

• JavaScript 또는 TypeScript를 사용하는 프론트엔드 및 풀스택 개발자
• 새로운 테스트 인프라를 구축하거나 기존 테스트 커버리지를 개선하려는 팀
• React 또는 Vue 같은 프레임워크를 사용하는 프로젝트
• 테스트 주도 개발(TDD) 또는 행동 주도 개발(BDD)을 도입하는 개발자

해결하는 문제들

• 견고한 테스트 환경 구축을 간소화
• 목(mock), 픽스처(fixtures), 테스트 유틸리티 패턴 제공
• API, 서비스, 프론트엔드 컴포넌트 테스트 지원
• CI/CD 파이프라인에 테스트 통합 도움

사용 방법

설치 단계

1. 다음 명령어로 에이전트 또는 프로젝트에 스킬을 추가하세요:
   npx skills add https://github.com/wshobson/agents --skill javascript-testing-patterns
2. SKILL.md에서 주요 문서를 검토하여 개요와 설정 방법을 확인하세요.
3. references/advanced-testing-patterns.md에서 통합 테스트, 컴포넌트 테스트, 픽스처 사용 등 고급 예제를 살펴보세요.

시작하기

• 제공된 예제를 참고해 Jest 또는 Vitest 같은 테스트 프레임워크를 먼저 설정하세요.
• 테스트 파일 구성, 커버리지 임계값 설정, 명확하고 유지보수하기 쉬운 테스트 작성 패턴을 활용하세요.
• 샘플 구성과 테스트 케이스를 프로젝트 구조와 요구사항에 맞게 조정하세요.

모범 사례

• 목과 픽스처를 사용해 단위를 격리하고 외부 의존성을 시뮬레이션하세요.
• 중요한 코드 경로에 대해 단위 및 통합 테스트를 모두 작성하세요.
• React 또는 Vue 같은 프론트엔드 컴포넌트 테스트에는 Testing Library를 적극 활용하세요.
• 지속적인 품질 보증을 위해 테스트를 CI/CD 워크플로우에 통합하세요.

자주 묻는 질문

javascript-testing-patterns는 어떤 프레임워크를 지원하나요?

이 스킬은 Jest, Vitest, Testing Library를 위한 가이드를 제공하며, 백엔드와 프론트엔드 테스트 시나리오 모두를 다룹니다.

고급 테스트 예제는 어디서 볼 수 있나요?

references/advanced-testing-patterns.md 파일에서 통합 테스트, API 테스트, 프론트엔드 컴포넌트 테스트 등의 실용적인 예제를 확인할 수 있습니다.

이 스킬은 TypeScript 프로젝트에도 적합한가요?

네, 모든 패턴과 설정은 JavaScript와 TypeScript 코드베이스 모두에 호환됩니다.

내 프로젝트에 맞게 패턴을 어떻게 조정하나요?

제공된 예제를 템플릿으로 사용하되, 파일 경로, 테스트 매치 패턴, 설정 스크립트를 저장소 구조와 기술 스택에 맞게 조정하세요.

더 자세한 내용은 어디서 확인할 수 있나요?

파일 탭을 열어 전체 파일 트리와 중첩된 참조, 도움 스크립트를 탐색하며 심층 가이드를 확인하세요.