Python: Webdriver is not working with css_selector

Question

I tried to use webdriver to login to two websites, A and B. But when I use the same way "find_element_by_css_selector", B was not working while A was working. I turned the javascript off, and find B's login section disappeared.

A's html:

<button type="submit" class="width-35 pull-right btn btn-sm btn-primary">
  <i class="ace-icon fa fa-key"></i>
  <span class="bigger-110">Login</span>
</button>

Code of A is working well:

submit=driver.find_element_by_css_selector(".width-35.pull-right.btn.btn-sm.btn-primary").click()

B's html:

<a class="login-btn" href="javascript:;" data-bind="click: loginSection.loginClick">
  <span class="btn-text">Login</span>
</a>

Code of B is not working:

submit=driver.find_element_by_css_selector("a.login-btn > span.btn-text").click()

Error says:

ElementNotVisibleException: Message: element not visible

I posted another question before, Python: find_element_by_css_selector, and someone suggested me to use "find_elements_by_link_text" and it works, but it only works with that one. I would still like to know how to solve this problem. Thanks!

Updated:

Link=WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//a[@class='login-btn'][@class='login-btn']"))).click()

Error:

TimeoutException: Message:

See if my answer solves your issue, if it doesn't then I believe you will need to add delays right before the line that clicks on the a tag in html B. — Ali
– Ali, Commented Feb 5, 2018 at 2:04

Andersson · Accepted Answer · 2018-02-05 06:04:49Z

3

While you've already got an accepted answer, I want you to know the root cause of your issue

There are 2 links with the same class names: first one is hidden. You can check it with len(driver.find_elements_by_class_name("login-btn")).

That's why your code

Link=WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//a[@class='login-btn'][@class='login-btn']"))).click()

gives you TimeOutException - hidden element cannot be clickable

You can fix it by specifying index of button:

Link = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "(//a[@class='login-btn'])[2]")))
Link.click()

or using search by link text:

Link = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.LINK_TEXT, "確定登入")))
Link.click()

Note that search by link text will skip hidden link and handle only the visible one

answered Feb 5, 2018 at 6:04

Andersson

52.8k18 gold badges83 silver badges132 bronze badges

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

4 Comments

Lara19 Over a year ago

Thank you! Yeah it works :D Just a question, does [2] represent its second root [@class='login-btn']?

Andersson Over a year ago

In XPath indexation starts from 1, but not from 0 as in Python

Lara19 Over a year ago

which means that you can find two class='login-btn' and what I need it the second one?

Andersson Over a year ago

Yeap. (//a[@class='login-btn'])[2] means get list of links with class name "login-btn" and return the second one

Ali · Accepted Answer · 2018-02-05 06:49:23Z

0

I used the time.sleep() delay approach and it actually worked on my end.

from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get('https://www.easyauction.com.tw/index.html')

########
# Username and password go here
########

time.sleep(10)
driver.find_element_by_css_selector('#IndexLogin > div > form > a.login-btn > span').click()
driver.quit()

edited Feb 5, 2018 at 6:49

answered Feb 5, 2018 at 2:02

Ali

1,3672 gold badges12 silver badges18 bronze badges

9 Comments

Ali Over a year ago

Is it possible to provide me the URL you accessing?

Lara19 Over a year ago

But I cannot provide you the username and password, is that okay?

Ali Over a year ago

No problem as long as I can view the same html content you're viewing.

Lara19 Over a year ago

It's in Chinese. The red button is the login button

Ali Over a year ago

Let us continue this discussion in chat.

|

Collectives™ on Stack Overflow

Python: Webdriver is not working with css_selector

2 Answers 2

4 Comments

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related