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
60
passed
Toggle > overview
accessibility
166
passed
Toggle > label
snapshot
43
passed
Toggle > label
accessibility
131
passed
Toggle > customIcons
snapshot
18
passed
Toggle > customIcons
accessibility
115
passed
Toggle > octicons
snapshot
28
passed
Toggle > octicons
accessibility
268
passed
Toggle > checkbox
snapshot
36
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