skills.rest
uchidayuma
uchidayumaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

playwright-skill

Generate Playwright browser tests for Laravel Sail routes and views.

1|Updated Dec 15, 2025
Search Tags:#playwright#test-generation#ui-testing#e2e-testing#browser-automation#route-analysis#laravel-sail
One-click install
npx skills add https://github.com/uchidayuma/sales-management-laravel-portfolio --skill playwright-skill-uchidayuma
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-skill
Source: https://github.com/uchidayuma/sales-management-laravel-portfolio/tree/main/.claude/skills/playwright-skill
Command: npx skills add https://github.com/uchidayuma/sales-management-laravel-portfolio --skill playwright-skill-uchidayuma

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates end-to-end browser testing for Laravel Sail projects by fixing a guaranteed base URL, analyzing project structure (routes/web.php and resources/views) to craft precise Playwright tests, and automatically persisting successful tests into tests/e2e/.

Core Features & Use Cases

  • Pre-test project analysis of routes and views to identify selectors and test scope.
  • Automated E2E test generation using Playwright with fixed URL http://localhost:80.
  • Test persistence: saves successful tests to tests/e2/.
  • Form testing, login flow testing, link checks, responsive design validation, screenshot capture.

Quick Start

Load the skill and run it against your Laravel Sail project to generate Playwright tests for your routes and views and automatically save them to tests/e2e/.

Frequently Asked Questions about playwright-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Playwright tests for my Laravel Sail project?▼

To generate Playwright tests for Laravel Sail, the skill analyzes your routes in routes/web.php and views in resources/views to automatically create E2E tests targeting http://localhost:80 and saves them to tests/e2e/.

What E2E testing scenarios can I automate with Playwright in Laravel?▼

You can automate E2E testing scenarios in Laravel including login flows, form submissions, link validation, responsive design checks, UX verification, and screenshot capture using Playwright.

Do I need a specific base URL for Playwright browser automation with Laravel Sail?▼

Yes, Playwright browser automation with Laravel Sail requires a fixed base URL. The skill guarantees and targets http://localhost:80 for all generated end-to-end tests.

How does automated test generation identify selectors for Laravel views?▼

Automated test generation identifies selectors by pre-parsing your Laravel project structure, specifically analyzing routes defined in routes/web.php and views in resources/views to ensure reliable selector validation.

Can I use this to validate responsive design across Laravel routes?▼

Yes, you can validate responsive design across Laravel routes. The skill generates Playwright tests that check responsive layouts and UX verification based on the pre-parsed routes and views.

Where are generated Playwright E2E tests saved in a Laravel project?▼

Generated Playwright E2E tests are automatically saved and persisted in the tests/e2e/ directory of your local Laravel Sail-ready project structure.

Related Skills

Explore More Software Engineering Skills→
meistro57meistro57
1

laravel:e2e-playwright

Run Playwright End-to-End tests for Laravel applications with database seeding and authentication.

Community
Intermediate
ahostbrahostbr

ls-playwright-e2e-screenshots

Generate Playwright E2E tests with phase-by-phase screenshots saved to e2e/screenshots/.

Community
Intermediate
sprabyspraby

laravel-11-12-app-guidelines

Provides standards and workflows for building apps with Laravel 4.0 and newer versions.

Community
Intermediate
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate