---

name: webapp-testing description: Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs. license: Complete terms in LICENSE.txt

WebApp Testing Guide

Overview

This skill provides a comprehensive toolkit for testing and debugging web applications using Playwright.

Core Operations

Start a Dev Server

Before testing, ensure your web app is running.

Copynpm run dev

Run Playwright Tests

Execute automated tests to verify functionality.

Copynpx playwright test

Debugging with Browser

Use the browser tool to interact with the app manually and inspect state.

Best Practices

• Use unique IDs for interactive elements to simplify selection.
• Clear browser logs and screenshots before each test run for clean results.
• Record videos of failed tests for easier debugging.