skills.rest
mainliufeng
mainliufengCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

webapp-testing

Automate local web application testing with Playwright and helper scripts.

1|Updated Apr 17, 2023
Search Tags:#automation#testing#frontend#playwright
One-click install
npx skills add https://github.com/mainliufeng/dotfiles --skill webapp-testing-mainliufeng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/mainliufeng/dotfiles/tree/main/code_agents/skills/webapp-testing
Command: npx skills add https://github.com/mainliufeng/dotfiles --skill webapp-testing-mainliufeng

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Toolkit for interacting with and testing local web applications using Playwright. It supports frontend verification, debugging UI behavior, capturing screenshots, and viewing browser logs.

Core Features & Use Cases

  • Playwright Scripts: Write native Python Playwright scripts to automate tests
  • Helper Scripts: Use scripts/with_server.py to manage server lifecycles
  • Decision Tree Guidance: Choose approach for static HTML vs dynamic apps
  • Reference Files: Examples like element_discovery.py and console_logging.py

Quick Start

Create a Python Playwright script in your project and run it with a local server using the with_server.py helper. For example:

  • Start a single server: python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_automation.py
  • For multiple servers, extend with more --server/--port pairs, then run your automation script

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I automate testing of local web applications with Playwright?▼

Automate testing of local web applications using Playwright by writing Python scripts that interact with your app's DOM, then run them with the with_server.py helper to manage server lifecycle. The helper starts your dev server, executes your automation script, and ensures reliable cleanup.

Can I test both static HTML and dynamic web apps with Playwright automation?▼

Yes, Playwright automation supports both static HTML files and dynamic web applications. The Skill provides decision tree guidance and reference examples like element_discovery.py to help you choose the right approach for your app type.

How do I run Playwright tests with multiple local servers?▼

Use with_server.py with multiple --server and --port pairs to manage multiple servers simultaneously. For example: python scripts/with_server.py --server "npm run dev" --port 5173 --server "npm run api" --port 3000 -- python your_automation.py.

What does Playwright automation enable for frontend verification and debugging?▼

Playwright automation enables frontend verification, UI behavior debugging, screenshot capture, and browser console log viewing. It supports headless execution, waiting for network idle, DOM reconnaissance, and selector discovery through native Python scripts.

Do I need a running server to use Playwright for web app testing?▼

Yes, you need a local server running your web application. The with_server.py helper script manages server startup and lifecycle automatically, so you don't have to start the server manually before running your Playwright tests.

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
agwacomagwacom

qa-only

Automate browser-based QA testing and export structured reports with evidence.

Official
Advanced
ProfPowellProfPowell
4

e2e-testing

Run end-to-end browser tests with Playwright for user flows and visual regression.

Community
Advanced
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate