Skip to main content

Javascript Testing Patterns

Skill Verified Active

Implement comprehensive testing strategies using Jest, Vitest, and Testing Library for unit tests, integration tests, and end-to-end testing with mocking, fixtures, and test-driven development. Use when writing JavaScript/TypeScript tests, setting up test infrastructure, or implementing TDD/BDD workflows.

Purpose

Implement robust testing strategies using Jest, Vitest, and Testing Library for JavaScript/TypeScript projects, ensuring code quality and reliability.

Features

  • Comprehensive Jest setup and patterns
  • Fast Vitest setup and patterns
  • Unit, integration, and E2E testing examples
  • Mocking techniques for modules and dependencies
  • Frontend component testing with Testing Library
  • Test fixtures and factories using Faker.js
  • Snapshot testing guidance

Use Cases

  • Setting up test infrastructure for new projects
  • Writing unit tests for functions and classes
  • Implementing integration tests for APIs and services
  • Creating end-to-end tests for user flows
  • Mocking external dependencies and APIs
  • Testing React components and hooks
  • Implementing TDD/BDD workflows

Non-Goals

  • Testing specific backend frameworks (beyond generic API integration)
  • Advanced CI/CD pipeline configuration
  • Tooling for languages other than JavaScript/TypeScript

Installation

First, add the marketplace

/plugin marketplace add wshobson/agents
/plugin install javascript-typescript@claude-code-workflows

Quality Score

Verified
98 /100
Analyzed about 18 hours ago

Trust Signals

Last commit3 days ago
Stars35.3k
LicenseMIT
Status
View Source

Similar Extensions

Deepinit

100

Deep codebase initialization with hierarchical AGENTS.md documentation

Skill
Yeachan-Heo

Cleanup Cycles

100

Detect and untangle circular dependencies. Runs madge/skott (TS), pycycle (Py), or compiler-only checks (Go/Rust). Auto-fixes leaf-extractable cycles; reports core cycles for human review. Use when the user asks to find circular imports, fix dependency cycles, or untangle module graph. Example queries — "find circular imports", "fix dependency cycles", "untangle our module graph", "why is madge complaining".

Skill
raintree-technology

Netlify Identity

100

Use when the task involves authentication, user signups, logins, password recovery, OAuth providers, role-based access control, or protecting routes and functions. Always use `@netlify/identity`. Never use `netlify-identity-widget` or `gotrue-js` — they are deprecated.

Skill
netlify

Vue Router Best Practices

100

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

Skill
hyf0

Develop Web Game

100

Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.

Skill
davila7

Sentry React Router Framework Sdk

100

Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.

Skill
getsentry

© 2025 SkillRepo · Find the right skill, skip the noise.