Results for “playwright”

Browser automation powers web testing, scraping, and AI agent interactions. The difference between a flaky script and a reliable system comes down to understanding selectors, waiting strategies, and anti-detection patterns. This skill covers Playwright (recommended) and Puppeteer, with patterns for testing, scraping, and agentic browser control. Key insight: Playwright won the framework war. Unless you need Puppeteer's stealth ecosystem or are Chrome-only, Playwright is the better choice in 202

The English summary is being prepared. Showing the original description.

Gates whether a new test should exist and forces it to be efficient, protecting CI from low-value test bloat. Use before any change to what a pytest, Jest, or Playwright test asserts or sets up, down to one fixture or one assertion added to an existing block. Front-loads the value bar (every test must catch a realistic regression no existing test already catches; extend the nearest existing test before writing a new standalone one; test behavior through the public interface, not implementation details; collapse near-duplicates into parameterized cases) and the efficiency bar (deterministic, isolated, fast; pick the cheapest test level; Django TestCase over TransactionTestCase; no sleeps, no real network; no time bombs from absolute dates left to age against the real clock; no database a test never uses). Includes a "don't write it" decision tree. For fixing an existing flaky test use `/fixing-flaky-tests`; after this gate says a Playwright test is warranted, use `/playwright-test` for mechanics.

The English summary is being prepared. Showing the original description.

Review and test OpenClaw Control UI changes with galleries of screen states and real browser flows. Use simulated Gateway responses to check behavior consistently, collect feedback, and capture screenshots or videos as evidence.

• Comparing layouts across loading, empty, and error states
• Collecting feedback on proposed screen changes
• Testing chat flows with simulated Gateway responses

Write or repair React tests around user actions and visible results. Cover components and hooks, simulate network responses, check accessibility, and decide when real browser component tests or end-to-end tests across pages are needed.

• Adding behavior tests to React forms and components
• Testing custom hooks and asynchronous updates
• Simulating successful and failed API responses

Develop applications through separate planning, building, and evaluation agents. The workflow tests the running app, scores its design and functionality, and feeds specific issues back into repeated development cycles with configurable quality thresholds and iteration limits.

• Turning a brief idea into an application specification
• Refining frontend design through separate evaluation
• Testing and improving full-stack application features

Record a website's network traffic in a HAR file, a log of requests and responses, then derive an HTTP client from its JSON requests. Reuse captured request details to run searches or fetch data without repeated browser interaction.

• Building a command-line client for a website
• Repeating searches without browser interaction
• Examining autocomplete or feed requests

Verify Paperclip through real browser or command-line journeys across source checkouts, published npm installations, or existing hosted environments. Record the exact version, platform, starting data, observed behavior, and supporting evidence for each tested journey.

• Checking first-time installation and onboarding
• Verifying features with fresh or existing data
• Testing a specific published npm version

Verify WorldMonitor dashboard behavior using existing browser tests or focused manual interactions. Check panels, map layers, settings, search, and country briefs, while collecting screenshots, logs, and persisted-state evidence to document the results.

• Checking dashboard startup after a change
• Verifying panel settings and saved layouts
• Testing map layers, search, and country briefs

Compare two recorded browser sessions at matching step IDs using screenshots and accessibility snapshots, which describe page elements. Report the first difference and overall similarity to check interface changes or verify replayed sessions.

• Checking visual regressions after interface changes
• Verifying a replay against its original session
• Comparing A/B variants of a form workflow

Check website behavior across Chrome, Firefox, Safari, and Edge, and fix browser-specific problems. Review desktop and mobile test coverage alongside CI, the automated checks run during development, to identify gaps that let regressions pass.

• Checking layouts and features across major browsers
• Reviewing desktop and mobile browser test coverage
• Finding gaps in automated browser checks

Operate and test terminal apps without a display using named background sessions. Wait for visible screen changes, send keystrokes, reproduce Cline CLI bugs, capture text or PNG evidence, and write automated tests of interactive behavior.

