webapp-testing

name	webapp-testing
description	Web application testing toolkit using Playwright with Python. Use for verifying frontend functionality, debugging UI behavior, capturing browser screenshots, viewing browser logs, and automating web interactions.
type	reference
version	1.1.0
category	development
related_skills	["engineering-report-generator","data-pipeline-processor","parallel-file-processor"]
capabilities	[]
requires	[]
tags	[]

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