Relative Locator methods (below, near, right-of, left-of) in Playwright Python

Tutorial​​ 5​​ -​​ Relative Locator​​ methods​​ (below, near,​​ right-of, left-of)​​ in​​ Playwright​​ Python

What you will Learn:

  • Relative Locator ‘below’ method

  • Relative Locator ‘near’ method

  • Relative Locator ‘right-of’ method

  • Relative Locator ‘left-of’ method

  • Code snippets

Relative Locator ‘below’ method

The ‘below’ method is exactly opposite of ‘above’ method that we studied​​ in​​ our​​ previous article.

To understand​​ ‘below’​​ method, launch

https://www.way2automation.com/angularjs-protractor/registeration/#/login​​ ​​ ​​ 

Use case:​​ 
W
e want to​​ write some text​​ below​​ the ‘Username’​​ label

So we can write​​ the below 2 lines using the​​ below​​ method (self-explanatory)

Save and run the script.​​ 

Notice below that​​ PW has successfully located the​​ text​​ field​​ below​​ the ‘Username​​ label​​ and​​ has​​ typed the text inside it

Relative Locator ‘near’ method

Launch​​ https://www.way2automation.com/way2auto_jquery/index.php​​ 

If you notice, the dropdown field is​​ near​​ ‘Country’ label

The below code will select ‘France’ from the​​ country​​ dropdown. Since this dropdown is of the type ‘select’ tag, we have used ‘select’​​ instead of ‘input’ tag

Save and run.​​ 

Notice that the desired country gets selected

Relative Locator ‘right-of’ method

Launch​​ https://www.way2automation.com/way2auto_jquery/index.php​​ 

If you notice, the dropdown field is ‘right-of’ ‘Country’ label

The below code will select ‘Germany’ from the dropdown

Save and​​ run

Relative Locator ‘left-of’ method

Launch

https://www.selenium-tutorial.com/p/selenium-training​​ 

Notice that the​​ Login’ link is​​ left​​ to ‘Sign Up’ link

Since ‘Login’ is a link, we have used the ‘a’ tag

Save and run script.

Notice below that​​ ‘Log in’ page​​ comes up

So this is how we use the relative Locator methods.

Code snippet (below)

from​​ playwright.sync_api​​ import​​ Playwright,​​ sync_playwright,​​ expect


def​​ run(playwright: Playwright) ->​​ None:
 ​​ ​​ ​​​​ browser = playwright.chromium.launch(
headless=False,slow_mo=3000)
 ​​ ​​ ​​​​ context = browser.new_context()


 ​​ ​​ ​​​​ page = context.new_page()

 ​​ ​​ ​​​​ page.goto(
"https://www.way2automation.com/angularjs-protractor/registeration/#/login")

 ​​ ​​ ​​​​ page.locator(
"input:below(:text(\"Username\"))").first.fill("hello playwright")


 ​​ ​​ ​​​​ 
# ---------------------
 ​​ ​​ ​​​​ 
context.close()
 ​​ ​​ ​​​​ browser.close()



with​​ sync_playwright()​​ as​​ playwright:
 ​​ ​​ ​​​​ run(playwright)

 

Code snippet (near)

from​​ playwright.sync_api​​ import​​ Playwright,​​ sync_playwright,​​ expect


def​​ run(playwright: Playwright) ->​​ None:
 ​​ ​​ ​​​​ browser = playwright.chromium.launch(headless=False,slow_mo=3000)
 ​​ ​​ ​​​​ context = browser.new_context()


 ​​ ​​ ​​​​ page = context.new_page()

 ​​ ​​ ​​​​ page.goto(
"https://www.way2automation.com/way2auto_jquery/index.php")

 ​​ ​​ ​​​​ page.locator(
"select:near(:text(\"Country\"))").select_option("France")


 ​​ ​​ ​​​​ 
# ---------------------
 ​​ ​​ ​​​​ 
context.close()
 ​​ ​​ ​​​​ browser.close()



with​​ sync_playwright()​​ as​​ playwright:
 ​​ ​​ ​​​​ run(playwright)

Code snippet (right-of)​​ 

from​​ playwright.sync_api​​ import​​ Playwright,​​ sync_playwright,​​ expect


def​​ run(playwright: Playwright) ->​​ None:
 ​​ ​​ ​​​​ browser = playwright.chromium.launch(
headless=False,slow_mo=3000)
 ​​ ​​ ​​​​ context = browser.new_context()


 ​​ ​​ ​​​​ page = context.new_page()

 ​​ ​​ ​​​​ page.goto(
"https://www.way2automation.com/way2auto_jquery/index.php")

 ​​ ​​ ​​​​ page.locator(
"select:right-of(:text(\"Country\"))").select_option("Germany")


 ​​ ​​ ​​​​ 
# ---------------------
 ​​ ​​ ​​​​ 
context.close()
 ​​ ​​ ​​​​ browser.close()



with​​ sync_playwright()​​ as​​ playwright:
 ​​ ​​ ​​​​ run(playwright)

 

Code snippet (left-of)

from​​ playwright.sync_api​​ import​​ Playwright,​​ sync_playwright,​​ expect


def​​ run(playwright: Playwright) ->​​ None:
 ​​ ​​ ​​​​ browser = playwright.chromium.launch(
headless=False,slow_mo=7000)
 ​​ ​​ ​​​​ context = browser.new_context()


 ​​ ​​ ​​​​ page = context.new_page()

 ​​ ​​ ​​​​ page.goto(
"https://www.selenium-tutorial.com/p/selenium-training")

 ​​ ​​ ​​​​ page.locator(
"a:left-of(:text(\"Sign Up\"))").first.click()


 ​​ ​​ ​​​​ 
# ---------------------
 ​​ ​​ ​​​​ 
context.close()
 ​​ ​​ ​​​​ browser.close()



with​​ sync_playwright()​​ as​​ playwright:
 ​​ ​​ ​​​​ run(playwright)

 

Thank you for reading!

Share On

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on tumblr
Share on email

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top

Lifetime Membership Club

LIFETIME MEMBERSHIP BIG SALE - ALL LIVE COURES JUST - 7000 RS/ 99 USD
Attend All Live courses in just 7000 rs / $99 - offer ends 1st Nov 2024