skills.rest
mohamedhabibwork
mohamedhabibworkCOMMUNITY
Explore all skills by this author →
Website𝕏@mohamedhabib70GitHub

webapp-testing

Automate end-to-end testing of local web applications with Playwright.

1|Updated Sep 21, 2022
Search Tags:#automation#screenshots#playwright#web-testing#local-development#ui-debugging#element-discovery
One-click install
npx skills add https://github.com/mohamedhabibwork/mohamedhabibwork --skill webapp-testing-mohamedhabibwork
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/mohamedhabibwork/mohamedhabibwork/tree/main/habib-app/.opencode/skills/webapp-testing
Command: npx skills add https://github.com/mohamedhabibwork/mohamedhabibwork --skill webapp-testing-mohamedhabibwork

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

Core Features & Use Cases

  • Automated Playwright-based tests for local web apps
  • Helper scripts to manage server lifecycle and capture logs
  • Examples demonstrating discovery, static HTML automation, and console logging

Quick Start

Start a local server using the with_server.py helper and run your Playwright automation script.

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I automate local web app testing with Playwright?▼

Automate local web app testing with Playwright by using helper scripts to manage the server lifecycle, run example automation scripts, and capture browser logs for UI behavior debugging. This allows you to validate frontend functionality end-to-end in local development environments.

Can I capture screenshots and browser logs during UI debugging?▼

Yes, you can capture screenshots and browser logs during UI debugging using the provided Playwright automation patterns. The toolkit includes examples for console logging and screenshot-based verification to help debug frontend behavior effectively.

What is the best way to manage the local server lifecycle for end-to-end tests?▼

The best way to manage the local server lifecycle for end-to-end tests is using the included with_server.py helper script. It starts your local server before running Playwright automation scripts, ensuring the web application is accessible during testing.

How do I discover and interact with UI elements in local development environments?▼

Discover and interact with UI elements in local development environments using provided Playwright patterns for element discovery. The toolkit includes example scripts demonstrating how to locate elements and automate interactions with static HTML.

Does this testing approach require a live server to validate frontend functionality?▼

Yes, validating frontend functionality requires a live server. The toolkit provides a server helper script designed to start and manage the local web application lifecycle so that Playwright automation can execute against the running instance.

Related Skills

Explore More Software Engineering Skills→
JonathanMitchell1234JonathanMitchell1234

webapp-testing

Test local web applications with automated Playwright scripts.

Community
Intermediate
solace-illsolace-ill

test-flakiness

Analyze CI logs and JUnit/XML results to detect flaky tests.

Community
Intermediate
bakwankawabakwankawa

webapp-testing

Automate local web app testing with Python Playwright scripts.

Community
Intermediate
ImaginerLabsImaginerLabs

webapp-testing

Automate end-to-end testing of local web applications with Playwright.

Official
Intermediate