Back to all steps
Element has class
Step fields
1
selector
(text)
2
class name
(text)
In a scenario, fields are joined with
|.Assert the element has the given CSS class. Format: selector|class_name (without dot).
Example: #tab-orders|active — tab #tab-orders has class active
Example: #tab-orders|active — tab #tab-orders has class active
Usage example
Check that an element has the given CSS class.
Format: selector|class_name (the class name without the dot).
Selector examples:
#login-btn— by id.my-button— by class[name=email]— by attributebutton.submit— a button with a classnav > a.active— a nested selector
Full example: to check that <button id="tab1" class="tab active"> has the class active:
- selector:
#tab1 - class name:
active - resulting string:
#tab1|active