web-testing

Run automated web application tests with Vitest, Playwright, Lighthouse, and axe-core.

Updated Feb 25, 2025
One-click install
npx skills add https://github.com/VuNguyenVietTien/task-scheduler --skill web-testing-vunguyenviettien
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-testing
Source: https://github.com/VuNguyenVietTien/task-scheduler/tree/main/.opencode/skills/web-testing
Command: npx skills add https://github.com/VuNguyenVietTien/task-scheduler --skill web-testing-vunguyenviettien

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, vitest, axe-core, lighthouse, k6, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables comprehensive testing of websites and web apps, ensuring functionality, performance, and accessibility across various browsers and devices.

Core Features & Use Cases

  • End-to-End and unit testing: Include scripts for Vitest, Playwright, and Lighthouse to verify correctness and performance.
  • Cross-browser compatibility: Test on Chrome, Firefox, Safari, and mobile emulators to detect browser-specific issues.
  • Accessibility and security: Run accessibility audits with axe-core and security checks to ensure compliance.
  • Use Case: A developer wants to verify a new feature works on Chrome and Safari, passes accessibility standards, and maintains performance benchmarks.

Quick Start

Use the web-testing skill to run your test suite with Playwright and Vitest, and generate a performance report.

Frequently Asked Questions about web-testing

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

FAQPage Schema
How do I automate cross-browser testing for a web application across Chrome, Firefox, and Safari?

You can automate cross-browser testing by running Playwright scripts to simulate user scenarios across Chrome, Firefox, Safari, and mobile emulators. This validates functionality and detects browser-specific issues to ensure robust web delivery across multiple devices.

What's the best way to run accessibility audits during web app testing?

The best way to run accessibility audits is by integrating axe-core into your testing workflow. This validates your web application against accessibility standards, ensuring compliance and identifying issues alongside functional and performance checks.

How do I combine unit tests and end-to-end scenarios in a single web testing workflow?

You can combine unit tests and E2E scenarios by integrating Vitest for unit testing and Playwright for end-to-end validation. This comprehensive coverage ensures correctness across functional, performance, and accessibility aspects of your web application.

Does this web testing approach support performance benchmarking with Lighthouse?

Yes, this web testing approach supports performance benchmarking with Lighthouse. It includes scripts to generate performance reports, verifying that your web application maintains performance benchmarks while running alongside functional and accessibility tests.

Do I need Vitest and Playwright to validate web app security and performance?

You need Vitest and Playwright for functional unit and E2E testing, while Lighthouse handles performance benchmarks and axe-core manages accessibility audits. Security checks are integrated to ensure compliance, requiring these frameworks for comprehensive web validation.