writing-playwright-tests

Create, update, and debug Playwright end-to-end tests for the ComfyUI_frontend.

1.9k|655|Updated Jun 13, 2024
One-click install
npx skills add https://github.com/Comfy-Org/ComfyUI_frontend --skill writing-playwright-tests-comfy-org
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: writing-playwright-tests
Source: https://github.com/Comfy-Org/ComfyUI_frontend/tree/main/.claude/skills/writing-playwright-tests
Command: npx skills add https://github.com/Comfy-Org/ComfyUI_frontend --skill writing-playwright-tests-comfy-org

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides developers in creating, updating, and debugging Playwright end-to-end tests for the ComfyUI_frontend, consolidating best practices and reusable patterns to reduce flaky tests and slow maintenance.

Core Features & Use Cases

  • Provides a structured approach to writing Playwright tests for browser-based workflows in the ComfyUI_frontend.
  • Emphasizes using fixtures, test assets, and existing test patterns to build deterministic, reusable tests.
  • Supports guidance on test tagging, retry strategies, visual baselines, and CI debugging to improve reliability.

Quick Start

Create a new Playwright test file using the provided template, load the target workflow, and run the test suite.

Frequently Asked Questions about writing-playwright-tests

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

FAQPage Schema
How do I write end-to-end tests for ComfyUI_frontend using Playwright?

To write end-to-end tests for ComfyUI_frontend, use a structured Playwright template that loads target workflows and applies fixture-driven validation to ensure browser-based interactions are deterministic and reusable across VueNodes and NodeOps scenarios.

What is the best way to structure Playwright fixtures for browser testing workflows?

The best way to structure Playwright fixtures for browser testing is to leverage test assets and existing patterns, which builds deterministic tests and reduces flaky results during workflow validation across VueNodes and NodeOps components.

Why are my Playwright e2e tests flaky in CI and how do I debug them?

Flaky Playwright e2e tests in CI are often resolved by applying structured retry patterns, proper test tagging guidelines, and visual baselines, ensuring reliable test maintenance and safer debugging practices for browser-based workflows.

Can I use Playwright to automate testing for VueNodes and NodeOps scenarios?

Yes, you can use Playwright to automate testing for VueNodes and NodeOps scenarios by applying fixture-driven validation and structured test templates specifically designed for the ComfyUI_frontend browser-based environment.

What tagging guidelines should I follow for Playwright test maintenance?

Playwright test maintenance tagging guidelines require structuring tests with specific tags to organize browser-based workflow validations, enabling targeted CI debugging and reliable execution of fixture-driven test suites.