$npx skillfedfor your agent

E2e Test

This skill equips you to write comprehensive end-to-end tests for user interface features using Playwright's testing framework. It guides you through structuring tests with page object models and data factories, enabling maintainable and scalable test suites that validate real user workflows.

E2e Test guides you through writing comprehensive end-to-end tests using Playwright's testing framework. Start by setting up your test infrastructure with fixtures and helpers, then structure your tests using page object models to encapsulate UI interactions. Write test cases that validate real user workflows, use data factories to generate test data consistently, and run tests in various modes—headed for interactive debugging, debug mode for step-by-step inspection, or CI mode for automated validation. E2e Test helps you organize test specs logically and apply assertion patterns that reliably verify UI behavior.

AI-generated summary based on this skill's SKILL.md

6,831 949 Apache-2.0updated by maximhq

Decision gist · record as of 2026-07-28

E2e Test guides you through writing comprehensive end-to-end tests using Playwright's testing framework. Start by setting up your test infrastructure with fixtures and helpers, then structure your tests using page object models to encapsulate UI interactions. Write test cases that validate real user workflows, use data factories to generate test data consistently, and run tests in various modes—headed for interactive debugging, debug mode for step-by-step inspection, or CI mode for automated validation. E2e Test helps you organize test specs logically and apply assertion patterns that reliably verify UI behavior.

manual: git clone https://github.com/maximhq/bifrost → cp -r bifrost/.claude/skills/e2e-test ~/.claude/skills/e2e-test
.claude/skills/e2e-test/SKILL.md · version d0b39743

Use it when

  • E2e Test provides strategies for debugging, fixing, and auditing failing or incorrect end-to-end tests to improve test reliability.
  • E2e Test includes guidance on automatically detecting UI changes and syncing affected end-to-end tests to keep them aligned with component.

Verify before relying

Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.

Same gist for agents: .md · .json

Install

maximhq/bifrost/e2e-test · repository language: Go

Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

How do I write and run end-to-end tests with Playwright?

E2e Test guides you through writing comprehensive end-to-end tests using Playwright's testing framework. Start by setting up your test infrastructure with fixtures and helpers, then structure your tests using page object models to encapsulate UI interactions. Write test cases that validate real user workflows, use data factories to generate test data consistently, and run tests in various modes—headed for interactive debugging, debug mode for step-by-step inspection, or CI mode for automated validation. E2e Test helps you organize test specs logically and apply assertion patterns that reliably verify UI behavior.

What is the best approach for fixing failing e2e tests and debugging them?

E2e Test provides strategies for debugging, fixing, and auditing failing or incorrect end-to-end tests to improve test reliability. When tests fail, use Playwright's debug mode to step through interactions and inspect element states. E2e Test teaches you to identify flaky tests—those that fail intermittently—and apply robust assertion patterns and proper cleanup and teardown procedures to eliminate race conditions. Audit your test specs regularly to catch issues early, and use data-testid selector strategies for stable element targeting that won't break when UI styling changes.

How does E2e Test help keep my Playwright tests in sync when UI components change?

E2e Test includes guidance on automatically detecting UI changes and syncing affected end-to-end tests to keep them aligned with component modifications. By using page object models and data-testid selectors, your tests remain decoupled from brittle CSS selectors. When UI components are updated, you update the page object layer once, and all dependent tests automatically reflect those changes. This approach minimizes test maintenance overhead and ensures your test suite stays current as your Bifrost UI evolves.

What role do page objects and data factories play in E2e Test?

E2e Test emphasizes using page object models and data factories as core patterns for maintainable and scalable test suites. Page objects encapsulate UI interactions and selectors for each page or component, making tests more readable and reducing duplication. Data factories generate consistent, realistic test data on demand, eliminating hardcoded values and making tests easier to modify. Together, these patterns enable you to write tests that are resilient to UI changes, easier to debug, and simpler to extend as your application grows.

How do I set up and maintain E2e Test infrastructure including fixtures and helpers?

E2e Test guides you through setting up and maintaining end-to-end test infrastructure, including Playwright fixtures, helpers, and best practices. Configure fixtures to initialize test state, manage authentication, and clean up resources between tests. Build helper utilities for common operations like navigation, form filling, and assertion validation. Organize your test spec files logically by feature or page, and establish a consistent structure for fixtures and helpers that your team can follow. E2e Test also covers Playwright CI environment setup so your tests run reliably in automated pipelines.

What are the key best practices for end-to-end testing with Playwright?

