Udemy Playwright: Web Automation Testing From Zero to Hero: Difference between revisions

Udemy Playwright: Web Automation Testing From Zero to Hero (view source)

1,122 bytes added , 21 May

m

654

edits

@@ Line 164: / Line 164: @@
 ==== Parent Elements ====
+ <nowiki>
+test("Locating parent elements", async ({ page }) => {
+  await page
+    .locator("nb-card", { hasText: "Using the Grid" })
+    .getByRole("textbox", { name: "Email" })
+    .click()
+  await page
+    .locator("nb-card", { has: page.locator("#inputEmail1") })
+    .getByRole("textbox", { name: "Email" })
+    .click()
+  await page
+    .locator("nb-card")
+    .filter({ hasText: "Basic Form" })
+    .getByRole("textbox", { name: "Email" })
+    .click()
+  await page
+    .locator("nb-card")
+    .filter({ has: page.locator("nb-checkbox") })
+    .filter({ hasText: "Sign in" })
+    .getByRole("textbox", { name: "Email" })
+    .click()
+  await page
+    .locator(':text-is("Using the Grid")')
+    .locator("..")
+    .getByRole("textbox", { name: "Email" })
+    .click()
+  await page
+    .getByText("Using the Grid")
+    .locator("..")
+    .getByRole("textbox", { name: "Email" })
+    .click()
+})</nowiki>
+I think I like best the last one, where you select something that looks like a heading to the user, and then go to the parent that contains the selected element, and the element you want to locate.
+==== x ====