skills.rest
macintorsten
macintorstenCOMMUNITY
Explore all skills by this author →
GitHub

webapp-testing

Tests local web applications with Playwright for UI verification, screenshots, and browser logs.

Updated Dec 23, 2025
Search Tags:#testing#screenshots#frontend#E2E tests#browser automation#Playwright#web application
One-click install
npx skills add https://github.com/macintorsten/aurapod --skill webapp-testing-macintorsten
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/macintorsten/aurapod/tree/main/.github/skills/webapp-testing
Command: npx skills add https://github.com/macintorsten/aurapod --skill webapp-testing-macintorsten

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/test.

What problem does it solve? Manually verifying frontend behavior in local web applications is slow and error-prone, and debugging UI issues without browser automation makes it hard to capture screenshots, console logs, and network responses consistently. ## Core Features & Use Cases - Browser Automation Testing: Write and run Playwright tests covering navigation, clicking, form input, waiting strategies, and assertions against local dev servers. - Debugging & Inspection: Capture full-page or element screenshots, listen to console messages and page errors, and intercept network requests with mocked responses. - Use Case: While developing a podcast player web app, use this Skill to write a Playwright test that loads the local dev server, clicks through the UI, asserts the episode list renders, and captures a screenshot to verify the layout. ## Quick Start Use the webapp-testing skill to write and run a Playwright test that opens my local app at localhost:3000 and verifies the homepage title.

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?▼

Install Playwright with npm init playwright@latest, then write tests using page.goto to load your local dev server URL and expect assertions to verify titles, URLs, and element states. Run tests with npx playwright test.

How to fill forms and click buttons in Playwright tests?▼

Use page.fill with a selector like input[name="email"] to enter text, page.click with text or CSS selectors to click elements, and page.selectOption or page.check for dropdowns and checkboxes.

Can Playwright capture screenshots of web pages?▼

Yes, Playwright captures full-page screenshots with page.screenshot using the fullPage option, or element-only screenshots via locator.screenshot. Both save PNG files to a specified path.

How do I view browser console logs in Playwright?▼

Attach event listeners with page.on('console') to capture console messages and page.on('pageerror') to capture uncaught page errors. Log them to your terminal for debugging during test runs.

Why should I avoid page.waitForTimeout in Playwright?▼

Fixed timeouts make tests slow and flaky because they ignore actual page state. Prefer waitForSelector, waitForURL, or waitForResponse, which resolve as soon as the expected condition is met.

Related Skills

Explore More Software Engineering Skills→
luke-selrailuke-selrai

playwright-skill

Generate and execute Playwright browser test scripts with dev-server auto-detection.

Community
Advanced
robit-manrobit-man

regression-cicd-hooks

Automate regression testing in CI/CD pipelines with baseline comparison and merge blocking.

Community
Advanced
otographyotography
1

frontend-worker

Automate frontend UI feature development with TDD and browser verification.

Official
Advanced
Hack23Hack23
235

e2e-testing

Automate end-to-end UI validation for the CIA platform using Selenium and Playwright.

Official
Advanced