Checkboxes can be used to let a user select one or more options from a limited set of choices.
This is what the HTML of a checkbox element looks like:
Assert if a Checkbox element is checked
If the checkbox element is checked, it will have a
<input type="checkbox" checked>
In order to determine if the checkbox element is checked or not, you have to verify if the checked attribute is present.
That can be achieved in 2 different ways:
1. By asserting the presence of the checked attribute
You can use the
Element Contains Attribute assertion type from the
Add Assertion action:
Configure that assertion to verify if the checkbox element contains the
In that step, you can fetch the
checked property of the checkbox element.
isItChecked = document.querySelector("css-selector-of-your-checkbox").checked;
Don't forget to replace the
css-selector-of-your-checkboxstring with the CSS Selector for your checkbox element.
false, depending if the checkbox element is checked or not.
We can add an assertion for that, but first we need to transfer the value from the
That can be done with the
Set Variable action.
After that, we can use the
Variable Assertion option from the
Add Assertion action to verify if the value is