kyu-log
프론트엔드 테스트 생태계 구조
Jest, Vitest, jsdom, Testing Library, MSW, Playwright가 각각 어느 레이어를 맡는지 정리합니다. Test Runner, DOM 환경, Component Rendering, Network Mocking으로 나눴 보고 실제 조합 패턴까지 살펴봅니다.
좋은 테스트 코드, 나쁜 테스트 코드 — component, hook 편 (2)
util 함수에서 세운 네 가지 테스트 원칙을 component와 hook에 적용합니다. 테스트 이름을 사용자 관점의 시나리오로 쓰는 법, 그리고 util 테스트와 무엇이 결정적으로 달랐는지를 Testing Library 코드로 정리합니다.
좋은 테스트 코드, 나쁜 테스트 코드 — util편 (1)
좋은 테스트와 나쁜 테스트를 가르는 네 가지 원칙을 util 함수 기준으로 정리합니다. 테스트 이름을 문서처럼 쓰는 법, 구현이 아닌 동작을 검증하는 법, 독립 실행과 "실패할 수 있는 테스트"의 조건을 실제 코드로 살펴봅니다.