created:4/29/2021
updated:4/29/2021
loc
15
comments
53%
passed
2
coverage
100%

HoverBox

avatar of atanasster

Container component that will fade/outline a label at the bottom

Tests results

Status
Full name
Title
Time(ms)
HoverBox.test.ts(2 tests)
passed
HoverBox > overview
snapshot
51
passed
HoverBox > overview
accessibility
125
total 2 tests

Tests coverage

Kind
Total
Covered
Skipped
%
HoverBox.tsx
lines
3
3
0
100%
functions
1
1
0
100%
statements
6
6
0
100%
branches
0
0
0
100%

A11y tests

some text
donut component
 
impact
id
description
serious
color-contrast

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds...

summary
target
Fix any of the following: Element has insufficient color contrast of 1.24 (foreground color: #e6e6e6, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-vkd8ti

Viewport

some text
donut component
320px
some text
donut component
375px
some text
donut component
768px
some text
donut component
1024px