skills.rest
HanLi0705
HanLi0705COMMUNITY
Explore all skills by this author →
GitHub

webapp-testing

Automates frontend testing and debugging of local web apps with Playwright.

1|Updated Dec 22, 2025
Search Tags:#automation#screenshots#playwright#web-testing#browser-logs#local-server
One-click install
npx skills add https://github.com/HanLi0705/lead_agent --skill webapp-testing-hanli0705
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/HanLi0705/lead_agent/tree/main/Mini-Agent-main/mini_agent/skills/webapp-testing
Command: npx skills add https://github.com/HanLi0705/lead_agent --skill webapp-testing-hanli0705

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a framework to test and debug local web applications by leveraging Playwright, enabling automated verification of frontend behavior without repetitive manual steps.

Core Features & Use Cases

  • Automated frontend testing with Playwright across static and dynamic web pages.
  • Debugging UI behavior with DOM inspection, network activity capture, and screenshots.
  • View browser logs and capture artifacts (screenshots) for QA reports.
  • Use Case: During app development, quickly validate that a login flow renders correctly and responds to errors by generating an automated script that navigates pages, asserts elements, and saves logs.

Quick Start

Install prerequisites and run sample tasks:

  • Install Python 3.11+ and Playwright: pip install playwright; python -m playwright install
  • Run a simple script directly or use the included helper to start a local server: python scripts/with_server.py --server "npm run dev" --port 5173 -- python examples/element_discovery.py

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I automate frontend testing for a local web app with Playwright?▼

You can automate frontend testing for a local web app by running Python scripts that leverage Playwright to navigate pages, inspect the DOM, assert elements, and capture screenshots.

Can I capture browser logs and screenshots during UI debugging?▼

Yes, you can capture browser logs and screenshots during UI debugging by executing Playwright scripts that record network activity and save artifacts for QA reports.

How do I start a local server to test my web application?▼

You can start a local server to test your web application by running the helper script with your server command and port, such as using scripts/with_server.py to orchestrate the local environment.

Do I need Python 3.11 to run local web testing scripts?▼

Yes, you need Python 3.11 or later and the Playwright library installed to run the local web testing scripts and execute the automated frontend verification tasks.

What is the best way to verify a login flow renders correctly during development?▼

The best way to verify a login flow during development is to generate an automated script that navigates pages, asserts element rendering, responds to errors, and saves logs.

Can I use this to test both static and dynamic web pages?▼

Yes, you can use this to perform automated frontend testing with Playwright across both static and dynamic web pages in your local development environment.

Related Skills

Explore More Software Engineering Skills→
adolfosalasgomez3011adolfosalasgomez3011

webapp-testing

Automate local web application testing with Playwright scripts.

Community
Intermediate
pacphipacphi
14

Chrome DevTools

Debug web pages via Chrome DevTools MCP with performance, network, and DOM inspection.

Community
Advanced
zircotezircote
3

webapp-testing

Automate end-to-end web application testing with Playwright on local apps.

Community
Advanced
GabeujinGabeujin

webapp-testing

Automate local web application testing and debugging with Playwright.

Community
Intermediate