webapp-testing

Automate testing of local web applications using Python Playwright scripts.

1|Updated Aug 17, 2025
One-click install
npx skills add https://github.com/ratnesh-maurya/mdconverter --skill webapp-testing-ratnesh-maurya
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/ratnesh-maurya/mdconverter/tree/main/.claude/skills/webapp-testing
Command: npx skills add https://github.com/ratnesh-maurya/mdconverter --skill webapp-testing-ratnesh-maurya

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve? Manually verifying frontend behavior and debugging UI issues in local web applications is slow and repetitive. This Skill automates browser interactions with Playwright so you can test functionality, capture screenshots, and inspect rendered pages without manual clicking. ## Core Features & Use Cases - Server Lifecycle Management: The with_server.py helper starts one or more servers (frontend, backend), waits for readiness, runs your automation, and cleans up afterward. - Reconnaissance-Then-Action Workflow: Navigate pages, wait for network idle, inspect the rendered DOM, and act on discovered selectors for dynamic webapps. - Screenshot and Console Capture: Take full-page screenshots and capture console logs to debug UI behavior. - Use Case: You are building a Next.js app and want to verify a login form works. The Skill starts the dev server, navigates to the page, fills the form using discovered selectors, and screenshots the result. ## Quick Start Ask the AI to test your local web app with Playwright, for example: start my dev server and verify the homepage renders correctly with a screenshot.

Frequently Asked Questions about webapp-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I test a local web application with Playwright?

Write a Python script using sync_playwright, launch Chromium in headless mode, navigate to your localhost URL, and wait for networkidle before interacting. Use the with_server.py helper to start your dev server automatically before the script runs.

How do I run Playwright tests that need multiple servers?

Pass multiple --server and --port pairs to with_server.py, one for each backend and frontend process. The script starts each server, waits for its port to respond, runs your automation command, then terminates all servers.

Why does Playwright find no elements on my dynamic webapp?

Dynamic apps render content via JavaScript after initial page load, so selectors fail if you inspect too early. Call page.wait_for_load_state('networkidle') before querying the DOM or taking screenshots.

Can Playwright capture screenshots and console logs?

Yes, page.screenshot captures full-page or viewport images, and console event listeners record browser logs during automation. Both are useful for debugging UI rendering and JavaScript errors.

Should I use headless or headed mode for Playwright automation?

This workflow launches Chromium in headless mode, which runs without a visible browser window and suits automated testing. Headed mode is only useful for manual observation during debugging.