webapp-testing

Run Playwright end-to-end tests on local web applications with screenshots and logs.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/songyoungsoo/duson-print-system --skill webapp-testing-songyoungsoo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/songyoungsoo/duson-print-system/tree/main/.claude/00_Legacy_Archive/skills/webapp-testing
Command: npx skills add https://github.com/songyoungsoo/duson-print-system --skill webapp-testing-songyoungsoo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a ready-to-use framework for validating local web applications by leveraging Playwright to automate UI testing, debugging, and evidence capture, reducing manual QA time.

Core Features & Use Cases

  • Automated frontend verifications across local pages using Playwright, including navigation, element interaction, and assertions.
  • Debugging UI behavior with screenshots, logs, and DOM inspection to diagnose issues in development environments.
  • Reusable end-to-end test samples (e2e_all_products.py, e2e_quotation.py) and helper scripts that demonstrate realistic checkout and quotation workflows on localhost.

Quick Start

Install Python 3.9+ and Playwright, then install dependencies with:

  • pip install -U playwright
  • python -m playwright install Start a local server if needed using the provided scripts/with_server.py, for example:
  • python scripts/with_server.py --server "npm run dev" --port 5173 -- python e2e_all_products.py Run the tests directly or adapt the included examples to your application.

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I automate end-to-end testing for a local web app using Playwright?

Capture UI debugging evidence during local web app testing by using Playwright scripts to take screenshots, generate logs, and inspect the DOM. This evidence helps diagnose frontend issues and verify visual behavior during development.

What do I need to set up to run Playwright automated UI tests locally?

To run Playwright automated UI tests locally, you need Python 3.9+ and the Playwright package installed. After installing dependencies, you can start a local server and execute the provided end-to-end test scripts against your development environment.

Can I start a local development server and run Playwright tests in one step?

Yes, you can start a local development server and run Playwright tests in one step using the provided helper script. It allows you to specify the server command, port, and test script to execute sequentially for automated local validation.

Does this Playwright testing approach support realistic checkout workflows?

Yes, this Playwright testing approach supports realistic workflows by providing reusable end-to-end test samples. Included scripts demonstrate checkout and quotation workflows on localhost, which you can adapt to test your own application logic.

What is the best way to verify frontend changes during local development?

The best way to verify frontend changes during local development is by running automated Playwright scripts that handle navigation and assertions. This reduces manual QA time by validating UI behavior and capturing evidence across local pages.