Chained Locators

Medium ~180 sec

The settings page has two sections: Billing and Shipping. Each has its own «Edit» button.

Playwright’s chained locators let you scope a locator to a narrow context by chaining CSS selectors. This lets you say “the button inside this section” rather than relying on a unique selector for the button itself.

page is already available. Click only the Shipping section’s Edit button.

TASK

Click the Edit button in the Shipping section.

Provided for you

import { test, expect } from '@playwright/test';

test('Chained Locators', async ({ page }) => {
  await page.goto('https://lab.local/mission/chained-locators');
  // ↓ Your code goes below ↓
});

Editor Ctrl+Enter Run · Ctrl+⇧+Enter Check

https://lab.local/mission/chained-locators

Console Found a bug in this mission? Report it

Results will appear here — press Run or Check.