Hard Selectors - Instructions

A set of challenge to click the buttons.

Select By

  • Select By Id
    • The element uses a valid ID, but it can be hard to use for some location strategies.
    • You’ll need to inspect the element to see the class.
  • Select By Class
    • Class names have chosen to be deliberately hard for some location techniques.
    • You’ll need to inspect the element to see the class.
  • Select By Text
    • The element text looks fine, but visual appearances can be deceiving.
    • You may need to use the developer tools to interrogate the text.
  • Select By data-val
    • This is a general attribute query challenge.
    • You’ll need to inspect the element in the dev tools the element to see the attribute values.

Testing

You can use the Browser Dev tools to complete these challenges.

Try and use a variety of methods to find the element by ID.

Try to locate the buttons using a variety of methods:

  • by css
  • by xpath
  • by id and text directly

When exploring css and xpath, try multiple different styles of building the query.

Automating

Your Browser Automation tool will support different methods for accessing elements on a page.

Try the css and xpath capabilities, and any methods related to id, class, or text or data attribute.