skip to main content
skip to navigation sidebar
skip to context sidebar
A next-generation tool to create blazing-fast documentation sites
API
Blog
Tutorial
Showcase
twitter
github
Edit this page
created:3/5/2021
updated:3/5/2021
loc
37
comments
16%
passed
12
coverage
75%

StoryConfig

avatar of atanasster

Displays the configuration object of a story.

Tests results

Status
Full name
Title
Time(ms)
StoryConfig.test.ts(12 tests)
passed
StoryConfig > overview
snapshot
248
passed
StoryConfig > overview
accessibility
738
passed
StoryConfig > theme
snapshot
285
passed
StoryConfig > theme
accessibility
1959
passed
StoryConfig > themeSelector
snapshot
229
passed
StoryConfig > themeSelector
accessibility
1218
passed
StoryConfig > customTitle
snapshot
94
passed
StoryConfig > customTitle
accessibility
1004
passed
StoryConfig > notCollapsible
snapshot
129
total 12 tests

Tests coverage

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

A11y tests

story

browse
docs
issues
{
  "id": "id-of-story",
  "doc": "Story",
  "component": "ArrowButton",
  "description": "description of story",
  "name": "story",
  "subcomponents": {
    "My Button Tab": "Button"
  },
  "subtitle": "story subtitle"
}
 
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 2.64 (foreground color: #b29762, background color: #faf8f5, font size: 12.0pt (16px), 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-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(2)
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
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(2)
Fix any of the following: Element has insufficient color contrast of 2.64 (foreground color: #b29762, background color: #faf8f5, font size: 12.0pt (16px), 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-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(3)
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
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(3)
Fix any of the following: Element has insufficient color contrast of 2.64 (foreground color: #b29762, background color: #faf8f5, font size: 12.0pt (16px), 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-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(4)
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
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(4)
Fix any of the following: Element has insufficient color contrast of 2.64 (foreground color: #b29762, background color: #faf8f5, font size: 12.0pt (16px), 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-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(5)
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
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(5)
Fix any of the following: Element has insufficient color contrast of 2.64 (foreground color: #b29762, background color: #faf8f5, font size: 12.0pt (16px), 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-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(6)
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
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(6)
Fix any of the following: Element has insufficient color contrast of 2.64 (foreground color: #b29762, background color: #faf8f5, font size: 12.0pt (16px), 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-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(7)
Fix any of the following: Element has insufficient color contrast of 2.64 (foreground color: #b29762, background color: #faf8f5, font size: 12.0pt (16px), 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-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(8)
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
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(8)
Fix any of the following: Element has insufficient color contrast of 2.64 (foreground color: #b29762, background color: #faf8f5, font size: 12.0pt (16px), 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-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(10)
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
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe[data-testid="story-config"] > div:nth-child(2) > .css-eqxzio > pre > .token-line.css-vurnku:nth-child(10)
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: story-config-id-of-story
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe[data-testid="story-config"]

Viewport

story

browse
docs
issues
{
  "id": "id-of-story",
  "doc": "Story",
  "component": "ArrowButton",
  "description": "description of story",
  "name": "story",
  "subcomponents": {
    "My Button Tab": "Button"
  },
  "subtitle": "story subtitle"
}
320px

story

browse
docs
issues
{
  "id": "id-of-story",
  "doc": "Story",
  "component": "ArrowButton",
  "description": "description of story",
  "name": "story",
  "subcomponents": {
    "My Button Tab": "Button"
  },
  "subtitle": "story subtitle"
}
375px

story

browse
docs
issues
{
  "id": "id-of-story",
  "doc": "Story",
  "component": "ArrowButton",
  "description": "description of story",
  "name": "story",
  "subcomponents": {
    "My Button Tab": "Button"
  },
  "subtitle": "story subtitle"
}
768px

story

browse
docs
issues
{
  "id": "id-of-story",
  "doc": "Story",
  "component": "ArrowButton",
  "description": "description of story",
  "name": "story",
  "subcomponents": {
    "My Button Tab": "Button"
  },
  "subtitle": "story subtitle"
}
1024px
Previous
Blocks/Story
Next
Blocks/StoryData