UI ELEMENTS

Checkboxes & Radio Buttons

Single checkboxes, grouped checkboxes with an indeterminate parent, radio groups, and toggle switches.

How to use this page

Goal: Select and deselect each control, then confirm the underlying state (checked, indeterminate, or value) updates correctly.

Challenge: The 'Select all' checkbox has an indeterminate state when only some items are checked. Most locator libraries don't expose that as a simple attribute check.

Single Checkbox

A standalone checkbox with a label.

I agree to the terms

Checkbox Group

A 'select all' checkbox controlling three child checkboxes, with indeterminate state when only some are checked.

Select all frameworks

CypressPlaywrightSelenium

Radio Group

A mutually exclusive set of options.

Preferred testing approach

Manual TestingAutomation TestingBoth

Toggle Switch

An on/off switch exposing aria-checked.

Enable notifications

Need expert QA help? We offer team training, automation consulting, and end-to-end QA services.

Talk to us

Need this tested professionally?

Testing complex form state on a production product? AssertQA delivers test automation services, manual testing services, and API testing services for teams that need real-world quality.

Talk to our QA team