A pack of extensions for grommet 2
created:7/7/2021
updated:7/7/2021
loc
97
comments
11%
passed
4
failed
26
coverage
58%

MaskedInput

Tests results

Status
Full name
Title
Time(ms)
MaskedInput.test.ts(30 tests)
failed
MaskedInput > main
snapshot
110
failed
MaskedInput > main
accessibility
298
failed
MaskedInput > a11yTitle
snapshot
16
passed
MaskedInput > a11yTitle
accessibility
158
failed
MaskedInput > disabled
snapshot
82
failed
MaskedInput > disabled
accessibility
209
failed
MaskedInput > dropContent
snapshot
29
failed
MaskedInput > dropContent
accessibility
282
failed
MaskedInput > widgets
snapshot
36
total 30 tests

Tests coverage

Kind
Total
Covered
Skipped
%
MaskedInput.tsx
lines
42
36
0
85.71%
functions
7
5
0
71.43%
statements
42
36
0
85.71%
branches
12
7
0
58.33%

A11y tests

 
impact
id
description
critical
label

Ensures every form element has a label...

summary
target
Fix any of the following: Form element does not have an implicit (wrapped) <label> Form element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .StyledGrommet-sc-19lkkz7-0.jXYINV > .itMhhB.StyledBox-sc-13pk1d4-0 > .gefrIV.StyledBox-sc-13pk1d4-0 > .sc-eCApnc.iylGhi > .StyledTextInput__StyledTextInputContainer-sc-1x30a0s-1.hFfBtv

Viewport

320px
375px
768px
1024px