File & Inline Snapshots in Vitest

From the Vitest cheat sheet · Snapshots · verified Nov 2026

File & Inline Snapshots

toMatchSnapshot, toMatchInlineSnapshot, property matchers, and error snapshots

typescript
expect(renderCard(user)).toMatchSnapshot()

expect(slugify('Hello World')).toMatchInlineSnapshot(`"hello-world"`)

expect(() => validate('')).toThrowErrorMatchingInlineSnapshot(
  `[Error: Email is required]`,
)
📌 Commit .snap files and review snapshot diffs like code
💡 Inline snapshots keep the expected value next to the assertion
🎯 Use property matchers for ids, dates and other random values
⚠️ Keep snapshots small; huge ones get rubber-stamped on update
snapshotinline-snapshottoMatchSnapshot

Continue with Vitest

Save the full cheat sheet or work through every related task.

More Vitest tasks

Back to the full Vitest cheat sheet