Playwright icon

Playwright

Automate browser tasks with Playwright and optional CDP connection

Actions12

Browser → Click

AI-generated

Summary

Click the first element matching a specified CSS selector on a browser page controlled by Playwright, optionally pressing a keyboard key immediately after the click, and output details about the action and page state.

Inputs

  • Connection Mode (required) — Select how to connect to the browser: either launch a new browser instance or connect over Chrome DevTools Protocol (CDP).
  • Browser Type (required) — Choose the browser type (Chromium, Firefox, WebKit) if launching a new browser.
  • Headless (required) — Run the browser without a visible window when launching.
  • CDP Endpoint (required) — The URL endpoint for connecting over CDP, required if connection mode is CDP.
  • Timeout (MS) (required) — Maximum time in milliseconds to wait for browser actions.
  • Session ID — Identifier for reusing the same browser session across nodes.
  • Use Existing Tab — Enable reusing an already-open tab in connected browser (only with CDP connection).
  • Tab Index — Zero-based index of the tab to reuse if 'Use Existing Tab' is enabled.
  • Block Resource Types — List of resource types (images, scripts, etc.) to block for bandwidth optimization when creating a new page.
  • Block URL Patterns — Comma-separated glob patterns for URLs to block when creating a new page.
  • Target URL — URL to navigate to before performing the click operation.
  • Selector (required) — CSS selector string identifying the element to click on the page.
  • Press Key After Click — Whether to immediately press a keyboard key following the click.
  • Post Click Key — Keyboard key to press after clicking, such as Enter, Tab, Escape.
  • After Execution (required) — Action to perform after completion: close the browser, close just the page/tab, or keep open for reuse.

Output shape

A single JSON object per input item containing details of the click operation and page state.

The output includes operation type, connection mode, session and tab identifiers, timestamp, URL of the current page, the CSS selector clicked, success status, and optionally the post-click key pressed and any user-defined additional data. The browser and page may be closed or kept open depending on the after execution setting.

Examples

Example 1: Click a submit button on a newly launched Chromium browser in headless mode, then press Enter key after click, keeping the browser open for further actions.

Set Connection Mode to 'Launch Browser', Browser Type to 'Chromium', Headless 'true', provide CSS selector '#submit', enable Press Key After Click with Post Click Key 'Enter', and After Execution to 'Keep Open'.

Links

Discussion