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

•

보안 및 테스팅

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.

주요 기능

Integrated MSW and React Testing Library setups for component verification
Detailed coverage reports and watch mode workflows for TDD
Vitest and Playwright configuration for unit and E2E testing
1 GitHub stars
Extensible Supabase mock factories for database and auth simulation
Standardized patterns for Next.js App Router API route and hook testing

사용 사례

Verifying complex Supabase auth session caching and token expiry logic
Testing role-based access control (RBAC) across protected API routes
Implementing end-to-end user flows for live Next.js applications using Playwright

소개

주요 기능

Integrated MSW and React Testing Library setups for component verification
Detailed coverage reports and watch mode workflows for TDD
Vitest and Playwright configuration for unit and E2E testing
1 GitHub stars
Extensible Supabase mock factories for database and auth simulation
Standardized patterns for Next.js App Router API route and hook testing

사용 사례

Verifying complex Supabase auth session caching and token expiry logic
Testing role-based access control (RBAC) across protected API routes
Implementing end-to-end user flows for live Next.js applications using Playwright