snapshot-update

Automates selective Jest/Vitest snapshot updates after user-confirmed review of diffs.

11|Updated Apr 16, 2026
One-click install
npx skills add https://github.com/berkcangumusisik/claude-code-practices --skill snapshot-update
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: snapshot-update
Source: https://github.com/berkcangumusisik/claude-code-practices/tree/main/skills/snapshot-update
Command: npx skills add https://github.com/berkcangumusisik/claude-code-practices --skill snapshot-update

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? Reviews and selectively updates outdated Jest/Vitest snapshots to keep tests aligned with UI changes, reducing manual effort and drift.

## Core Features & Use Cases

  • Identify outdated snapshots across components and tests.
  • Display diffs with explanations of UI changes.
  • Update snapshots only after explicit user confirmation and review.

### Quick Start Run the snapshot-update skill to review outdated Jest/Vitest snapshots, show diffs, and apply updates after your confirmation.

Frequently Asked Questions about snapshot-update

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I selectively update outdated Jest snapshots instead of updating all of them?

You can selectively update outdated Jest snapshots by reviewing diffs and applying updates only after explicit confirmation. This approach prevents unintended changes across multiple components by isolating updates to approved UI modifications.

How do I review Vitest snapshot diffs before applying updates to my frontend tests?

Reviewing Vitest snapshot diffs involves running a dry-run to display changes alongside explanations of UI updates. This allows you to inspect modifications before executing standard update commands to align tests with the new UI.

Can I run a dry-run diff for Jest snapshot updates to see what changes before committing?

Yes, you can run a dry-run diff to see snapshot changes before committing. This displays the exact modifications and explanations of UI changes, ensuring updates are executed only upon your explicit confirmation.

Does selective snapshot update work with both Jest and Vitest in a Node.js toolchain?

Selective snapshot update works with both Jest and Vitest within a Node.js toolchain. It supports frontend codebases using either framework to identify outdated snapshots and apply selective updates across multiple components.

Why are my Vitest snapshots failing after UI changes and how do I align them?

Vitest snapshots fail after UI changes due to test drift. You align them by identifying outdated snapshots, reviewing the displayed diffs of UI changes, and executing updates using standard commands after confirmation.

What is the best way to automate snapshot updates across multiple frontend components?

The best way to automate snapshot updates across multiple frontend components is to use a tool that identifies outdated tests, displays dry-run diffs, and executes updates upon user confirmation using standard Jest or Vitest commands.