Vitest ๋๋ฒ๊น ๋ฐฉ๋ฒ
Sonamu๋ Vitest๋ฅผ ํ ์คํธ ํ๋ ์์ํฌ๋ก ์ฌ์ฉํฉ๋๋ค. ๋ค์ํ ๋๋ฒ๊น ๋ฐฉ๋ฒ์ ์ ๊ณตํฉ๋๋ค.VSCode ๋๋ฒ๊ฑฐ ์ฌ์ฉ
1. launch.json ์ค์
.vscode/launch.json:
2. ๋๋ฒ๊น ์คํ
-
ํ
์คํธ ํ์ผ ์ด๊ธฐ
- ๋๋ฒ๊น
ํ๋ ค๋
.test.tsํ์ผ ์ด๊ธฐ
- ๋๋ฒ๊น
ํ๋ ค๋
-
๋ธ๋ ์ดํฌํฌ์ธํธ ์ค์
- ์ค ๋ฒํธ ์ผ์ชฝ ํด๋ฆญํ์ฌ ๋นจ๊ฐ ์ ํ์
-
๋๋ฒ๊ฑฐ ์์
- F5 ํค ๋๋ โRun and Debugโ ํจ๋์์ โDebug Current Test Fileโ ์ ํ
-
๋๋ฒ๊น
- ๋ธ๋ ์ดํฌํฌ์ธํธ์์ ๋ฉ์ถ๋ฉด ๋ณ์ ๊ฒ์ฌ
- F10 (Step Over), F11 (Step Into) ๋ฑ ์ฌ์ฉ
์ฝ์ ๋ก๊น
console.log ์ฌ์ฉ
๊ฐ์ฅ ๊ฐ๋จํ ๋๋ฒ๊น ๋ฐฉ๋ฒ:๊ตฌ์กฐํ๋ ๋ก๊น
ํน์ ํ ์คํธ๋ง ์คํ
test.only
describe.only
CLI๋ก ํน์ ํ ์คํธ ์คํ
Watch ๋ชจ๋
์๋ ์ฌ์คํ
Watch ๋ชจ๋ ๋จ์ถํค
ํ ์คํธ ์คํ ์ค:a: ๋ชจ๋ ํ ์คํธ ์ฌ์คํf: ์คํจํ ํ ์คํธ๋ง ์ฌ์คํt: ํน์ ํ ์คํธ ํํฐq: ์ข ๋ฃ
UI ๋ชจ๋ (vitest โui)
์คํ
http://localhost:51204/__vitest__/ ์ด๋ฆผ
๊ธฐ๋ฅ:
- ํ ์คํธ ๊ณ์ธต ๊ตฌ์กฐ ์๊ฐํ
- ์คํจํ ํ ์คํธ ํํฐ๋ง
- ๊ฐ๋ณ ํ ์คํธ ์ฌ์คํ
- ์ฝ๋ ์ปค๋ฒ๋ฆฌ์ง ํ์ธ
- ์ฝ์ ์ถ๋ ฅ ํ์ธ
์๋ฌ ๋๋ฒ๊น
์์ธํ ์๋ฌ ๋ฉ์์ง
try-catch๋ก ์๋ฌ ํ์ธ
๋น๋๊ธฐ ์ฝ๋ ๋๋ฒ๊น
async/await ํ์ธ
ํ์์์ ์ฆ๊ฐ
๋ชจํน ๋๋ฒ๊น
Mock ํธ์ถ ํ์ธ
Mock ๋ฆฌ์ ํ์ธ
๋ฐ์ดํฐ๋ฒ ์ด์ค ์ํ ํ์ธ
์ฟผ๋ฆฌ ๋ก๊น
ํ ์คํธ ํ ๋ฐ์ดํฐ ํ์ธ
Coverage ๋๋ฒ๊น
์ปค๋ฒ๋ฆฌ์ง ํ์ธ
์ปค๋ฒ๋์ง ์์ ์ฝ๋ ์ฐพ๊ธฐ
Vitest ์ค์ ๋๋ฒ๊น
์ค์ ํ์ธ
vitest.config.ts: