javascript-testing-patterns
Jest 및 Vitest로 JavaScript 테스트 작성
也可从以下获取: sickn33
JavaScript 및 TypeScript 애플리케이션에 대한 신뢰할 수 있는 테스트를 작성하는 것은 시간이 많이 들고 오류가 발생하기 쉽습니다. 이 기술은 모킹, 픽스처, TDD 워크플로와 함께 단위 테스트, 통합 테스트 및 컴포넌트 테스트에 즉시 사용 가능한 테스트 패턴을 제공합니다.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“javascript-testing-patterns”。 사용자를 생성, 업데이트, 삭제하는 사용자 서비스에 대한 테스트 작성
预期结果:
- CRUD 작업이 포함된 UserService 생성
- create() 메서드 테스트 - 성공 케이스 및 중복 사용자 오류
- update() 메서드 테스트 - 성공 케이스 및 사용자를 찾을 수 없음 오류
- delete() 메서드 테스트 - 성공적인 삭제 및 존재하지 않는 사용자
- 테스트 간 서비스 상태 재설정을 위해 beforeEach 사용
- 모든 엣지 케이스에 대한 포괄적인 어설션 추가
正在使用“javascript-testing-patterns”。 외부 엔드포인트에서 데이터를 가져오는 API 서비스에 대한 테스트 생성
预期结果:
- fetchUser 및 createUser 메서드가 포함된 ApiService 설정
- 격리된 테스트를 위해 vi.fn()으로 global.fetch 모킹
- 모ック 응답으로 성공적인 사용자 가져오기 테스트
- 실패한 API 호출에 대한 오류 처리 테스트
- 올바른 HTTP 메서드 및 요청 본문 확인
正在使用“javascript-testing-patterns”。 사용자 입력 및 제출이 포함된 React 컴포넌트 테스트 작성
预期结果:
- Testing Library로 UserForm 컴포넌트 렌더링
- 입력 필드 렌더링 및 상태 업데이트 테스트
- 올바른 데이터로 onSubmit 콜백이 실행되는지 확인
- 사용자 상호작용 시뮬레이션을 위해 fireEvent 사용
- 안정적인 요소 선택을 위한 testid 속성 추가
安全审计
安全This is a documentation-only skill containing testing pattern examples. The static analyzer flagged 153 patterns, but ALL are FALSE POSITIVEs: weak crypto alerts are triggered by test fixture strings (hashed_password), backtick alerts are TypeScript template literals, path traversal alerts are relative import paths in test code, and the critical heuristic is an invalid combination of benign testing patterns. The previous audit correctly classified this as SAFE.
风险因素
🌐 网络访问 (33)
⚙️ 外部命令 (43)
📁 文件系统访问 (9)
质量评分
你能构建什么
React 컴포넌트 테스트
UI 동작 및 사용자 상호작용을 확인하기 위해 React Testing Library로 컴포넌트 테스트를 작성합니다.
API 엔드포인트 테스트
데이터베이스 픽스처 및 인증 흐름과 함께 REST API에 대한 통합 테스트를 생성합니다.
TDD 워크플로 구현
높은 커버리지로 신뢰할 수 있는 함수와 서비스를 구축하기 위해 테스트 중심 개발 패턴을 따릅니다.
试试这些提示
정상적인 경우, 엣지 케이스 및 오류 조건을 포함하여 이 함수에 대한 단위 테스트를 작성합니다.
vi.mock 또는 jest.mock을 사용하여 외부 API 호출을 모킹하는 이 서비스에 대한 테스트를 생성합니다.
사용자 상호작용 및 렌더링을 테스트하는 @testing-library/react를 사용한 컴포넌트 테스트를 작성합니다.
인증 및 데이터베이스 정리를 포함하여 이 REST API 엔드포인트에 대한 통합 테스트를 생성합니다.
最佳实践
- AAA 패턴 사용: 입력 구성, 함수 실행, 예상 결과 어설션
- 테스트를 빠르고 실제 서비스에서 격리하기 위해 외부 종속성 모킹
- 리팩터링에 복원력 있는 테스트를 위해 구현 세부 사항이 아닌 동작 테스트
避免
- 자주 변경되는 구현 세부 사항 테스트 피하기
- 실행 순서나 공유 상태에 의존하는 테스트 작성 금지
- 단위 테스트에서 느린 외부 서비스 모킹 건너뛰기 금지