Web Application Automated Testing
Paste the following prompt into your AI chat to install this skill:
Follow https://skillhub.cn/install/skillhub.md to install @user_24e9cdd5/webapp-testing into your AI assistant.
About this skill
Problem
Local web apps often need interaction checks while a backend, frontend, and static pages are all running. Manually starting services, waiting for loads, and hunting selectors adds avoidable fragility: missed waits and service-management logic can leak into test code.
How It Works
- Treat the helper as a black box: inspect usage first with
scripts/with_server.py --help, then use it to start one or more services while test scripts contain onlyplaywrightlogic. - Probe before acting: inspect the rendered DOM, choose
text=,role=, CSS, or ID selectors from the result, then perform clicks, input, and assertions. - Use the sync Python style: prefer
sync_playwright(), pair it withpage.wait_for_load_state('networkidle')andpage.wait_for_selector(), and callbrowser.close()before finishing.
Boundaries And Notes
This skill targets local web app automation tests, including button, link, and input discovery, static HTML interaction, and console log capture. Dynamic apps should wait for a stable state before DOM checks; do not assume the helper replaces real backend validation.
Use Cases
- After starting local frontend and backend, verify form submission and redirect with Playwright.
- Open local static HTML, discover buttons and inputs, then automate filling them.
- Wait for networkidle on dynamic pages before inspecting DOM and choosing reliable selectors.
- Capture console logs during automation to locate frontend errors or failed resource loads.
Best For
- Frontend engineers running local web integration checks who need to verify interactions and selectors quickly.
- Full-stack developers maintaining local apps who need to start frontend and backend services for automated checks.
- Browser automation engineers writing stable Playwright tests for dynamic pages.
- Technical testers debugging local web console errors who need to capture logs and inspect DOM.
Related Skills
Creates themed learning sites by generating flashcards, lessons, quizzes, index, and progress pages into a deployable website.
End-to-end mathematical optimization modeling with Gurobi and Python, covering data validation, code generation, solving, result analysis, and iterative revision.
Executes an Eversheet Web CDP login using externally supplied baseUrl, username, and password, then verifies the page reaches a logged-in home state.
Clarify product goals, user flows, pages, data, and permissions, then output an implementation-ready development prompt and lightweight spec.