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.
Installs into .claude/skills of the current project.
Are you the author of Webapp Testing?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/vidyfoo-webapp-testing)
---
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.
```bash
npm run dev
```
### Run Playwright Tests
Execute automated tests to verify functionality.
```bash
npx 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.
