created:4/30/2021
updated:4/30/2021
loc
21
comments
19%
passed
12
coverage
100%

ComponentSource

avatar of atanasster

Displays import statement for a component as well as the component file source code Optionally also displays some repository information from the component's package.json

Tests results

Status
Full name
Title
Time(ms)
ComponentSource.test.ts(12 tests)
passed
ComponentSource > overview
snapshot
222
passed
ComponentSource > overview
accessibility
591
passed
ComponentSource > theme
snapshot
35
passed
ComponentSource > theme
accessibility
213
passed
ComponentSource > title
snapshot
89
passed
ComponentSource > title
accessibility
424
passed
ComponentSource > customTitle
snapshot
63
passed
ComponentSource > customTitle
accessibility
552
passed
ComponentSource > notCollapsible
snapshot
56
total 12 tests

Tests coverage

Kind
Total
Covered
Skipped
%
ComponentSource.tsx
lines
6
6
0
100%
functions
2
2
0
100%
statements
7
7
0
100%
branches
0
0
0
100%

A11y tests

My Story Title

import ArrowButton from '@component-controls/blocks';
 
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-5 > 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-5 > 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-5 > 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-5 > div > .css-eqxzio > pre > .token-line.css-vurnku

Viewport

My Story Title

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

My Story Title

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

My Story Title

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

My Story Title

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