guard-e2e-test

Generate Playwright end-to-end guard tests for multi-route web journeys.

1|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/SeoJaeWan/try-claude-code --skill guard-e2e-test
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: guard-e2e-test
Source: https://github.com/SeoJaeWan/try-claude-code/tree/main/plugin/develop/skills/guard-e2e-test
Command: npx skills add https://github.com/SeoJaeWan/try-claude-code --skill guard-e2e-test

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Automates end-to-end guard testing across multi-route journeys to ensure consistent behavior and prevent regressions in complex flows.

Core Features & Use Cases

  • Fully automated guard journeys: generate tests that traverse signup, login, dashboard, and protected routes.
  • State persistence verification: validates auth tokens, session data, and local storage across route transitions.
  • Branch flow validation: ensures unauthenticated access redirects and data-state invariants hold across branches.
  • Placement & naming conventions: creates tests under the guard/ path with standardized journey identifiers.

Quick Start

Run agent-browser to explore the running app and generate guard-e2e-test specs, then execute them with Playwright.

Frequently Asked Questions about guard-e2e-test

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

FAQPage Schema
How do I generate end-to-end guard tests for multi-route journeys?

To generate end-to-end guard tests, run agent-browser to explore your running web application and automatically produce Playwright-based specs that validate cross-page journeys like signup, dashboard, and logout. This verifies state persistence and authentication flows before writing tests.

What is automated guard testing for web app journeys?

Automated guard testing traverses multi-route web app journeys, such as login to protected routes, to verify state persistence, authentication flows, and proper redirects. It prevents regressions in complex flows by validating branch behavior and data-state invariants across cross-page transitions.

How does agent-browser exploration work for Playwright test generation?

Agent-browser exploration guides automated discovery of a running web application to map multi-route journeys before test generation. This mandatory exploration phase ensures generated Playwright tests use strict data-testid locators and per-journey naming conventions to validate authentication and redirects.

Does guard-e2e-test validate state persistence across route transitions?

Yes, guard-e2e-test validates state persistence across route transitions by checking auth tokens, session data, and local storage. It ensures unauthenticated access redirects properly and data-state invariants hold across branches during multi-route journeys.

What's the best way to structure Playwright tests for cross-page journeys?

The best way to structure Playwright tests for cross-page journeys is placing them under a guard directory with per-journey naming conventions. This approach uses strict data-testid locators to validate multi-route flows like signup, dashboard, and logout consistently.

Do I need data-testid attributes to use automated journey testing?

Yes, automated journey testing requires strict data-testid locators to reliably identify elements across multi-route web app journeys. This ensures generated Playwright specs accurately validate state persistence, authentication flows, and proper redirects without fragile selectors.