Comprehensive Testing & Verification

Test Vue.js application functionality with Playwright and enforce evidence-based verification protocols.

688|85|Updated Oct 9, 2025
One-click install
npx skills add https://github.com/ananddtyagi/cc-marketplace --skill comprehensive-testing-verification
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Comprehensive Testing & Verification
Source: https://github.com/ananddtyagi/cc-marketplace/tree/main/plugins/claude-dev-infrastructure/skills/qa-testing
Command: npx skills add https://github.com/ananddtyagi/cc-marketplace --skill comprehensive-testing-verification

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It prevents false claims that features or bug fixes work by enforcing a mandatory testing protocol with visual evidence, console error monitoring, and user confirmation before any success declaration.

Core Features & Use Cases

  • Playwright MCP Testing: Drives browser-based tests against a running Vue.js app to verify UI behavior, state synchronization across sidebar, calendar, and kanban views, and data persistence after refresh.
  • Zero-Tolerance Verification Protocol: Requires clean builds, zero console errors, real (non-demo) data, and before/after screenshots before any feature can be called working.
  • Mandatory User Verification: Blocks claims like "fixed" or "complete" until the user explicitly confirms the fix via a structured verification request.
  • Use Case: After fixing a drag-and-drop bug in a task management app, run the full checklist—build passes, Playwright confirms the calendar event renders, console is clean, and the user verifies—before marking the issue resolved.

Quick Start

Ask the AI to verify that a recently changed feature in the Vue.js app actually works by running the mandatory Playwright testing protocol with screenshots and console checks.

Frequently Asked Questions about Comprehensive Testing & Verification

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

FAQPage Schema
How do I test a Vue.js app with Playwright?

Start the dev server, navigate Playwright to the running app, and interact with elements using data-testid selectors such as click, fill, and dragTo. Assert visibility with expect statements and capture screenshots as evidence of the tested behavior.

How to verify a bug fix actually works before claiming it is fixed?

Run the build, reproduce the original issue, apply the fix, then test the scenario in a browser with Playwright while monitoring the console for errors. Finally ask the user to confirm the fix before marking it resolved.

What evidence is required before claiming a feature works?

Required evidence includes a passing build, Playwright test results, before and after screenshots, a clean console with zero errors, cross-view verification, and confirmation that data persists after a page refresh.

Why does testing fail when the app shows demo or placeholder data?

Tests against demo content do not validate real behavior, so the protocol requires confirming tasks have real properties like ids, titles, and dates. Always verify the store loads genuine data before running functional assertions.

Can I mark a task complete without user confirmation?

No. The protocol prohibits claiming anything is fixed, resolved, or complete until the user explicitly verifies the result through a structured confirmation request describing what was changed and what to check.