ck:web-testing

Run web tests with Playwright, Vitest, and k6 across CI pipelines.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/hidonguyen/trade-ops --skill ck-web-testing-hidonguyen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:web-testing
Source: https://github.com/hidonguyen/trade-ops/tree/main/.opencode/skills/web-testing
Command: npx skills add https://github.com/hidonguyen/trade-ops --skill ck-web-testing-hidonguyen

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Web testing with Playwright, Vitest, and k6 covers unit, integration, E2E, load, security, visual regression, and accessibility testing, enabling teams to validate quality across modern web apps.

Core Features & Use Cases

  • Unit and integration tests with Vitest; End-to-end tests with Playwright; Load testing with k6; Accessibility checks with axe-core; Visual regression with screenshot comparisons; Cross-browser coverage and CI/CD integration for rapid feedback.
  • Use Case: A product team wants to ensure a login flow works under load, remains accessible, and renders correctly across Chrome, Firefox, and Safari.

Quick Start

Install dependencies, then run Vitest for unit tests, Playwright for E2E tests, k6 for load tests, axe-core for accessibility checks, and Lighthouse for performance audits.

Frequently Asked Questions about ck:web-testing

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

FAQPage Schema
How do I run end-to-end and load testing for a modern web app?

You can automate web testing using Playwright for end-to-end flows, Vitest for unit and integration tests, and k6 for load testing. This combination validates cross-browser compatibility and performance within your CI pipelines.

Can I check web accessibility and visual regression using Playwright and Vitest?

Yes, you can integrate axe-core for accessibility checks and use screenshot comparisons for visual regression. This ensures your web application remains accessible and renders consistently across different browsers.

Does this web testing approach support cross-browser compatibility and CI pipelines?

Yes, this web testing approach supports cross-browser coverage across Chrome, Firefox, and Safari alongside CI/CD integration. It automates test orchestration to provide rapid feedback during development.

What is the best way to mitigate flaky tests in web testing?

Automated web testing with Playwright and Vitest mitigates flaky tests across CI pipelines and local development. It applies consistent cross-browser orchestration to stabilize end-to-end and integration test results.

How do I verify a login flow works under load and remains accessible?

Use k6 for load testing, Playwright for end-to-end login flow automation, and axe-core for accessibility checks. This web testing setup verifies performance, functionality, and compliance simultaneously.

Do I need Lighthouse to run performance audits with Playwright and k6?

Lighthouse is used alongside Playwright, Vitest, and k6 for performance audits. Web testing integrates these tools to verify performance, load capacity, and cross-browser compatibility.