#18 - Locating Complex UI Element in Playwright with new locator strategy (ARIA)

• 01:00 Using ARIA roles for locators
• 03:00 Testing ExecuteAutomation website
• 05:02 Generated locators in test scripts
• 11:45 Navigating parent and child elements
• 17:49 Readable and maintainable locators

In this video, we explore the new locator strategy in Playwright with C#. We take a look at using ARIA roles and the get by role method to select elements on a page. By using this approach, we can create more readable locators in our test scripts. We go through a practical example by testing the ExecuteAutomation website, which is built using React, a single-page application framework. Observing the generated locators, we notice that the locators are now more readable and closer to the visible text on the screen.

Additionally, we discuss the concept of navigating through parent and child elements when identifying controls on a web page. With ARIA roles in Playwright, this process is more streamlined and intuitive. An example of this is using the 'get by label' method to identify elements by their parent form. This results in more readable and maintainable locators compared to verbose CSS or XPath locators.

In summary, using the new locator strategy in Playwright with C# provides a more sophisticated, readable, and maintainable approach, helping testers create and manage their test scripts more efficiently.