Snapshot Test Manager

Overview

Create, update, and maintain snapshot tests for UI components and data structures using Jest, Vitest, or pytest snapshot plugins. Manages serialized output snapshots (HTML, JSON, component trees) to detect unexpected changes in rendered output.

Prerequisites

• Jest or Vitest with built-in snapshot support, or pytest-snapshot/syrupy for Python
• React Testing Library, Vue Test Utils, or equivalent for component rendering
• Snapshot files committed to version control (.snap files or __snapshots__/ directory)
• Component library with stable prop interfaces
• Code review process that includes snapshot diff review

Instructions

1. Identify components and data structures suitable for snapshot testing:
   • UI components with complex rendered output (navigation bars, forms, cards).
   • API response transformers producing structured JSON.
   • Configuration generators outputting YAML or TOML.