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

import { Button } from '../../components/button-named-arrow-func';
 
id
description
aria-allowed-attr

Ensures ARIA attributes are allowed for an element's role...

aria-valid-attr-value

Ensures all ARIA attributes have valid values...

aria-valid-attr

Ensures attributes that begin with aria- are valid ARIA attributes...

avoid-inline-spacing

Ensure that text spacing set through style attributes can be adjusted with custom stylesheets...

button-name

Ensures buttons have discernible text...

color-contrast

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds...

duplicate-id

Ensures every id attribute value is unique...

nested-interactive

Ensure controls are not nested as they are not announced by screen readers...

Viewport

import { Button } from '../../components/button-named-arrow-func';
320px
import { Button } from '../../components/button-named-arrow-func';
375px
import { Button } from '../../components/button-named-arrow-func';
768px
import { Button } from '../../components/button-named-arrow-func';
1024px