So far, our example test just opens a website. To turn it into a real test, there are several ways to locate elements so that we can interact with them and validate the behavior of the application or web page. This is a crucial step toward simulating real user behavior in a browser test.

HTML and CSS

It is very helpful when working with locators to understand the basics of HTML and CSS. This knowledge makes it easier to target elements, understand their relationship, and retrieve information from them. As this book is mainly about API testing and this chapter gives only a limited insight into the world of UI testing, it is worth taking a closer look at these topics via other sources.

A nice little tutorial for both technologies can be found here: https://www.w3.org/Style/Examples/011/firstcss.en.html.

In the following sections, we will see how to select locators and which locators are supported by Karate UI.

Understanding locators...