In this blog, we will study about Playwright-Java’s locators that provide a powerful way to identify elements on a web page, enhancing automation capabilities.<\/em>\u00a0<\/em><\/p>\n

\n

\n<\/ins>\n<\/div>\n
Topics that we will cover:<\/strong><\/p>\n
\n
Locating visible text content using \u2018text\u2019 locator<\/li>\n
Locating element using the first() function<\/li>\n
Locating element using the last() function<\/li>\n
Source code (locator method)<\/li>\n
Source code (locator with first and last functions)<\/li>\n<\/ul>\n
Locating visible text content using \u2018text\u2019 locator<\/strong><\/p>\n
Go to https:\/\/the-internet.herokuapp.com\/<\/a>\u00a0<\/p>\n
Let us aim to click on the link provided below by utilizing its visible text<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
Clicking will lead you to the following page<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
Let us create a new java class.\u00a0<\/p>\n
Notice below the description of \u2018locator\u2019 method \u201cThe method returns an element locator that can be used to perform actions on this page \/ frame. Locator is resolved to the element\u2026..<\/em>\u201d<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n\n
\u00a0Refer the below code snippet.<\/p>\n
The element is being located in line#26 by using its text, while in line#27, the link is being clicked<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Execute the code.\u00a0<\/p>\n
Notice that Playwright clicks the \u2018Broken Images\u2019 link and the below page comes up<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0This is how we can locate a visible text element.<\/p>\n
Locating element using the first() function<\/strong><\/p>\n
Let us now see the usage of first()<\/em> and last()<\/em> methods to identify an element.<\/p>\n
Navigate to<\/p>\n
https:\/\/rahulshettyacademy.com\/lifetime-access\u00a0<\/p>\n
Numerous courses can be found featuring a button labeled ‘ENROLL’<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0When we click first \u2018ENROLL\u2019 button, the below page comes up<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0To click \u2018ENROLL\u2019, comment line#27 and add line#28<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Execute and notice the error below.\u00a0<\/p>\n
Playwright is encountering an error message as there are multiple elements on the page labeled ‘ENROLL’. We have to indicate the specific element that Playwright should click on<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0In order to resolve this exception, one possible solution is to employ the inbuilt ‘first()’ method, see line#28 below<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0When executed, Playwright performs a click on the first ‘ENROLL’ link, causing the page to open<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0<\/p>\n
Locating element using the last() function<\/strong><\/p>\n
Launch<\/p>\n
https:\/\/rahulshettyacademy.com\/learning-path<\/a>\u00a0<\/p>\n
On this page there are several courses having \u2018Enroll\u2019 buttons\u00a0<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Let us use the last() method to click the last \u2018Enroll\u2019 button.\u00a0<\/p>\n
Comment lines#25 and 29.<\/p>\n
Add lines#26 and 30\u00a0<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
When executed, Playwright performs a click on the last ‘Enroll’ link, causing the course page to open, see below<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0So this is how we use \u2018text\u2019 locator and first(), last() methods to identify the elements.<\/p>\n
Source code (locator method)<\/strong><\/p>\n
package<\/strong> com.rsa.playwrightjava;<\/p>\n
<\/p>\n
import<\/strong> org.junit.jupiter.api.Test;<\/p>\n
import<\/strong> com.microsoft.playwright.Browser;<\/p>\n
import<\/strong> com.microsoft.playwright.BrowserType;<\/p>\n
import<\/strong> com.microsoft.playwright.BrowserType.LaunchOptions;<\/p>\n
import<\/strong> com.microsoft.playwright.Locator;<\/p>\n
import<\/strong> com.microsoft.playwright.Page;<\/p>\n
import<\/strong> com.microsoft.playwright.Playwright;<\/p>\n
<\/p>\n
public<\/strong>
\nclass<\/strong> Blog6_TextLocatorFirstLast {<\/p>\n
@Test<\/p>\n
public<\/strong>
\nvoid<\/strong> PlaywrightJTest() {<\/p>\n
Playwright pt = Playwright.create<\/em>();<\/p>\n
LaunchOptions lo = new<\/strong> LaunchOptions();<\/p>\n
lo.setChannel(“msedge”);<\/p>\n
lo.setHeadless(false<\/strong>);<\/p>\n
BrowserType btype = pt.chromium();<\/p>\n
Browser b = btype.launch((new<\/strong> BrowserType.LaunchOptions().setHeadless(false<\/strong>)));<\/p>\n
Page pg = b.newPage();<\/p>\n
pg.navigate(“https:\/\/the-internet.herokuapp.com\/”);<\/p>\n
Locator l = pg.locator(“text=Broken Images”);<\/p>\n
l.click();<\/p>\n
pg.pause();<\/p>\n
}<\/p>\n
}<\/p>\n
<\/p>\n
Source code (locator with first and last functions)<\/strong><\/p>\n
package<\/strong> com.rsa.playwrightjava;<\/p>\n
<\/p>\n
import<\/strong> org.junit.jupiter.api.Test;<\/p>\n
import<\/strong> com.microsoft.playwright.Browser;<\/p>\n
import<\/strong> com.microsoft.playwright.BrowserType;<\/p>\n
import<\/strong> com.microsoft.playwright.BrowserType.LaunchOptions;<\/p>\n
import<\/strong> com.microsoft.playwright.Locator;<\/p>\n
import<\/strong> com.microsoft.playwright.Page;<\/p>\n
import<\/strong> com.microsoft.playwright.Playwright;<\/p>\n
<\/p>\n
public<\/strong>
\nclass<\/strong> Blog6_TextLocatorFirstLast {<\/p>\n
@Test<\/p>\n
public<\/strong>
\nvoid<\/strong> PlaywrightJTest() {<\/p>\n
Playwright pt = Playwright.create<\/em>();<\/p>\n
LaunchOptions lo = new<\/strong> LaunchOptions();<\/p>\n
lo.setChannel(“msedge”);<\/p>\n
lo.setHeadless(false<\/strong>);<\/p>\n
BrowserType btype = pt.chromium();<\/p>\n
Browser b = btype.launch((new<\/strong> BrowserType.LaunchOptions().setHeadless(false<\/strong>)));<\/p>\n
Page pg = b.newPage();<\/p>\n
\/\/pg.navigate(“https:\/\/the-internet.herokuapp.com\/”);<\/p>\n
\/\/pg.navigate(“https:\/\/rahulshettyacademy.com\/lifetime-access”);<\/p>\n
pg.navigate(“https:\/\/rahulshettyacademy.com\/learning-path”);<\/p>\n
\/\/Locator l = pg.locator(“text = Broken Images”);<\/p>\n
\/\/Locator l = pg.locator(“text = ENROLL”).first();<\/p>\n
Locator l = pg.locator(“text = Enroll”).last();<\/p>\n
l.click();<\/p>\n
pg.pause();<\/p>\n
}<\/p>\n
}<\/p>\n
<\/p>\n
Thanks.<\/p>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n<\/section>\n
<\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"
In this blog, we will study about Playwright-Java’s locators that provide a powerful way to identify elements on a web page, enhancing automation capabilities.\u00a0 Topics that we will cover: Locating visible text content using \u2018text\u2019 locator Locating element using the first() function Locating element using the last() function Source code (locator method) Source code (locator […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,9],"tags":[],"class_list":["post-3082","post","type-post","status-publish","format-standard","hentry","category-java","category-playwright","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=3082"}],"version-history":[{"count":0,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3082\/revisions"}],"wp:attachment":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=3082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=3082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=3082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}