created:4/29/2021
updated:4/29/2021
loc
18
comments
17%
passed
28
coverage
75%

ESM

Component to display a live playground of component examples. Has custom actions for zooming, switch direction, review story source and configuration.

Tests results

Status
Full name
Title
Time(ms)
Playground.test.ts(28 tests)
passed
Playground > overview
snapshot
229
passed
Playground > overview
accessibility
993
passed
Playground > defaultOpenSource
snapshot
257
passed
Playground > defaultOpenSource
accessibility
929
passed
Playground > disableZoomPan
snapshot
39
passed
Playground > disableZoomPan
accessibility
555
passed
Playground > multiStories
snapshot
84
passed
Playground > multiStories
accessibility
1217
passed
Playground > title
snapshot
102
total 28 tests

Tests coverage

Kind
Total
Covered
Skipped
%
Playground.tsx
lines
11
11
0
100%
functions
1
1
0
100%
statements
13
13
0
100%
branches
4
3
0
75%

A11y tests

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: 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="playground"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div > div > .css-eqxzio > div:nth-child(1) > .css-1s8zxab > .css-1j909cg > .css-t5jv09 > .css-1xkyebe[data-testid="story"]:nth-child(1) > .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: 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="playground"] > .rah-static--height-auto.rah-static[aria-hidden="false"] > div > div > .css-eqxzio > div:nth-child(1) > .css-1s8zxab > .css-1j909cg > .css-t5jv09 > .css-1xkyebe[data-testid="story"]:nth-child(2) > .rah-static--height-auto.rah-static[aria-hidden="false"] > div

Viewport

Components

320px

Components

375px

Components

768px

Components

1024px