What testing frameworks does this skill support?

It supports Vitest and React Testing Library for unit/integration tests, and Playwright for end-to-end (E2E) testing.

Does it include code coverage reporting?

Yes, it includes pre-configured Vitest scripts to generate V8 coverage reports in text, JSON, and HTML formats.

Can I test custom React hooks with this skill?

Absolutely. It includes specific patterns using renderHook from React Testing Library to verify hook behavior and state changes.

How does it handle Next.js specific features like routing?

The skill provides a setup file that automatically mocks next/router and next/image to ensure tests run smoothly in a JSDOM environment.

Testing Suite for CLB Tri Thức

Name: Testing Suite for CLB Tri Thức
Author: lilbom32

bylilbom32

0•

Seguridad y Pruebas

Configures and implements comprehensive unit, hook, and end-to-end testing frameworks using Vitest and Playwright.

This skill provides a standardized testing infrastructure for Next.js projects, specifically tailored for the CLB Tri Thức repository. It automates the setup of Vitest for unit testing components and hooks, alongside Playwright for critical user flow verification. By providing pre-defined configuration templates, Page Object Model patterns, and best practices, it helps developers ensure application stability, prevent regressions, and maintain high code quality through automated test suites and coverage reporting.

Características Principales

010 GitHub stars

02Built-in mocks for Next.js routing, images, and browser environments

03Pre-defined test patterns for React components, hooks, and utilities

04Integrated Playwright E2E testing with Page Object Model support

05Automated Vitest and React Testing Library configuration setup

06Comprehensive CLI commands for coverage, watch mode, and UI debugging

Casos de Uso

01Setting up a new testing environment for a Next.js frontend project

02Writing unit tests for complex UI components or custom React hooks

03Creating E2E test scripts to verify critical user paths like authentication

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lilbom32/ketnoitrithuc testing

For use in Claude.ai and ChatGPT