Generate Jest snapshot tests for React components.
npx skills add https://github.com/jieni777/opencode-config-backup --skill snapshot-test
Please help me install this Agent Skill. Skill: snapshot-test Source: https://github.com/jieni777/opencode-config-backup/tree/main/skills/ai-snapshot-test Command: npx skills add https://github.com/jieni777/opencode-config-backup --skill snapshot-test
This Skill helps developers avoid regressions by automatically generating Jest snapshot tests for React components, capturing rendered output across states.
Run npx ai-snapshot-test ./src/components/Button.tsx to generate Jest snapshot tests for Button.
High-intent search queries and answers about installing and using this skill.
You can generate Jest snapshot tests for React components by running npx ai-snapshot-test with the component path, which creates test files covering default rendering, prop variations, and edge cases.
You need Node.js 18+ and a test framework like Jest or Vitest. If you use AI-assisted generation, you must also provide an OpenAI API key.
Yes, the snapshot test generator accepts both individual component files and entire component directories, covering default rendering, edge cases, prop variations, and async components.
Generating Jest snapshot tests captures rendered output across various states, helping developers avoid regressions by detecting unintended changes in component behavior and visual output.
Yes, automated Jest snapshot generation supports async React components alongside default rendering, edge cases, and multiple prop combinations to ensure comprehensive coverage.
el-feoMigrate Jest test suites to Vitest using automated codemods and configuration generation.
theslashdojoRun JavaScript and TypeScript unit tests with coverage and snapshot reports.
nekorush14Write React unit and component tests with Vitest, React Testing Library, and MSW.
luanrodriguesGenerate Jest snapshot tests for React Native components across iOS and Android.