E2e Test teaches end-to-end testing best practices that ensure your Playwright test suite is reliable, maintainable, and effective. Use data-testid selectors instead of fragile CSS or XPath selectors to target UI elements stably. Structure tests with page objects to keep selectors and interactions organized. Implement proper cleanup and teardown to prevent test pollution. Apply consistent assertion patterns that clearly express what behavior you're validating. Run tests in headed mode during development for interactive debugging, and in CI mode for automated validation. Organize your test specs by feature or page, and use data factories to generate realistic test data consistently.

SKILL.md

Rendered from the published skill. Quoted content, verbatim.


name: e2e-test description: Write, run, debug, audit, and auto-update Playwright E2E tests for the Bifrost UI. Use when asked to create new E2E tests, add test coverage, fix flaky tests, debug failing tests, audit test correctness, update tests after UI changes, or sync tests with modified components. Invoked with /e2e-test <FEATURE_NAME>, /e2e-test fix <SPEC_FILE>, /e2e-test sync, or /e2e-test audit. allowed-tools: Read, Grep, Glob, Bash, Edit, Write, Task, AskUserQuestion, TodoWrite


Playwright E2E Testing

Write, run, debug, and auto-update Playwright E2E tests following Bifrost's established patterns and conventions. Automatically detects UI changes and updates affected tests.

Usage

``` /e2e-test <FEATURE_NAME> # Create or update tests for a feature /e2e-test fix <SPEC_FILE> # Debug and fix a failing test /e2e-test run <FEATURE_NAME> # Run tests for a specific feature /e2e-test run # Run all E2E tests /e2e-test sync # Detect UI changes and update affected tests /e2e-test sync <FEATURE_NAME> # Sync tests for a specific feature with UI changes /e2e-test audit

(truncated - see the full file via the links below)

File tree — 1 file
.claude/skills/e2e-test/SKILL.md

Let your AI agent find skills like this

Example. Real query, live index.

You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.

wish › “Write new E2E tests for UI features using Playwright with page objects and data factories”

Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →

Related skills

playwright-testing
by alinaqi · alinaqi/maggy

This skill equips you to construct comprehensive end-to-end tests leveraging Playwright's capabilities alongside proven page object design patterns. Learn to organize test suites that remain maintainable as your application evolves, incorporating best practices that reduce flakiness and improve test reliability across your automation efforts.

MITupdated Jul 2026
★ 703repo stars
e2e-tester
by PageAI-Pro · PageAI-Pro/ralph-loop

e2e-tester equips you with patterns and practices for writing robust Playwright end-to-end tests organized through the Page Object Model approach. Learn how to structure test suites that remain maintainable as your application grows, separating test logic from UI interactions for cleaner, more reliable automation.

MITupdated Jun 2026
★ 285repo stars
studio-e2e-tests
by supabase · supabase/supabase

This skill enables you to create and execute Playwright-based end-to-end tests specifically designed for Supabase Studio. Leverage Claude Code to automate browser testing workflows, validate UI interactions, and ensure your Postgres development platform features work reliably across different scenarios.

Apache-2.0for claude-codeupdated Jul 2026
★ 107,129repo stars
e2e-testing
by xu-xiang · xu-xiang/everything-claude-code-zh

This skill teaches you how to architect reliable end-to-end tests using Playwright, covering design patterns and maintenance strategies that scale. Learn to structure test suites for long-term sustainability, handle common testing challenges, and apply industry-proven techniques to keep your automation efforts efficient and effective.

MITupdated Mar 2026
★ 1,767repo stars
Playwright Patterns
by ed3dai · ed3dai/ed3d-plugins

This skill teaches you battle-tested approaches to structuring and scaling Playwright test automation projects. Learn how to write maintainable test code, organize test suites effectively, and apply design patterns that reduce technical debt and improve test reliability across your automation framework.

no license declared → metadata onlyupdated Jun 2026
★ 246repo stars
qa/e2e-playwright
by echoVic · echoVic/boss-skill

This skill equips you with Playwright, a powerful framework for automating browser-based testing across multiple platforms. Deploy comprehensive end-to-end test suites that validate your web application's functionality, user interactions, and cross-browser compatibility with minimal configuration overhead.

MITdocs in Chineseupdated Jul 2026
★ 555repo stars

More skills e2e-testing (MIT) · e2e-test (MIT) · agf-writing-qa-report (MIT)

Tags
test-automationui-testingquality-assurancetest-maintenanceassertion-patternspage-object-modeltest-fixturesflake-detectiontest-coverage