Skip to content

grafsoulgrafsoul_grafsoul_

grafsoulgrafsoul_grafsoul_

Frontend · Backend · WebXR · AI technologies

© 2007 - 2026 grafsoul.com

grafsoulgrafsoul_grafsoul_

grafsoulgrafsoul_grafsoul_

grafsoulgrafsoul_grafsoul_

Frontend · Backend · WebXR · AI technologies

grafsoul

Portfolio AI Tech Notes News Interests About

Portfolio
AI Tech
Notes
News
Interests
About

Sections

Portfolio
AI Tech
Notes
News

More

Interests
About
Contact

Connect

Telegram
GitHub
LinkedIn
CodePen

Notes/Vitest: Testing in the Vite World/Sources

Testing

Vitest: Testing in the Vite World

26 chapters · GrafSoul

1Installation and Config
2Your First Test: expect, test and the Red-Green Loop
3What and How to Test: Unit, Input-Output, AAA
4TypeScript and ESM Natively
5Structure That Explains Behavior
6Precise Matchers
7Lifecycle and Isolation
8Asynchrony: a Test Must Return or Await the Work
9Mock Functions: vi.fn
10Spies: vi.spyOn and Restoration
Module Mocks: vi.mock, vi.hoisted, vi.doMock

11

12Mocking the Network: MSW Instead of Mocking fetch

13Timers and Time

14React and Custom Hooks

15Next.js: a Separate Vite Test Pipeline

16Backend: Real Boundaries over Mock Count

17Snapshots as a Contract

18Coverage: Execution, Not Check Quality

19Type Testing: expectTypeOf

20Benchmarks and In-Source Tests

21Test Projects, Pools and Browser Mode

22The Vitest UI and Debugging Tests

23Professional Patterns

24Flaky Tests and Performance

25CI and Migrations

26Checking a Professional Test

Chapter 28

Sources

Links

Vitest - Guidevitest.dev
Vitest - Configurationvitest.dev
Vitest - Mockingvitest.dev
Vitest - Test Projectsvitest.dev
Vitest - Browser Modevitest.dev
Vitest - Coveragevitest.dev
Vitest - Testing Typesvitest.dev
Vitest - Benchmarkingvitest.dev
Vitest - In-source testingvitest.dev
Testing Library - React (renderHook)testing-library.com
MSW - Node integrationmswjs.io
Next.js - Testing with Vitestnextjs.org

← Chapter 27

Sources - grafsoul