skills.rest
ultraviollettnympho
ultraviollettnymphoCOMMUNITY
Explore all skills by this author →
GitHub

webapp-testing

Test and debug local web applications using Playwright browser automation.

1|1|Updated Jan 29, 2026
Search Tags:#screenshots#browser automation#web testing#playwright#nodejs#frontend debugging#console logs
One-click install
npx skills add https://github.com/ultraviollettnympho/transit-ticket --skill webapp-testing-ultraviollettnympho
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/ultraviollettnympho/transit-ticket/tree/main/.github/skills/webapp-testing
Command: npx skills add https://github.com/ultraviollettnympho/transit-ticket --skill webapp-testing-ultraviollettnympho

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes assets (resource) components.

What problem does it solve? Manually verifying frontend behavior, debugging UI issues, and capturing browser state is slow and error-prone. This Skill automates browser interactions with Playwright so you can validate functionality, inspect console logs, and capture screenshots without repetitive manual clicking. ## Core Features & Use Cases - Browser Automation: Navigate pages, click elements, fill forms, select dropdowns, and handle dialogs in a real browser. - Verification & Debugging: Assert element presence, verify text content, capture screenshots, and inspect console logs and network requests. - Helper Utilities: Use the included test-helper.js functions for waiting on conditions, capturing console logs, and taking timestamped screenshots. - Use Case: After starting your local dev server, ask the AI to fill out a login form, submit it, verify the redirect to the dashboard, and save a screenshot of the result. ## Quick Start Use Playwright to open http://localhost:3000, fill in the login form, submit it, and capture a screenshot of the resulting page.

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I test a local web application with Playwright?▼

Start your local dev server, then use Playwright to navigate to the localhost URL, interact with elements via page.click and page.fill, and assert expected outcomes. Always verify the server is accessible before running tests.

How to capture screenshots during browser automation?▼

Call page.screenshot with a file path and the fullPage option to capture the entire page. The included test-helper.js provides a captureScreenshot function that adds timestamps to filenames automatically.

Can Playwright inspect browser console logs?▼

Yes, attach a listener with page.on('console', callback) to capture every console message. The captureConsoleLogs helper in test-helper.js collects messages with their type and timestamp into an array.

Does Playwright testing work for native mobile apps?▼

No, this approach only tests web applications in a browser. For native mobile apps built with React Native, use React Native Testing Library instead, as noted in the skill's limitations.

Why do Playwright tests fail with timeout errors?▼

Timeouts usually occur when elements load slowly or selectors are incorrect. Use explicit waits like page.waitForSelector with the visible state, set reasonable timeouts, and prefer data-testid or role-based selectors over fragile CSS classes.

Related Skills

Explore More Software Engineering Skills→
adamwayadamway

run-figma-designs

Scaffold and launch a local Vite server for Figma Make exports.

Community
Advanced
fieldspherefieldsphere
37

browser-automation-tests

Automate browser UI flows and capture screenshots, console logs, and network data as evidence.

Official
Intermediate
ag47-ptag47-pt
1

webapp-testing

Run Playwright audits to test web app routes, accessibility, and browser quality.

Community
Intermediate
nholder88nholder88
2

test-frontend-unit

Guide frontend unit and component tests across React, Vue, Svelte, and Angular.

Community
Advanced