created:3/5/2021
updated:3/5/2021
loc
54
comments
13%
passed
8
coverage
73%

Stories

avatar of atanasster

displays multiple stories in ther own Playground components

Tests results

Status
Full name
Title
Time(ms)
Stories.test.ts(8 tests)
passed
Stories > overview
snapshot
289
passed
Stories > overview
accessibility
2973
passed
Stories > customTitle
snapshot
147
passed
Stories > customTitle
accessibility
2759
passed
Stories > notCollapsible
snapshot
131
passed
Stories > notCollapsible
accessibility
2588
passed
Stories > darkTheme
snapshot
161
passed
Stories > darkTheme
accessibility
2618
total 8 tests

Tests coverage

Kind
Total
Covered
Skipped
%
Stories.tsx
lines
17
16
0
94.11%
functions
3
3
0
100%
statements
20
19
0
95%
branches
15
11
0
73.33%

A11y tests

Stories

button

controls

story

Components

 
impact
id
description
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: stories
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .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-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-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-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-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-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-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

Stories

button

controls

story

Components

320px

Stories

button

controls

story

Components

375px

Stories

button

controls

story

Components

768px

Stories

button

controls

story

Components

1024px