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
749
passed
Stories > overview
accessibility
7895
passed
Stories > customTitle
snapshot
404
passed
Stories > customTitle
accessibility
6268
passed
Stories > notCollapsible
snapshot
183
passed
Stories > notCollapsible
accessibility
5419
passed
Stories > darkTheme
snapshot
732
passed
Stories > darkTheme
accessibility
4039
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

My Story Title

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: my-story-title
.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

My Story Title

button

controls

story

Components

320px

My Story Title

button

controls

story

Components

375px

My Story Title

button

controls

story

Components

768px

My Story Title

button

controls

story

Components

1024px