Can I use this for Next.js App Router?

Yes, the patterns are specifically optimized for the Next.js App Router, including specialized testing for API routes, custom hooks, and server-side logic.

Does this skill help with bug fixing?

Yes, it promotes a test-driven bug-fixing workflow where you write a failing test to reproduce a bug before implementing the fix to prevent future regressions.

What testing tools does this skill support?

It primarily uses Vitest for unit and integration testing and Playwright for end-to-end (E2E) testing, along with MSW for API mocking and React Testing Library for UI.

How does it handle Supabase authentication in tests?

It provides specialized mock factories and session cache testing patterns to simulate various auth states, roles, and token expiry scenarios without hitting live APIs.

Next.js & Supabase Testing Patterns

Name: Next.js & Supabase Testing Patterns
Author: vassovass

byvassovass

•

Security & Testing

Provides comprehensive testing patterns and implementation guides for Next.js App Router and Supabase applications using Vitest and Playwright.

This skill equips developers with a standardized testing framework specifically tailored for modern Next.js environments integrated with Supabase. It offers pre-configured patterns for unit, integration, and E2E testing, including sophisticated Supabase mock factories, auth session caching strategies, and role-based access control verification. By providing clear guidance on when to run or write tests, it helps teams maintain high code quality, prevent regressions in complex data transfer logic, and achieve high test coverage across hooks, API routes, and UI components.

Key Features

01Integrated MSW and React Testing Library setups for component verification

02Detailed coverage reports and watch mode workflows for TDD

03Vitest and Playwright configuration for unit and E2E testing

041 GitHub stars

05Extensible Supabase mock factories for database and auth simulation

06Standardized patterns for Next.js App Router API route and hook testing

Use Cases

01Verifying complex Supabase auth session caching and token expiry logic

02Testing role-based access control (RBAC) across protected API routes

03Implementing end-to-end user flows for live Next.js applications using Playwright

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add vassovass/scl-v3 testing-patterns

For use in Claude.ai and ChatGPT

Download Skill