skills.rest
Badar-e-Alam
Badar-e-AlamCOMMUNITY
Explore all skills by this author →
𝕏@badaralam40GitHub

webapp-testing

Test local web applications with Playwright scripts and managed server lifecycles.

Updated Jul 3, 2026
Search Tags:#screenshots#python#browser automation#web testing#playwright#e2e testing#frontend debugging
One-click install
npx skills add https://github.com/Badar-e-Alam/KODA-Coding-Agent --skill webapp-testing-badar-e-alam
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/Badar-e-Alam/KODA-Coding-Agent/tree/main/coding_agent/skills/webapp-testing
Command: npx skills add https://github.com/Badar-e-Alam/KODA-Coding-Agent --skill webapp-testing-badar-e-alam

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Manually verifying frontend behavior of local web applications is slow and error-prone, especially when servers must be started, pages must finish loading JavaScript, and selectors must be discovered from rendered DOM state. ## Core Features & Use Cases - Playwright Automation: Write native Python Playwright scripts to navigate pages, interact with elements, capture screenshots, and read console logs. - Server Lifecycle Management: Use the bundled with_server.py helper to start one or multiple servers (e.g., backend plus frontend) before running automation. - Reconnaissance-Then-Action Workflow: Inspect the rendered DOM after networkidle, identify selectors, then execute actions against dynamic webapps. - Use Case: Verify that a React dev server's login form works by launching the frontend with the helper script, waiting for the page to settle, filling the form, and capturing a screenshot of the result. ## Quick Start Use the webapp-testing skill to start my local dev server and verify the login page renders correctly with Playwright.

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 in Python?▼

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

How to run Playwright tests against multiple local servers?▼

Pass multiple --server and --port flags to with_server.py, for example one for a backend on port 3000 and one for a frontend on port 5173. The helper manages both server lifecycles while your automation script executes.

Why does Playwright find no elements on my dynamic webapp?▼

The DOM is likely inspected before JavaScript finishes rendering. Call page.wait_for_load_state('networkidle') after navigation, then take a screenshot or read page.content() to discover the actual rendered selectors.

Can Playwright automate static HTML files without a server?▼

Yes, static HTML can be opened directly with file:// URLs, and selectors can be identified by reading the HTML source first. If selector identification fails, treat the page as dynamic and use the reconnaissance-then-action pattern instead.

How do I capture browser console logs during Playwright automation?▼

Attach a console event listener to the page object in your Playwright script to record log messages as they occur. The examples directory includes a console_logging.py pattern demonstrating this approach.

Related Skills

Explore More Software Engineering Skills→
BlocUnited-LLCBlocUnited-LLC
14

setup

Set up a Mozaiks development environment with dependencies and environment variables.

Official
Intermediate
danmartinez78danmartinez78

dogfood

Automate exploratory QA testing of web applications with structured bug reports and screenshots.

Community
Advanced
fusebase-devfusebase-dev
6

dev-debug-logs

Locate and interpret runtime logs for local FuseBase app debugging.

Official
Intermediate
1Shot-Labs1Shot-Labs
1

Test Generation

Generate unit, integration, and end-to-end tests for Jest, Vitest, and pytest.

Official
Intermediate