Checkboxes & Radios

easy

Checked, unchecked — and the indeterminate state most test suites forget.

Select all & indeterminate

Check some-but-not-all children and the parent enters the native indeterminate state — a property, not an attribute, so assert it via the DOM.

0 of 4 selected — select-all is unchecked

Radio group

One group, one selection. The Enterprise option is disabled and can never be picked.

No plan selected yet.

Toggle switches & locked checkbox

The switches expose their state via aria-checked on role="switch". The locked checkbox is disabled and always checked — assert that it cannot be changed.

Email notifications
Dark mode

Notifications: off · Dark mode: on · Locked checkbox: checked (disabled)