Testing Qa

What it does

This skill automatically generates test cases and QA scripts specifically for Next.js applications. It leverages Playwright for end-to-end (E2E) testing, Jest for unit tests, and React Testing Library for component testing to ensure comprehensive software quality. The generated tests focus on user interactions, outcomes, error states, edge cases, and accessibility, avoiding internal implementation details or third-party library testing.

When to use it

• When developing new Next.js applications and needing a robust testing framework setup.
• To create E2E tests for critical user journeys within a Next.js application.
• For generating unit tests to verify individual functions and utilities in your codebase.
• To ensure component interactions are working as expected through integration tests.
• When aiming to improve the accessibility of your Next.js applications.

Key capabilities

• Generates Playwright E2E tests for Next.js applications.
• Supports Jest unit testing and React Testing Library component testing.
• Provides a structured approach based on the Testing Pyramid (E2E, Integration, Unit).
• Includes example configurations for playwright.config.ts.
• Demonstrates basic E2E test examples with assertions.
• Illustrates advanced patterns like Page Object Model for improved test organization and maintainability.

Example prompts

• "Generate an E2E test for user signup in my Next.js application."
• "Create a unit test for the function calculateTotal in my utility file."
• "Show me how to implement a Page Object Model for the login page of my Next.js app."

Tips & gotchas

• This skill is specifically designed for Next.js applications and relies on Playwright, Jest, and React Testing Library. Ensure these dependencies are installed in your project.
• The generated tests focus on behavior rather than implementation details; avoid testing internal logic directly.
• Review the playwright.config.ts example to customize test execution settings like baseURL, retries, and reporters.