web-testing

Automate web testing with Playwright, Vitest, k6, axe-core, and Lighthouse.

Updated Mar 7, 2026
One-click install
npx skills add https://github.com/MinhHoangDono/antigravity-kit --skill web-testing-minhhoangdono
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-testing
Source: https://github.com/MinhHoangDono/antigravity-kit/tree/main/.agent/skills/web-testing
Command: npx skills add https://github.com/MinhHoangDono/antigravity-kit --skill web-testing-minhhoangdono

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Web testing helps you prevent regressions, catch broken UX and performance issues early, and verify security and accessibility in a repeatable way.

Core Features & Use Cases

  • End-to-end (E2E) validation: Run Playwright suites to confirm critical user journeys across browsers and environments.
  • Test pyramid planning: Apply unit, integration, and E2E balance strategies (pyramid/trophy/honeycomb) to keep feedback fast and reliable.
  • Quality gates for production readiness: Add accessibility (axe-core), performance (Lighthouse/LHCI), visual regression, and flakiness mitigation to CI.

Quick Start

Run unit tests with Vitest by executing: npx vitest run

Frequently Asked Questions about web-testing

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

FAQPage Schema
How do I run web testing for functional correctness and visual stability?

Run web testing using Playwright for end-to-end journeys and Vitest for unit tests to verify functional correctness. Add visual regression checks to ensure UI stability across browsers and prevent unexpected layout shifts.

What's the best way to structure a test pyramid for web apps?

Structure your test pyramid by balancing unit, integration, and end-to-end web testing. Apply trophy or honeycomb strategies with Vitest and Playwright to keep feedback fast, reliable, and maintainable across complex user journeys.

Can I integrate accessibility and performance audits into my CI pipeline?

Yes, integrate accessibility and performance audits into CI using axe-core and Lighthouse. These quality gates evaluate web testing outputs, enforcing compliance and load performance standards before production deployment.

How does k6 load testing work for performance validation?

k6 load testing validates performance by simulating concurrent user traffic against your application. It integrates into web testing workflows to measure response times, identify bottlenecks, and ensure system stability under heavy load.

Do I need specific dependencies to run Playwright initialization scripts?

No external dependencies are required to run Playwright initialization scripts. The web testing setup provides on-demand scripts to initialize environments and analyze test results without needing prerequisite package installations.

Why does my end-to-end testing suite have flaky results in CI?

Flaky end-to-end testing results often stem from race conditions or unhandled network requests. Implement deterministic test practices and proper CI gate ordering to isolate state and ensure reliable Playwright execution.