OpenSkillIndex← back to search
claude-code

Opencode-config-backup snapshot-test

Generate Jest snapshot tests for components

install
source · Clone the upstream repo
git clone https://github.com/jieni777/opencode-config-backup
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/jieni777/opencode-config-backup "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/ai-snapshot-test" ~/.claude/skills/jieni777-opencode-config-backup-snapshot-test && rm -rf "$T"
manifest: skills/ai-snapshot-test/SKILL.md
source content

Snapshot Test Generator

Point it at your components, get snapshot tests. Covers common states and props.

Quick Start

npx ai-snapshot-test ./src/components/Button.tsx

What It Does

  • Generates Jest snapshot tests
  • Covers default and edge cases
  • Tests different prop combinations
  • Handles async components

Usage Examples

# Generate for a component
npx ai-snapshot-test ./src/components/Card.tsx

# Generate for directory
npx ai-snapshot-test ./src/components/

# With specific test runner
npx ai-snapshot-test ./components --runner vitest

Output Example

describe('Button', () => {
  it('renders default state', () => {
    const { container } = render(<Button>Click me</Button>);
    expect(container).toMatchSnapshot();
  });

  it('renders disabled state', () => {
    const { container } = render(<Button disabled>Click me</Button>);
    expect(container).toMatchSnapshot();
  });
});

Test Cases Generated

  • Default props
  • Required prop variations
  • Edge cases (empty, null)
  • Loading/error states
  • Different sizes/variants

Requirements

Node.js 18+. OPENAI_API_KEY required.

License

MIT. Free forever.

Built by LXGIC Studios