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.

npm run dev

Run Playwright Tests

Execute automated tests to verify functionality.

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.