Common Actions

The most frequently used Playwright page interactions.

Form interactions

typescript
await page.getByLabel('Username').fill('alice@example.com');
await page.getByLabel('Password').fill('secret');
await page.getByRole('button', { name: 'Login' }).click();

// Select dropdown
await page.getByLabel('Country').selectOption('US');
await page.getByLabel('Country').selectOption({ label: 'United States' });

// Checkbox / radio
await page.getByRole('checkbox', { name: 'Remember me' }).check();
await page.getByRole('radio', { name: 'Annual' }).check();

// File upload
await page.getByLabel('Upload').setInputFiles('path/to/file.pdf');

// Clear and type
await page.getByLabel('Search').clear();
await page.getByLabel('Search').type('selenium', { delay: 50 });

Keyboard & mouse

typescript
await page.keyboard.press('Enter');
await page.keyboard.type('Hello World');
await page.keyboard.press('Control+A');

// Hover
await page.getByRole('button', { name: 'Menu' }).hover();

// Drag and drop
await page.getByTestId('drag-item').dragTo(page.getByTestId('drop-zone'));