How to click on item in navigation bar on top of page using selenium python?

Question

I am trying to test a web page using selenium python. All is working well but issue is encountering when clicking on navbar item

I have used:

driver.find_element_by_xpath('./li/a[. = "Log in"]')

Also have used:

driver.find_element_by_link_text('Log in')

Nothing got luck !!

The code snippet:

<div class='container'>
<div class='navigationbar__header'>
<a class='navigationbar__header__logo tracking-link' data-link-name='logo' href='/' target='_self'>
<div id='hired-brand'>HIRED</div>
</a>
</div>
<div class='navigationbar__toggle'>
<div class='navigationbar__toggle__element'>
<img alt='Menu' class='icon icon--sandwich' src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'>
</div>
<input class='navigationbar__toggle__helper' type='checkbox'>
<ul class='navigationbar__navigation'>
<li class="navigationbar__item "><a class="sm-ml0 tracking-link" data-link-name="employers_page" target="_self" href="/employers">For Employers</a></li>
<li class="navigationbar__item "><a class="sm-ml0 tracking-link" data-link-name="success_stories" target="_self" href="/success-stories">Success Stories</a></li>
<li class="navigationbar__item "><a class="sm-ml0 tracking-link" data-link-name="employers_resources" target="_self" href="/employers/resources">Resources</a></li>
<li class="navigationbar__item "><a class="text-medium sm-ml0 tracking-link" data-link-name="login" target="_self" href="/login">Log in</a></li>
<div class='xs-ptb1 xs-prl1 md-ptb0 md-inline-block'><li class="navigationbar__item "><a class="button button--primary tracking-link" data-link-name="signup" target="_self" href="/signup">Sign Up</a></li></div>

</ul>
</div>
</div>
</nav>

This code is visible on page inspect easily. Anyone know the better way to interact with it?

Please could you provide more info. I've tried with the HTML snippet that you provided and worked fine. Maybe the element is not clickable because it's not visible. Would be great if you could provide an error that you get or link to the page. — puchal
– puchal, Commented Aug 17, 2019 at 14:59

undetected Selenium · Accepted Answer · 2019-08-19 06:10:51Z

1

To click() on the link with text as Log in within the website you need to induce WebDriverWait for the element_to_be_clickable() and you can use either of the following Locator Strategies:

Using CSS_SELECTOR:

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "li.navigationbar__item a[data-link-name='login'][href='/login']"))).click()

Using XPATH:

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//li[@class='navigationbar__item ']/a[@data-link-name='login' and @href='/login']"))).click()

Note : You have to add the following imports :

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

Browser Snapshot:

Update

As an alternative you can use execute_script() as follows:

Using CSS_SELECTOR:

driver.execute_script("arguments[0].click();", WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "li.navigationbar__item a[data-link-name='login'][href='/login']"))))

Using XPATH:

driver.execute_script("arguments[0].click();", WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//li[@class='navigationbar__item ']/a[@data-link-name='login' and @href='/login']"))))

edited Aug 19, 2019 at 6:10

answered Aug 17, 2019 at 22:08

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Maha Waqar Over a year ago

This seemed to work for you but I am getting timeout exception

undetected Selenium Over a year ago

@MahaWaqar Checkout the answer update and let me know the status.

puchal · Accepted Answer · 2019-08-17 17:38:52Z

0

Ok so I checked the site.

The problem is that when the window size is small there is toggle for navigation that you need to click first.

try this

from selenium.common.exceptions import NoSuchElementException

try:
    login_button = driver.find_element_by_link_text('Log in')
    login_button.click()
except NoSuchElementException:
    nav_bar_toggle = driver.find_element_by_class_name(
        'navigationbar__toggle__helper'
    )
    nav_bar_toggle.click()
    login_button = driver.find_element_by_link_text('Log in')
    login_button.click()

answered Aug 17, 2019 at 17:38

puchal

2,39117 silver badges29 bronze badges

2 Comments

puchal Over a year ago

hmmm would be helpful if you said what exception you get either in your original code or here so maybe I could change the code accordingly

Maha Waqar Over a year ago

There coming 2 exceptions:

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"link text","selector":"Log in"}

and

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":".navigationbar__toggle__helper"}

Collectives™ on Stack Overflow

How to click on item in navigation bar on top of page using selenium python?

2 Answers 2

Update

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Update

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related