https://www.codeslog.com/tags/vitest/ Recent content in Vitest on Codeslog https://www.codeslog.com/images/default-cover.png?v=20260114T1436 https://www.codeslog.com/images/default-cover.png?v=20260114T1436 Hugo -- 0.150.0 ko Tue, 04 Aug 2026 09:08:00 +0900 https://www.codeslog.com/posts/frontend-testing-coverage-metrics/ Tue, 04 Aug 2026 09:08:00 +0900 https://www.codeslog.com/posts/frontend-testing-coverage-metrics/ 커버리지 리포트의 Stmts·Branch·Funcs·Lines, 이 네 숫자 중 뭘 믿어야 할까요? 라인은 후하고 브랜치가 정직한 이유를 실제 리포트로 확인하고, flaky 비율·MTTR 같은 커버리지 너머의 팀 건강 지표까지 다룹니다. https://www.codeslog.com/posts/frontend-testing-test-doubles/ Fri, 10 Jul 2026 00:44:00 +0900 https://www.codeslog.com/posts/frontend-testing-test-doubles/ mock, stub, spy, fake… 헷갈리는 테스트 더블 용어를 정리합니다. Vitest vi.fn() 하나로 셋을 다루는 법(Jest도 거의 동일)과 의존성 주입으로 분석 로거를 테스트하며, 어디까지 가짜로 바꿀지의 경계 원칙까지 짚습니다. https://www.codeslog.com/posts/frontend-testing-async/ Wed, 08 Jul 2026 00:27:00 +0900 https://www.codeslog.com/posts/frontend-testing-async/ Promise, setTimeout, 그리고 실패 케이스. Vitest의 resolves·rejects 매처와 가짜 타이머(fake timers)로 디바운스 같은 비동기 코드를 테스트합니다. await를 빠뜨리면 왜 거짓 초록불이 뜨는지도 직접 확인해봅니다. https://www.codeslog.com/posts/frontend-testing-unit-basics/ Mon, 06 Jul 2026 00:20:00 +0900 https://www.codeslog.com/posts/frontend-testing-unit-basics/ 가장 튼튼한 기초, 단위 테스트. filterByQuery 순수 함수로 경계값·AAA(Arrange-Act-Assert) 패턴을 Vitest 실전 예제로 익히고, trim()을 일부러 지워 빨간불을 확인하며 toBe·toEqual의 차이까지 다룹니다. https://www.codeslog.com/posts/frontend-testing-setup-vitest/ Sun, 05 Jul 2026 00:05:00 +0900 https://www.codeslog.com/posts/frontend-testing-setup-vitest/ React + Vite + TypeScript 데모 앱에 Vitest·Testing Library·jsdom을 설치하고 vite.config.ts로 설정해 첫 테스트를 초록불로 만듭니다. document is not defined 같은 흔한 세팅 오류도 짚습니다.