created:3/5/2021
updated:3/5/2021
loc
11
comments
0
passed
2
coverage
60%

SidebarsPage

avatar of atanasster

Tests results

Status
Full name
Title
Time(ms)
SidebarsPage.test.ts(2 tests)
passed
SidebarsPage > overview
snapshot
1000
passed
SidebarsPage > overview
accessibility
14827
total 2 tests

Tests coverage

Kind
Total
Covered
Skipped
%
SidebarsPage.tsx
lines
9
8
0
88.88%
functions
1
1
0
100%
statements
10
9
0
90%
branches
5
3
0
60%

A11y tests

created:1/1/2020
updated:3/31/2020

Story

story subtitle

Component

import ArrowButton from '@component-controls/blocks';

story

description of story

Components

External dependencies

package
imports
peer
Table
react
^16.13.1
ReactFC
*

Internal dependencies

file
imports
"./Button"
ButtonButtonProps
"@component-controls/components"
Table

Component JSX

<Button
refid
/>
Button
from"./Button"

Stories

button

controls

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 3.04 (foreground color: #728fcb, background color: #faf8f5, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#react-tabs-9 > div > .css-eqxzio > pre > .token-line.css-vurnku
Fix any of the following: Element has insufficient color contrast of 3.04 (foreground color: #728fcb, background color: #faf8f5, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#react-tabs-9 > div > .css-eqxzio > pre > .token-line.css-vurnku
Fix any of the following: Element has insufficient color contrast of 3.04 (foreground color: #728fcb, background color: #faf8f5, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#react-tabs-9 > div > .css-eqxzio > pre > .token-line.css-vurnku
Fix any of the following: Element has insufficient color contrast of 3.04 (foreground color: #728fcb, background color: #faf8f5, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#react-tabs-9 > div > .css-eqxzio > pre > .token-line.css-vurnku
Fix any of the following: Element has insufficient color contrast of 3.92 (foreground color: #5c6ac4, background color: #d9ecd9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
#react-tabs-17 > table[data-testid="local-dependencies"] > tbody > .css-ijvt85:nth-child(1) > .css-1yjhfhu[role="cell"]:nth-child(2) > .css-truiny > .css-1w7k8nk > .css-vurnku
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: content
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-100p3zm
Fix any of the following: Document has multiple static elements with the same id attribute: playground-id-of-story
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-100p3zm > .css-slu6e4 > .css-jja3nr > .react-tabs[data-rttabs="true"] > .css-1hkyity > .css-vurnku > .css-vurnku > .css-1xkyebe[data-testid="playground"]
Fix any of the following: Document has multiple static elements with the same id attribute: id-of-story
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-100p3zm > .css-slu6e4 > .css-jja3nr > .react-tabs[data-rttabs="true"] > .css-1hkyity > .css-vurnku > .css-vurnku > .css-1xkyebe[data-testid="playground"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div > div > .css-eqxzio > div:nth-child(1) > .css-1s8zxab > .css-1j909cg > .css-1xkyebe[data-testid="story"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div
Fix any of the following: Document has multiple static elements with the same id attribute: stories
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-100p3zm > .css-slu6e4 > .css-jja3nr > .react-tabs[data-rttabs="true"] > .css-1hkyity > .css-vurnku > .css-vurnku > .css-1xkyebe[data-testid="stories"]
Fix any of the following: Document has multiple static elements with the same id attribute: button
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-100p3zm > .css-slu6e4 > .css-jja3nr > .react-tabs[data-rttabs="true"] > .css-1hkyity > .css-vurnku > .css-vurnku > .css-1xkyebe[data-testid="stories"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-1xkyebe[data-testid="playground"]:nth-child(1)
Fix any of the following: Document has multiple static elements with the same id attribute: id-of-button-story
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-100p3zm > .css-slu6e4 > .css-jja3nr > .react-tabs[data-rttabs="true"] > .css-1hkyity > .css-vurnku > .css-vurnku > .css-1xkyebe[data-testid="stories"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-1xkyebe[data-testid="playground"]:nth-child(1) > div:nth-child(2) > .css-eqxzio > div:nth-child(1) > .css-1s8zxab > .css-1j909cg > .css-1xkyebe[data-testid="story"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div
Fix any of the following: Document has multiple static elements with the same id attribute: controls
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-100p3zm > .css-slu6e4 > .css-jja3nr > .react-tabs[data-rttabs="true"] > .css-1hkyity > .css-vurnku > .css-vurnku > .css-1xkyebe[data-testid="stories"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-1xkyebe[data-testid="playground"]:nth-child(2)
Fix any of the following: Document has multiple static elements with the same id attribute: blocks-core-story-plain--controls
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-100p3zm > .css-slu6e4 > .css-jja3nr > .react-tabs[data-rttabs="true"] > .css-1hkyity > .css-vurnku > .css-vurnku > .css-1xkyebe[data-testid="stories"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-1xkyebe[data-testid="playground"]:nth-child(2) > div:nth-child(2) > .css-eqxzio > div:nth-child(1) > .css-1s8zxab > .css-1j909cg > .css-1xkyebe[data-testid="story"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div
Fix any of the following: Document has multiple static elements with the same id attribute: story
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-100p3zm > .css-slu6e4 > .css-jja3nr > .react-tabs[data-rttabs="true"] > .css-1hkyity > .css-vurnku > .css-vurnku > .css-1xkyebe[data-testid="stories"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-1xkyebe[data-testid="playground"]:nth-child(3)
Fix any of the following: Document has multiple static elements with the same id attribute: id-of-single
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-100p3zm > .css-slu6e4 > .css-jja3nr > .react-tabs[data-rttabs="true"] > .css-1hkyity > .css-vurnku > .css-vurnku > .css-1xkyebe[data-testid="stories"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-1xkyebe[data-testid="playground"]:nth-child(3) > div:nth-child(2) > .css-eqxzio > div:nth-child(1) > .css-1s8zxab > .css-1j909cg > .css-1xkyebe[data-testid="story"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div

Viewport

created:1/1/2020
updated:3/31/2020

Story

story subtitle

Component

import ArrowButton from '@component-controls/blocks';

story

description of story

Components

External dependencies

package
imports
peer
Table
react
^16.13.1
ReactFC
*

Internal dependencies

file
imports
"./Button"
ButtonButtonProps
"@component-controls/components"
Table

Component JSX

<Button
refid
/>
Button
from"./Button"

Stories

button

controls

story

Components

320px
created:1/1/2020
updated:3/31/2020

Story

story subtitle

Component

import ArrowButton from '@component-controls/blocks';

story

description of story

Components

External dependencies

package
imports
peer
Table
react
^16.13.1
ReactFC
*

Internal dependencies

file
imports
"./Button"
ButtonButtonProps
"@component-controls/components"
Table

Component JSX

<Button
refid
/>
Button
from"./Button"

Stories

button

controls

story

Components

375px
created:1/1/2020
updated:3/31/2020

Story

story subtitle

Component

import ArrowButton from '@component-controls/blocks';

story

description of story

Components

External dependencies

package
imports
peer
Table
react
^16.13.1
ReactFC
*

Internal dependencies

file
imports
"./Button"
ButtonButtonProps
"@component-controls/components"
Table

Component JSX

<Button
refid
/>
Button
from"./Button"

Stories

button

controls

story

Components

768px
created:1/1/2020
updated:3/31/2020

Story

story subtitle

Component

import ArrowButton from '@component-controls/blocks';

story

description of story

Components

External dependencies

package
imports
peer
Table
react
^16.13.1
ReactFC
*

Internal dependencies

file
imports
"./Button"
ButtonButtonProps
"@component-controls/components"
Table

Component JSX

<Button
refid
/>
Button
from"./Button"

Stories

button

controls

story

Components

1024px