I'm unable to locate the element to perform actions on it

Question

I'm facing an issue locating the element on screen when there are no unique identifiers like ID, text etc. As it opens URL, I need to scroll down and click on button - 'Get Started' to proceed!...

Below is my code:

global driver
driver = webdriver.Chrome(ChromeDriverManager().install())
driver.maximize_window()
    
driver.get("https://My URL")
driver.implicitly_wait(10)

screen = driver.find_element(By.XPATH, '//div[@class="swiper-wrapper"]')
screen.click()  (- This step doesnt through any error, i tried using this to scroll down the screen)

element = driver.find_element(By.XPATH, '//span[contains(text(),"Get Started")]')
driver.execute_script("arguments[0].scrollIntoView(true);", element )
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, '//span[contains(text(),"Get Started")]'))).click()
or 
element.click()

Please help me in determining how to locate the element.

enter image description here

Answer 1

In this case you are trying to find span which is inside #shadow-root, Selenium won't be able to click elements inside #shadow-root in easy way. Look here: How to click button inside #shadow-root (closed) using Selenium and Python

But in your case you probably don't need/want to click this specific span, becouse you have custom element ion-button, which has some click event listener attached to it.

You can check XPATH value in browser devtools. If you go to Elements tab, you can right click desired element and choose option Copy>Copy Xpath. Also make sure your element is not inside iframe tag, it could cause problem as well.