created:3/5/2021
updated:3/5/2021
loc
37
comments
32%
passed
10
coverage
50%

Toggle

avatar of atanasster

Toggle components can be used to edit boolean values. Uses react-switch component.

Tests results

Status
Full name
Title
Time(ms)
Toggle.test.ts(10 tests)
passed
Toggle > overview
snapshot
64
passed
Toggle > overview
accessibility
124
passed
Toggle > label
snapshot
37
passed
Toggle > label
accessibility
106
passed
Toggle > customIcons
snapshot
17
passed
Toggle > customIcons
accessibility
88
passed
Toggle > octicons
snapshot
26
passed
Toggle > octicons
accessibility
304
passed
Toggle > checkbox
snapshot
29
total 10 tests

Tests coverage

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%

A11y tests

 
impact
id
description
critical
duplicate-id-aria

Ensures every id attribute value used in ARIA and in labels is unique...

summary
target
Fix any of the following: Document has multiple elements referenced with ARIA with the same id attribute: custom-toggle
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > label > div

Viewport

320px
375px
768px
1024px