• Reproducing Cline CLI interface bugs without a display
• Running an interactive process in the background
• Writing automated tests for terminal interactions

Automate website navigation, form filling, screenshots, data extraction, and web app testing while keeping page state between scripts. Works with a fresh Chromium session or an existing Chrome session through an extension.

• Automating navigation and form entry
• Saving screenshots of web pages
• Extracting website data

Guide test writing, updates, and reviews in Remotion by checking observable user outcomes. Choose integration, unit, visual, or end-to-end tests that detect broken workflows, and verify that bug fixes address the original regression.

• Choose a test boundary for a feature
• Review whether existing tests detect broken workflows
• Verify a regression test fails before the fix and passes after it

Convert feature requirements and implementation plans into a test strategy, task checklist, and quality assurance plan for GitHub projects. Define test coverage, priorities, dependencies, estimates, and quality checkpoints using established testing and software quality frameworks.

• Plan testing from feature requirements and implementation documents
• Break testing work into tasks for GitHub issue management
• Prioritize performance, security, and accessibility checks

Configure how the browser starts, including window visibility, proxy settings, extra launch options, and a custom browser executable. It also explains opening a local debugging port so other local tools can connect.

• Show the browser window during automation
• Start a browser with a proxy or incognito mode
• Choose a specific installed browser

Manage separate browser profiles for website tasks, keeping each account’s cookies and logins between sessions. The skill guides profile selection, reuse, opening, and closing, and explains when a direct download is simpler than browser work.

• Reuse a browser profile already signed in
• Keep different accounts in separate profiles
• Use a separate profile for signup verification

Automate terminal interactions and capture screenshots before and after commands run. Define scenarios in TypeScript to review CLI appearance, document command flows, or record changing output such as progress bars, with optional animated GIFs.

• Review CLI appearance changes in a pull request
• Capture slash command interactions
• Create screenshots for usage documentation

Find the engineering specialist skill that matches a task, from system design and frontend development to testing, security, and AI. This index explains each area of focus and directs agents to load the relevant skill’s instructions.

• Choosing a skill for system design or implementation
• Finding guidance for testing and code review
• Locating specialists for AI and data work

Work on Handsontable core bugs, features, and TypeScript types using its architecture and implementation conventions. The skill directs tasks to specialist guides and outlines registration, compatibility, documentation, and testing checks for changes.

• Investigate bugs in the core grid
• Add plugins, editors, or renderers
• Fix TypeScript types and remove unnecessary casts

Maintain existing tests for Walkontable, Handsontable's table rendering engine. The skill explains its separate test commands and covers frozen rows and columns, visible area calculations, scroll alignment, and pitfalls that can hide failures or produce misleading results.

• Maintaining existing Walkontable rendering tests
• Checking frozen rows and columns during scrolling
• Testing visible areas after container resizing

Build end-to-end tests that follow user journeys in browsers and mobile simulators or emulators. Guides e2e configuration, AI-driven actions, precise outcome checks, failure investigation, and exploratory bug hunts backed by reproducible tests.

• Testing browser user journeys with AI-driven actions
• Checking app flows on mobile simulators and emulators
• Investigating failed tests through reports and traces

Automate website navigation, form filling, data extraction, and web app checks while keeping page state between scripts. Use a new Chromium session or connect to an existing Chrome session through an extension.

• Completing workflows in an existing signed-in Chrome session
• Filling forms and extracting website data
• Checking web app behavior and capturing screenshots

Verify Omnigent behavior through real user actions in an isolated environment. Use a feature map to cover relevant web, terminal, and CLI entry points, preserving recordings and other evidence for bug reproductions and fixes.

• Reproducing a user-facing Omnigent bug
• Comparing behavior before and after a fix
• Checking coverage across web, terminal, and CLI entry points

Retrieve Reddit posts and comments through a browser session for topic research. Search within communities, inspect popular or recent posts, and extract titles, scores, and replies, with procedures for handling blocked access and request limits.

• Research a topic within a subreddit
• Read a post and its comments
• Check recent or popular posts