skills.rest
loonghao
loonghaoCOMMUNITY
Explore all skills by this author →
GitHub

webapp-testing

Test local web applications with Playwright scripts and capture screenshots.

44|6|Updated Oct 27, 2025
Search Tags:#automation#debugging#frontend#web testing#playwright#local development
One-click install
npx skills add https://github.com/loonghao/auroraview --skill webapp-testing-loonghao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/loonghao/auroraview/tree/main/.windsurf/skills/webapp-testing
Command: npx skills add https://github.com/loonghao/auroraview --skill webapp-testing-loonghao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of interacting with and testing local web applications, making it easier to verify frontend functionality and debug UI issues.

Core Features & Use Cases

  • Automated Testing: Write and execute Playwright scripts to test web application behavior.
  • Debugging Support: Capture screenshots and browser logs to diagnose UI problems.
  • Server Management: Automatically manage the lifecycle of local development servers.
  • Use Case: Test a new feature in your local React app by writing a Playwright script that navigates to a specific page, fills out a form, and asserts that the correct data is displayed.

Quick Start

Run python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_automation.py to start your dev server and run your Playwright 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 frontend web testing for a local development server?▼

Automate frontend web testing by running a helper script that manages your local development server lifecycle and executes Playwright automation scripts to verify UI behavior. Use the provided command to start your dev server on a specific port and run your automation script sequentially.

Can I capture browser screenshots and logs to debug UI behavior?▼

Yes, you can capture browser screenshots and view browser logs to debug UI behavior. The toolkit supports interacting with local web applications using Playwright to diagnose frontend functionality problems and inspect UI issues directly.

Does this Playwright toolkit manage the lifecycle of my local dev server?▼

Yes, the Playwright toolkit manages the lifecycle of your local development server. It includes helper scripts that automatically start and stop your server, allowing your automation scripts to run against your local web app without manual server management.

What's the best way to test a form submission in my local React app?▼

The best way to test form submission in a local React app is writing a Playwright script that navigates to the page, fills out the form, and asserts the correct data is displayed. The toolkit executes this against your local development server.

Do I need to manually start my local development server before running web testing scripts?▼

No, you do not need to manually start your local development server before running web testing scripts. The included helper scripts automatically manage the server lifecycle, starting the server and executing your Playwright automation in a single command.

Related Skills

Explore More Software Engineering Skills→
FlorinSenonerFlorinSenoner

webapp-testing

Automate web application testing with Playwright scripts and server management.

Community
Intermediate
mcauduro0mcauduro0
1

webapp-testing

Test local web applications with Playwright scripts and capture screenshots.

Community
Intermediate
nanorepublicananorepublica
61

Testing Unit Tests

Standardize unit-test coding practices across Claude Code projects.

Community
Basic
tiankong0101-bytetiankong0101-byte

webapp-testing

Automate local web app testing with Python Playwright scripts.

Community
Intermediate