Visual no-code builder

The Visual Builder lets anyone on your team create tests by simply using your app. The output is standard Playwright code that lives in your repo.

Starting a recording

1. 1Click "New Test" in the dashboard
2. 2Enter the starting URL
3. 3Choose a browser and viewport size
4. 4Click "Record"

Adding assertions

During recording, hover over any element to see assertion options. Click to add checks like "Text contains", "Element visible", or "Count equals".

Resilient selector strategy

The Visual Builder generates selectors in this priority order: role-based > label-based > test-id > CSS. This maximizes resilience against UI changes.

// Generated by Visual Builder
await page.getByRole('button', { name: 'Submit' }).click();
await expect(page.getByText('Success')).toBeVisible();