Appearance
UI.hasClass()
Asserts that an element has the specified CSS class.
If the element does not have the class, the assertion fails and the test will fail.
Usage
js
UI.hasClass(element: string, className: string)Parameters
| Parameter | Type | Description |
|---|---|---|
element | string | Element to target — by CSS or XPath selector. |
className | string | CSS class name to assert (without the leading .) |
Example
In this example, we use UI.hasClass to check if the has-error CSS class is applied to a form field when the form is submitted with invalid values.
js
I.goTo("https://mystore.com")
I.click("Login") // <- go to login page
// fill in the username, and wrong password
I.fill("Username", "john")
I.fill("Password", "WRONGPASSWORD")
I.click("Login")
// assert that #password-field-group has the "has-error" CSS class
UI.hasClass("#password-field-group", "has-error")