web-testing

Automate browser-based testing with Playwright, Vitest, and k6.

Updated Mar 29, 2026
One-click install
npx skills add https://github.com/mchien15/wrenai --skill web-testing-mchien15
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-testing
Source: https://github.com/mchien15/wrenai/tree/main/.claude/skills/web-testing
Command: npx skills add https://github.com/mchien15/wrenai --skill web-testing-mchien15

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Web UI testing often suffers from flaky results and slow feedback loops across browsers and frameworks. This Skill provides a unified approach to automate E2E, unit, integration, load, security, visual regression, and accessibility testing using Playwright, Vitest, and k6 so teams can accelerate releases with confidence.

Core Features & Use Cases

  • Cross-framework testing: orchestrate Playwright for E2E, Vitest for unit/integration, and k6 for load tests.
  • Cross-browser coverage: run tests on Chromium, Firefox, and WebKit with consistent configurations.
  • Flakiness mitigation & reporting: built-in patterns for retries, test isolation, and result summaries.
  • Real-world scenario: ensure a checkout flow works under load and all accessibility checks pass.

Quick Start

Run a unified test suite across all supported frameworks to validate web app quality.

Frequently Asked Questions about web-testing

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

FAQPage Schema
How do I automate web testing across multiple browsers and frameworks?

Automate web testing by orchestrating Playwright for E2E, Vitest for unit and integration, and k6 for load tests. This provides cross-browser coverage on Chromium, Firefox, and WebKit with consistent configurations to verify web applications reliably.

What is the best way to reduce flaky results in E2E testing?

Reduce flaky E2E testing results using built-in patterns for retries and test isolation. Applying these mitigation patterns within Playwright helps stabilize cross-browser test suites and generates reliable result summaries for web applications.

Does this web testing approach support load and accessibility testing together?

Yes, this web testing approach supports load and accessibility testing together. You can use k6 for load tests and Playwright for accessibility checks, allowing you to verify real-world scenarios like a checkout flow working under load.

Can I use Vitest and Playwright in the same testing strategy?

Yes, you can use Vitest and Playwright in the same testing strategy. Vitest handles unit and integration tests while Playwright manages end-to-end tests, creating a unified cross-framework testing suite to accelerate releases.

How do I run load tests on a web checkout flow under heavy traffic?

Run load tests on a web checkout flow by configuring k6 within this unified testing approach. This allows you to simulate heavy traffic and verify that critical E2E flows work under load alongside standard unit and integration checks.