CSS attribute selectors in Selenium Python - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ locator

intermediate

Identify the correct CSS attribute selector for exact match

Which CSS selector correctly locates an input element with the attribute type exactly equal to email?

A input[type*='email']

B input[type^='email']

C input[type='email']

D input[type$='email']

💡 Hint

Remember, the exact match selector uses = inside the brackets.

The selector input[type='email'] matches elements whose type attribute is exactly email. The other selectors match partial values: ^= for starts with, $= for ends with, and *= for contains.

❓ assertion

intermediate

Assertion for element presence using CSS attribute selector

Given the Selenium Python code below, which assertion correctly verifies that an element with data-test='submit-btn' is present on the page?

Selenium Python

element = driver.find_element(By.CSS_SELECTOR, "button[data-test='submit-btn']")

A assert element.is_displayed()

B assert element.text == 'submit-btn'

C assert element.get_attribute('data-test') == 'button'

D assert element.tag_name == 'input'

💡 Hint

Check if the element is visible rather than its text or tag.

To verify presence and visibility, element.is_displayed() returns True if the element is visible on the page. Checking text or tag name does not confirm presence.

❓ Predict Output

advanced

Output of Selenium find_elements with CSS attribute selector

What is the output type of the following Selenium Python code snippet?

Selenium Python

elements = driver.find_elements(By.CSS_SELECTOR, "input[name^='user']")
print(type(elements))

A <class 'WebElement'>

B <class 'list'>

C <class 'tuple'>

D <class 'dict'>

💡 Hint

find_elements returns multiple matches, not a single element.

The method find_elements returns a list of WebElement objects matching the selector. Therefore, the type is list.

🔧 Debug

advanced

Identify the error in CSS attribute selector usage

What error will the following Selenium Python code raise?

Selenium Python

element = driver.find_element(By.CSS_SELECTOR, "input[name='user"]")

A selenium.common.exceptions.NoSuchElementException

B TypeError

C SyntaxError

D selenium.common.exceptions.InvalidSelectorException

💡 Hint

Check the quotes inside the CSS selector string.

The CSS selector string has mismatched quotes causing an invalid selector. Selenium raises InvalidSelectorException when the selector syntax is wrong.

🧠 Conceptual

expert

Choosing the best CSS attribute selector for partial attribute matching

You want to select all input elements whose id attribute contains the substring email anywhere inside it. Which CSS selector should you use?

A input[id*='email']

B input[id$='email']

C input[id^='email']

D input[id='email']

💡 Hint

Look for the selector that matches substring anywhere, not just start or end.

The *= operator matches if the attribute contains the substring anywhere. ^= matches start, $= matches end, and = matches exact.