created:3/5/2021
updated:3/5/2021
loc
37
comments
32%
passed
10
coverage
50%
Toggle
Toggle components can be used to edit boolean values. Uses react-switch component.
Status | Full name | Title | Time(ms) | |
|---|---|---|---|---|
Toggle.test.ts(10 tests) | ||||
passed | Toggle > overview | snapshot | 95 | |
passed | Toggle > overview | accessibility | 376 | |
passed | Toggle > label | snapshot | 518 | |
passed | Toggle > label | accessibility | 930 | |
passed | Toggle > customIcons | snapshot | 91 | |
passed | Toggle > customIcons | accessibility | 186 | |
passed | Toggle > octicons | snapshot | 42 | |
passed | Toggle > octicons | accessibility | 400 | |
passed | Toggle > checkbox | snapshot | 60 | |
total 10 tests
Kind | Total | Covered | Skipped | % | |
|---|---|---|---|---|---|
Toggle.tsx | |||||
lines | 11 | 11 | 0 | 100% | |
functions | 1 | 1 | 0 | 100% | |
statements | 12 | 12 | 0 | 100% | |
branches | 4 | 2 | 0 | 50% | |
id | description | |
|---|---|---|
aria-hidden-focus | Ensures aria-hidden elements do not contain focusable elements... | |
color-contrast | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds... | |
form-field-multiple-labels | Ensures form field does not have multiple label elements... | |
label-title-only | Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes... | |
label | Ensures every form element has a label... | |
nested-interactive | Ensure controls are not nested as they are not announced by screen readers... |