# 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. Use when this capability is needed.

- Skill: `tomevault-io/webapp-testing-41` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/webapp-testing-41`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/webapp-testing-41/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/webapp-testing-41

---


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

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/vidyfoo) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-12 -->