Day 4 : Video 3 - Playwright Locators: Handle Multiple Elements Like a Pro 🔥

Welcome to Day 4 – Video 3 of the Playwright Automation Testing Course! 🚀

Have you ever written a locator and Playwright found multiple matching elements?

For example:

Multiple buttons
Multiple menu items
Multiple product cards
Multiple table rows

How do you interact with a specific element?

In this video, you'll learn how to handle multiple matching elements using Playwright's powerful locator methods.

What You'll Learn

✅ What happens when a locator matches multiple elements

✅ Count total matching elements using count()

✅ Select the first element using first()

✅ Select a specific element using nth()

✅ Understanding Zero-Based Indexing

✅ Extract text from multiple elements

✅ Real-world examples and best practices

Examples Covered

Get total elements:

const count = await page.locator(".btn").count();

Select first element:

await page.locator(".btn").first().click();

Select second element:

await page.locator(".btn").nth(1).click();

Extract text:

const bookName = await page.locator(".book").first().textContent();

By the end of this video, you'll be able to confidently work with lists, tables, menus, cards, search results, and any scenario where multiple elements are returned by a locator.

Previous Videos

✅ Playwright Locators Explained

✅ Verify Text & Labels Using Assertions

Next Video

🚀 Advanced Locator Strategies in Playwright

Tags

playwright, playwright tutorial, playwright locators, playwright nth, playwright first, playwright count, playwright multiple elements, playwright typescript, automation testing, qa automation, software testing, playwright framework, playwright course, playwright testing, web automation

Hashtags

#playwright #playwrighttutorial #automationtesting #playwrighttypescript #softwaretesting #qatesting #webautomation #playwrightlocators

Видео Day 4 : Video 3 - Playwright Locators: Handle Multiple Elements Like a Pro 🔥 канала AppSmashers