Does this skill work with existing Next.js projects?

Yes, it is specifically designed to add E2E testing infrastructure to existing Next.js and React projects without disrupting existing code.

How do I run the tests after setup?

You can use the newly added npm scripts like 'npm run e2e' for headless testing or 'npm run e2e:ui' for the interactive Playwright UI.

Does it set up CI/CD?

Yes, the skill provides and can integrate GitHub Actions configuration to ensure your E2E tests run automatically on every code push.

What tests are included in the initialization?

The skill generates example tests for homepage loading, authentication flows, and basic navigation to provide a starting point for your suite.

Playwright E2E Testing Setup

Name: Playwright E2E Testing Setup
Author: shipshitdev

byshipshitdev

•

보안 및 테스팅

Configures automated end-to-end testing for Next.js and React applications using Playwright and modern CI/CD patterns.

This skill streamlines the initialization of end-to-end testing by automating the installation of Playwright, configuring browser environments, and generating boilerplate test files for critical user flows like authentication and navigation. It is designed to save developers hours of setup time by providing a standardized testing architecture that includes pre-configured npm scripts and GitHub Actions workflows, ensuring your frontend remains stable through every deployment.

주요 기능

01Integrated npm scripts for UI and headless testing

02Example test suites for authentication, navigation, and forms

03GitHub Actions CI/CD workflow generation

04Automated Playwright and browser engine installation

05Customizable playwright.config.ts tailored for Next.js

0610 GitHub stars

사용 사례

01Integrating browser-based testing into a CI/CD pipeline

02Adding E2E test coverage to a legacy React application

03Setting up automated regression testing for critical user paths

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shipshitdev/library playwright-e2e-init

For use in Claude.ai and ChatGPT

주요 기능

01Integrated npm scripts for UI and headless testing

02Example test suites for authentication, navigation, and forms

03GitHub Actions CI/CD workflow generation

04Automated Playwright and browser engine installation

05Customizable playwright.config.ts tailored for Next.js

0610 GitHub stars

사용 사례

01Integrating browser-based testing into a CI/CD pipeline

02Adding E2E test coverage to a legacy React application

03Setting up automated regression testing for critical user paths

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shipshitdev/library playwright-e2e-init

For use in Claude.ai and ChatGPT