created:3/5/2021
updated:3/5/2021
loc
183
comments
23%
passed
8
coverage
10%

SearchInput

avatar of atanasster
avatar of Atanas Stoyanov

an input component combined with a popover, can be used for incremental search.

Tests results

Status
Full name
Title
Time(ms)
SearchInput.test.ts(8 tests)
passed
SearchInput > overview
snapshot
140
passed
SearchInput > overview
accessibility
373
passed
SearchInput > defaultRender
snapshot
172
passed
SearchInput > defaultRender
accessibility
1290
passed
SearchInput > placeholder
snapshot
66
passed
SearchInput > placeholder
accessibility
232
passed
SearchInput > customize
snapshot
31
passed
SearchInput > customize
accessibility
209
total 8 tests

Tests coverage

Kind
Total
Covered
Skipped
%
SearchInput.tsx
lines
62
20
0
32.25%
functions
15
2
0
13.33%
statements
64
21
0
32.81%
branches
51
5
0
9.8%

A11y tests

 
id
description
aria-allowed-attr

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

aria-allowed-role

Ensures role attribute has an appropriate value for the element...

aria-hidden-focus

Ensures aria-hidden elements do not contain focusable elements...

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...

color-contrast

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

form-field-multiple-labels

Ensures form field does not have multiple label elements...

label-title-only

Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes...

label

Ensures every form element has a label...

Viewport

320px
375px
768px
1024px