browser-testing

Automate Playwright web application tests with UI interactions and screenshots.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Jimmy1987s/EC-Claude-Skills --skill browser-testing-jimmy1987s
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-testing
Source: https://github.com/Jimmy1987s/EC-Claude-Skills/tree/main/skills/browser-testing
Command: npx skills add https://github.com/Jimmy1987s/EC-Claude-Skills --skill browser-testing-jimmy1987s

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the process of testing web applications by automating UI interactions, capturing visual evidence, and generating test reports, significantly reducing manual testing effort and improving application quality.

Core Features & Use Cases

  • UI Testing: Execute end-to-end tests for user interfaces.
  • Screenshot Management: Capture and organize screenshots for visual debugging and reporting.
  • Login & Authentication: Handle user login flows for authenticated testing.
  • Server Management: Automatically start and manage development servers for tests.
  • Console & Network Error Detection: Identify JavaScript errors and HTTP request failures.
  • Use Case: Automatically test the user registration flow, capture screenshots at each step, and generate a report detailing any errors encountered.

Quick Start

Run the login test script located at browser-tests/2026-01-09-001-login-test/test_login.py using auto-server mode.

Frequently Asked Questions about browser-testing

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

FAQPage Schema
How do I automate end-to-end web testing with Playwright?

Automate end-to-end web testing with Playwright by running scripts that execute UI interactions, validate login flows, and manage dev servers. This approach captures visual evidence and generates reports to reduce manual testing effort.

How do I capture screenshots during UI automation for visual debugging?

Capture screenshots during UI automation by integrating a browser-screenshot skill. This organizes visual evidence for each test step, enabling efficient visual debugging and comprehensive test reporting.

What's the best way to detect console and network errors during e2e testing?

Detect console and network errors during e2e testing by retrieving browser logs through Playwright. This identifies JavaScript errors and HTTP request failures, detailing them in a generated test report.

Do I need python-dotenv to manage authentication flows in Playwright?

You need python-dotenv to manage environment configurations for login validation. It supports handling user login flows securely, ensuring authenticated testing scenarios execute correctly during UI automation.

Can I automatically start a development server when running Playwright tests?

You can automatically start a development server when running Playwright tests using the auto-server mode. This manages the server lifecycle seamlessly, ensuring the web application is ready for test execution.