Webapp Testing

Overview

This toolkit enables testing local web applications using Playwright with Python for frontend verification, UI debugging, screenshot capture, and browser automation.

Quick Start

# Install dependencies
pip install playwright pytest requests
playwright install chromium

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=True)
    page = browser.new_page()
    page.goto("http://localhost:3000")

    # Take screenshot
    page.screenshot(path="screenshot.png")

    # Get page content
    content = page.content()
    print(content)

    browser.close()

When to Use

• Verifying frontend functionality after code changes
• Debugging UI behavior and layout issues
• Capturing screenshots for documentation
• Viewing browser console logs for errors
• Automating repetitive web interactions
• End-to-end testing of web applications
• Validating form submissions and user flows

Related Skills

• engineering-report-generator - Generate test reports
• data-pipeline-processor - Process test data
• parallel-file-processor - Batch screenshot processing

Version History

• 1.1.0 (2026-01-02): Upgraded to SKILL_TEMPLATE_v2 format with Quick Start, Usage Examples, Error Handling, Metrics, Execution Checklist
• 1.0.0 (2024-10-15): Initial release with Playwright patterns, server management, debugging tools

Sub-Skills

• Example 1: Screenshot Comparison Testing (+2)
• Do (+1)

Sub-Skills

• Error Handling
• Execution Checklist
• Metrics
• Dependencies

Sub-Skills

• Static HTML (+2)
• Wait for Dynamic Content (+5)
• Start Server Before Testing (+1)
• Assertion Examples (+1)
• Slow Motion (+3)