How to click on the element with ID "langSelect-EN" using Selenium

Question

I have this so far

First_prompt = driver.find_element(By.CSS_SELECTOR,"#promptAnchor #prompt #promptContent")

HTML:

The HTML CODE

For whatever reason I can't add "#promptContentChangeLanguage" into First Prompt it gives me an error saying it can't find the value. I don't know what to do here. I have also tried getting the ID directly "langSelect-EN" but the same error occurs. When I just run the code I have everything is fine, but I can't access what I'm trying to. An image is attached to show you what I'm trying to get to. Any help would be greatly apricated. Thank you.

Link: https://orteil.dashnet.org/cookieclicker/

I'm expecting to get the element "langSelect-EN" and click on it with selenium.

If you add a URL, it'll be easier to help you debug this. – Michael Mintz Jan 20 '23 at 20:10 — Michael Mintz, Jan 20 '23 at 20:10
https://orteil.dashnet.org/cookieclicker/ – LearinPython103 Jan 20 '23 at 20:14 — LearinPython103, Jan 20 '23 at 20:14

score 0 · Answer 1 · answered Jan 20 '23 at 20:25

I used the SeleniumBase Recorder to generate a script for that:

pip install seleniumbase, then run with python or pytest:

from seleniumbase import BaseCase
BaseCase.main(__name__, __file__)

class RecorderTest(BaseCase):
    def test_recording(self):
        self.open("https://orteil.dashnet.org/cookieclicker/")
        self.click("a#changeLanguage")
        self.click("div#langSelect-EN")

It is working for me.

score 0 · Answer 2 · answered Jan 20 '23 at 20:41

To click on the element with text as English you need to induce WebDriverWait for the element_to_be_clickable() and you can use either of the following locator strategies:

Using CSS_SELECTOR:

driver.get('https://orteil.dashnet.org/cookieclicker/')
WebDriverWait(driver, 5).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "a.cc_btn.cc_btn_accept_all"))).click()
WebDriverWait(driver, 5).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div.langSelectButton.title#langSelect-EN"))).click()

Using XPATH:

driver.get('https://orteil.dashnet.org/cookieclicker/')
WebDriverWait(driver, 5).until(EC.element_to_be_clickable((By.XPATH, "//a[@class='cc_btn cc_btn_accept_all']"))).click()
WebDriverWait(driver, 5).until(EC.element_to_be_clickable((By.XPATH, "//div[@class='langSelectButton title' and @id='langSelect-EN']"))).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:

cookie-clicker

so does that mean that the pop up for selecting your language, does not load in with the rest of the code html code? because i'm new to sellenium and am confused as to what the code does. — LearinPython103, Jan 22 '23 at 00:26

How to click on the element with ID "langSelect-EN" using Selenium

2 Answers2