# Webapp Testing

> 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.

- Skill: `majiayu000/webapp-testing-19` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/webapp-testing-19`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/webapp-testing-19/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- License: Complete terms in LICENSE.txt
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/webapp-testing-19

---


# 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.