skills.rest
mpaulosky
mpauloskyCOMMUNITY
Explore all skills by this author →
GitHub

webapp-testing

Automate testing and debugging of local web applications with Playwright.

Updated Oct 25, 2024
Search Tags:#automation#debugging#frontend#web testing#playwright#ui testing
One-click install
npx skills add https://github.com/mpaulosky/IssueTracker --skill webapp-testing-mpaulosky
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/mpaulosky/IssueTracker/tree/main/.ai-team/skills/webapp-testing
Command: npx skills add https://github.com/mpaulosky/IssueTracker --skill webapp-testing-mpaulosky

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the process of testing and debugging local web applications by providing tools for browser automation, verification, and debugging.

Core Features & Use Cases

  • Browser Automation: Navigate, interact with elements, and handle forms in a real browser.
  • Verification: Assert element states, text content, and URL validity.
  • Debugging: Capture screenshots and inspect console logs for issue resolution.
  • Use Case: Test a new feature on your local development server by automating user interactions, verifying the UI updates correctly, and capturing a screenshot if an error occurs.

Quick Start

Use the webapp-testing skill to navigate to http://localhost:3000 and take a screenshot.

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I automate UI testing for a local web app?▼

Playwright automates UI testing for local web apps by navigating URLs, interacting with elements, and handling forms in a real browser environment to verify frontend functionality.

Can I capture browser screenshots when debugging frontend issues?▼

Yes, you can capture browser screenshots during local web testing to inspect UI behavior and resolve visual rendering issues during automated test execution.

How do I view browser console logs during web testing?▼

View browser console logs during web testing by capturing them via Playwright automation to identify JavaScript errors and runtime issues for effective debugging and issue resolution.

Do I need Node.js to run Playwright tests locally?▼

Yes, Node.js is required to run Playwright tests locally as it provides the runtime environment for browser automation and interaction with the local development server.

What is the best way to verify element states and text content in a web application?▼

The best way to verify element states and text content in a web application is using Playwright assertions to validate element visibility, text accuracy, and URL validity during automated tests.

Related Skills

Explore More Software Engineering Skills→
krzemienskikrzemienski
2

playwright-skill

Automate browser testing and interaction with Playwright scripts in /tmp.

Community
Advanced
majesticlabs-devmajesticlabs-dev
47

python-debugger

Diagnose Python errors by analyzing tracebacks and reproducing issues.

Official
Advanced
thec3ukthec3uk

Frontend Components

Enforce frontend component coding standards during generation, review, and refactoring.

Official
Basic
AytsuuAytsuu

browser-qa

Automate visual regression testing and UI interaction verification with browser automation tools.

Community
Advanced