playwright

Automates web page testing, form submission, and screenshot generation using Playwright and Node.js.

1|Updated Nov 13, 2023
One-click install
npx skills add https://github.com/LeoTechPro/intTools --skill playwright-leotechpro
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/LeoTechPro/intTools/tree/main/codex/assets/codex-home/skills/playwright
Command: npx skills add https://github.com/LeoTechPro/intTools --skill playwright-leotechpro

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates repetitive browser-based tasks, such as testing web pages, filling out forms, and capturing screenshots, saving you time and ensuring consistency.

Core Features & Use Cases

  • Web Page Testing: Automate user flows, check responsiveness across devices, and verify UI elements.
  • Form Automation: Fill and submit web forms programmatically.
  • Screenshotting: Capture full-page or element-specific screenshots for documentation or visual testing.
  • Use Case: Automatically test your web application's login flow on desktop and mobile viewports, and save screenshots of the dashboard page.

Quick Start

Use the playwright skill to test the login flow on http://localhost:3001.

Frequently Asked Questions about playwright

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

FAQPage Schema
How do I automate web page testing and form filling across different devices?

You can automate web page testing and form filling across devices by using Playwright browser automation to script user flows and check responsiveness across multiple viewports. This Skill programmatically executes interactions and captures screenshots for verification.

Can I capture full-page screenshots for visual testing using browser automation?

Yes, browser automation with Playwright supports capturing full-page or element-specific screenshots for visual testing. It programmatically navigates web pages and generates image files for documentation or UI verification.

Do I need Node.js and Playwright installed to run browser automation scripts?

Yes, you need Node.js and Playwright installed in your environment to execute browser automation scripts. This Skill relies on the Playwright dependency to programmatically control browsers and perform web testing tasks.

What is the best way to test a local development server with browser automation?

The best way to test a local development server with browser automation is using Playwright's dynamic server detection. This Skill automatically identifies your local environment to execute web testing and form submission against your local development URLs.

Does browser automation work for checking responsive design on mobile viewports?

Yes, browser automation works for checking responsive design by emulating mobile viewports. Playwright programmatically resizes the browser window to test cross-device responsiveness and verify UI elements across different screen sizes.

Why use Playwright for browser automation instead of other web testing tools?

Playwright for browser automation provides dynamic local server detection and cross-device responsiveness checks within a single script. It handles web page testing, form submission, and screenshot generation programmatically without manual browser interaction.