playwriter

---

name: playwriter description: Tool for controlling browser via Playwriter extension.

Setup

1. Install Playwriter extension
2. Click extension icon on target tab (icon turns green)

Usage

Copybun {dir}/scripts/cmd.ts "<code>"

Examples

Copy# Get page URL
bun {dir}/scripts/cmd.ts "console.log(page.url())"

# Click button
bun {dir}/scripts/cmd.ts "await page.getByRole('button', { name: 'Submit' }).click()"

# Get page title
bun {dir}/scripts/cmd.ts "await page.title()"

# Fill form
bun {dir}/scripts/cmd.ts "await page.getByLabel('Email').fill('test@example.com')"

# Stop daemon
bun {dir}/scripts/cmd.ts "daemon.stop()"

Context

Variables available in code:

• page - Current Playwright page
• context - Browser context
• state - Persistent object across calls
• daemon - Daemon control object ({ stop: () => void })

Output

The script returns logs and the final result. If the result is an object, it's formatted as JSON.

Copybun {dir}/scripts/cmd.ts "console.log('fetching...'); return { title: await page.title() }"

Output:

Copy[log] fetching...
{
  "title": "Page Title"
}

Debugging

Copy// Enable debugger
const cdp = await page.context().newCDPSession(page);
await cdp.send('Debugger.enable');
await cdp.send('Debugger.setPauseOnExceptions', { state: 'uncaught' });

// Set breakpoint
await cdp.send('Debugger.setBreakpointByUrl', { lineNumber: 42, urlRegex: '.*app\\.js$' });

Network

Copy// Wait for API response
const res = await page.waitForResponse(r => r.url().includes('/api/data'));
console.log(await res.json());

// Monitor requests
page.on('request', r => console.log('REQ:', r.url()));
await page.reload();
page.removeAllListeners('request');