Skip to main content

Understanding Element IDs

Cycle’s web Steps utilize "Element IDs" to interact directly with elements, such as images, text, and form fields, on a web page. Web elements are also sometimes known as “DOM objects” in the field of web development.

In Cycle, an Element ID has two parts:

  • A locator type, which identifies the type of locator being used to identify the element on the web page. The following case-sensitive locator types are accepted: "id", “className”, “text”, “xPath”, “linkText”, “name”, “cssSelector”, and “tag”.

  • An element name, which uniquely identifies the specific element the Step is supposed to interact with.

An Element ID is formatted as "locatorType:elementName", with the locator type and element name being separated by a colon with no spaces, and with quotes around the entire Element ID. In the example below, “className” is the locator type, and "navigation-next" is the element name.

While I see element "className:navigation-next" in web browser within 3 seconds