Web应用测试

Test local web applications with Playwright, including screenshots and browser logs.

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/tiandiyiqi/ai-skills --skill web-tiandiyiqi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Web应用测试
Source: https://github.com/tiandiyiqi/ai-skills/tree/main/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/Web%E5%BA%94%E7%94%A8%E6%B5%8B%E8%AF%95
Command: npx skills add https://github.com/tiandiyiqi/ai-skills --skill web-tiandiyiqi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the testing and interaction with local web applications, streamlining the development and debugging process for web developers.

Core Features & Use Cases

  • Frontend Functionality Validation: Ensure your web application's features work as expected.
  • UI Behavior Debugging: Inspect and debug how your user interface behaves under various conditions.
  • Automated Screenshots & Logs: Capture visual states and browser logs for detailed analysis.
  • Use Case: Automatically test a new feature on your local development server, verify that a form submission works correctly, and capture a screenshot of the result.

Quick Start

Use the Web应用测试 skill to test your local web application by running python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_automation.py.

Frequently Asked Questions about Web应用测试

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

FAQPage Schema
How do I automate web testing with Playwright for a local development server?

You can automate web testing with Playwright by running a script that starts your local server and executes your automation code. Use the provided toolkit to validate frontend functionality and capture browser logs or screenshots during the test run.

Can I capture browser screenshots and logs when debugging UI behavior?

Yes, you can capture browser screenshots and logs when debugging UI behavior. The toolkit interacts with your web application to record visual states and console outputs, providing detailed analysis for frontend functionality validation.

How do I manage the server lifecycle when testing a local web app?

To manage the server lifecycle when testing a local web app, run your automation script through the provided server wrapper. It starts your development server, executes the tests, and handles the local environment setup automatically.

Does this testing approach support validating frontend functionality without manual checks?

Yes, this testing approach supports validating frontend functionality without manual checks. It automates interactions with your local web application to ensure features like form submissions work correctly and capture the resulting UI state.

What is the best way to verify a form submission works correctly in a local web app?

The best way to verify a form submission works correctly is to use automated Playwright scripts. These scripts interact with your local web application, submit the form, and capture screenshots to confirm the result automatically.

Do I need to install external dependencies to run local web app tests?

No external dependencies are required beyond the toolkit itself to run local web app tests. The provided scripts manage the server lifecycle and Playwright automation directly within your current development environment.