`name=` Makes the Locator Unique — BrauzerLab

The account settings page has two buttons: Save and Delete. Your job is to click the Delete button.

A broad locator like getByRole('button') can match both buttons, potentially clicking the wrong one. A role-based locator with { name: 'Delete' } ensures only the button with that name is targeted.

page is ready and the DOM contains two buttons. Regardless of which approach you use, clicking the correct button passes the mission.

There are several valid approaches — getByRole, locator('#id'), and getByTestId all work.

import { test, expect } from '@playwright/test'; test('`name=` Makes the Locator Unique', async ({ page }) => { await page.goto('https://lab.local/mission/role-with-name'); // ↓ Your code goes below ↓ });