将Selenium IDE移植到Python之后-没有这样的元素

Question

This is my first experience with Selenium and HTML.

I tried to use IDE and then follow "the way" it indicated. My IDE recorded script says

Command | Target
-----------------------------------------------
click   | css=#hamburger-btn
click   | css=div.menu-item.menu-item-selected > span.menu-item-title
click   | css=div.menu-item.menu-item-selected > div.menu-panel-content > div.menu-category-cont > div.menu-category-sub > div.menu-category-sub-item.menu-category-sub-item-selected > span.menu-category-sub-item-title

And I tried to implement it this way:

browser = webdriver.Chrome()
browser.get(url) #url was defined before
browser.find_element_by_css_selector("#hamburger-btn").click()
browser.find_element_by_css_selector("div.menu-item.menu-item-selected>span.menu-item-title").click()
browser.find_element_by_css_selector('div.menu-item.menu-item-selected>div.menu-panel-content>div.menu-category-cont>div.menu-category-sub>div.menu-category-sub-item.menu-category-sub-item-selected>span.menu-category-sub-item-title').click()

but I get this "No such element" message/error

browser.find_element_by_css_selector('div.menu-item.menu-item-selected>div.menu-panel-content>div.menu-category-cont>div.menu-category-sub>div.menu-category-sub-item.menu-category-sub-item-selected>span.menu-category-sub-item-title').click()
File "C:\Python27\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 597, in find_element_by_css_selector
return self.find_element(by=By.CSS_SELECTOR, value=css_selector)
File "C:\Python27\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 966, in find_element
'value': value})['value']
File "C:\Python27\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 320, in execute
self.error_handler.check_response(response)
File "C:\Python27\lib\site-packages\selenium\webdriver\remote\errorhandler.py", line 242, in check_response
raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":"div.menu-item.menu-item-selected>div.menu-panel-content>div.menu-category-cont>div.menu-category-sub>div.menu-category-sub-item.menu-category-sub-item-selected>span.menu-category-sub-item-title"}

What am I doing wrong?

Thanks

GB

Answer 1

Maybe the element you're trying to reach has not loaded properly. Try adding a wait statement, something along the lines of

from selenium.webdriver.support.ui import WebDriverWait 
from selenium.webdriver.common.by import By

...

browser = webdriver.Chrome()
browser.get(url) #url was defined before
browser.find_element_by_css_selector("#hamburger-btn").click()
browser.find_element_by_css_selector("div.menu-item.menu-item-selected>span.menu-item-title").click()

WebDriverWait(driver, 20).until(
        EC.presence_of_element_located((By.CSS_SELECTOR, 'div.menu-item.menu-item-selected>div.menu-panel-content>div.menu-category-cont>div.menu-category-sub>div.menu-category-sub-item.menu-category-sub-item-selected>span.menu-category-sub-item-title')))

browser.find_element_by_css_selector('div.menu-item.menu-item-selected>div.menu-panel-content>div.menu-category-cont>div.menu-category-sub>div.menu-category-sub-item.menu-category-sub-item-selected>span.menu-category-sub-item-title').click()

This is considering this element in fact exists in you page and you're correctly addressing it with your css selector.