created:4/29/2021
updated:4/29/2021
loc
28
comments
36%
passed
2
coverage
100%

ComponentList

avatar of atanasster

Grid display of component cards

Tests results

Status
Full name
Title
Time(ms)
ComponentList.test.ts(2 tests)
passed
ComponentList > overview
snapshot
261
passed
ComponentList > overview
accessibility
929
total 2 tests

Tests coverage

Kind
Total
Covered
Skipped
%
ComponentList.tsx
lines
7
7
0
100%
functions
2
2
0
100%
statements
8
8
0
100%
branches
1
1
0
100%

A11y tests

created:N/A
updated:N/A
loc
25
comments
4%
todos
5
passed
7
failed
1
coverage
67%
Markdown descripton for component.
Markdown descripton for component. # With a heading and some bold text

description of story

Components

 
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 4.31 (foreground color: #ffffff, background color: #227fc0, font size: 9.0pt (12px), font weight: normal). 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-xcmv6s > .css-wh7vml:nth-child(1) > .css-1b2gf4v > .css-ncjsai[title="total\ lines\ of\ code"]
Fix any of the following: Element has insufficient color contrast of 3.77 (foreground color: #ffffff, background color: #ed4737, font size: 9.0pt (12px), font weight: normal). 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-xcmv6s > .css-wh7vml:nth-child(1) > .css-1b2gf4v > .css-ncjsai:nth-child(2)
Fix any of the following: Element has insufficient color contrast of 3.65 (foreground color: #ffffff, background color: #838b47, font size: 9.0pt (12px), font weight: normal). 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-xcmv6s > .css-wh7vml:nth-child(1) > .css-1b2gf4v > .css-ncjsai[title="tests\ coverage\ by\ branches"]
minor
duplicate-id

Ensures every id attribute value is unique...

summary
target
Fix any of the following: Document has multiple static elements with the same id attribute: blocks-core-story-plain--controls
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-xcmv6s > .css-wh7vml:nth-child(1) > .css-1qh5309
Fix any of the following: Document has multiple static elements with the same id attribute: id-of-button-story
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-xcmv6s > .css-wh7vml:nth-child(2) > .css-1qh5309
Fix any of the following: Document has multiple static elements with the same id attribute: id-of-single
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-xcmv6s > .css-wh7vml:nth-child(3) > .css-1qh5309
Fix any of the following: Document has multiple static elements with the same id attribute: id-of-story
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-xcmv6s > .css-wh7vml:nth-child(4) > .css-1qh5309
moderate
scrollable-region-focusable

Ensure elements that have scrollable content are accessible by keyboard...

summary
target
Fix any of the following: Element should have focusable content Element should be focusable
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-xcmv6s > .css-wh7vml:nth-child(1) > .css-z4jujk > .css-1uyif2x > .css-1uyif2x > .css-1gr3cog > .css-o74gx3 > .css-1jd495m
Fix any of the following: Element should have focusable content Element should be focusable
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-xcmv6s > .css-wh7vml:nth-child(1) > .css-z4jujk > .css-1uyif2x > .css-1uyif2x > .css-1gr3cog > .css-1yp5l2m > .css-1jd495m

Viewport

created:N/A
updated:N/A
loc
25
comments
4%
todos
5
passed
7
failed
1
coverage
67%
Markdown descripton for component.
Markdown descripton for component. # With a heading and some bold text

description of story

Components

320px
created:N/A
updated:N/A
loc
25
comments
4%
todos
5
passed
7
failed
1
coverage
67%
Markdown descripton for component.
Markdown descripton for component. # With a heading and some bold text

description of story

Components

375px
created:N/A
updated:N/A
loc
25
comments
4%
todos
5
passed
7
failed
1
coverage
67%
Markdown descripton for component.
Markdown descripton for component. # With a heading and some bold text

description of story

Components

768px
created:N/A
updated:N/A
loc
25
comments
4%
todos
5
passed
7
failed
1
coverage
67%
Markdown descripton for component.
Markdown descripton for component. # With a heading and some bold text

description of story

Components

1024px