Clicking with JavaScript in Selenium Python - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this Selenium Python code snippet?

Consider the following Selenium Python code that tries to click a button using JavaScript. What will be printed after execution?

Selenium Python

from selenium import webdriver
from selenium.webdriver.common.by import By

class DummyElement:
    def __init__(self):
        self.clicked = False
    def click(self):
        self.clicked = True

# Simulated driver and element for demonstration
class DummyDriver:
    def execute_script(self, script, element):
        if 'click()' in script:
            element.click()
            return 'Clicked'
        return 'No Click'

button = DummyElement()
driver = DummyDriver()
result = driver.execute_script('arguments[0].click();', button)
print(result, button.clicked)

A No Click False

B Clicked True

C Clicked False

D No Click True

💡 Hint

Think about what the execute_script method does with the element and the click() call.

The execute_script method runs JavaScript that calls click() on the element. The DummyElement's click method sets clicked to True and the script returns 'Clicked'. So the output is 'Clicked True'.

❓ locator

intermediate

Which locator is best for clicking a button with JavaScript in Selenium?

You want to click a button using JavaScript in Selenium Python. Which locator is the best practice to find the button element?

A driver.find_element(By.ID, 'submit-btn')

B driver.find_element(By.XPATH, '//button[text()="Submit"]')

C driver.find_element(By.CSS_SELECTOR, 'button.submit')

D driver.find_element(By.TAG_NAME, 'button')

💡 Hint

IDs are unique and fast to locate.

Using By.ID is best because IDs are unique on the page and locating by ID is faster and less error-prone than other locators.

❓ assertion

advanced

Which assertion correctly verifies a JavaScript click triggered a change?

After clicking a button with JavaScript, a hidden message with id 'msg' should become visible. Which assertion correctly checks this?

Selenium Python

message = driver.find_element(By.ID, 'msg')

A assert message.text == ''

B assert message.is_enabled() == False

C assert message.get_attribute('hidden') == 'true'

D assert message.is_displayed() == True

💡 Hint

Visible means is_displayed() returns True.

The is_displayed() method returns True if the element is visible. The assertion checks that the message is visible after the click.

🔧 Debug

advanced

Why does this JavaScript click fail in Selenium?

This code tries to click a button using JavaScript but fails silently. What is the likely cause?

Selenium Python

button = driver.find_element(By.ID, 'submit-btn')
driver.execute_script('arguments[0].click;', button)

A Missing parentheses after click in JavaScript call

B Button element is not found by ID

C execute_script does not accept arguments

D Button is disabled and cannot be clicked

💡 Hint

Check the JavaScript syntax for calling functions.

The JavaScript call 'arguments[0].click;' is missing parentheses. It should be 'arguments[0].click();' to invoke the function.

❓ framework

expert

How to wait for an element to be clickable before JavaScript click in Selenium Python?

You want to click a button using JavaScript but only after it becomes clickable. Which code snippet correctly waits and clicks?

Selenium Python

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

button = WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.ID, 'submit-btn')))
driver.execute_script('arguments[0].click();', button)

A Use EC.presence_of_element_located then execute_script click

B Use time.sleep(10) then execute_script click without wait

C Use WebDriverWait with EC.element_to_be_clickable, then execute_script click

D Use EC.visibility_of_element_located then execute_script click

💡 Hint

Clickable means visible and enabled.

element_to_be_clickable waits until the element is visible and enabled, ensuring the JavaScript click will work reliably.