A pack of extensions for grommet 2
created:7/7/2021
updated:7/7/2021
loc
229
comments
4%
passed
4
failed
6
coverage
10%

Form

avatar of atanasster
avatar of Atanas Stoyanov
avatar of GitHub
avatar of Bart Visscher

A Form with built-in validation.

Tests results

Status
Full name
Title
Time(ms)
Form.test.ts(10 tests)
failed
Form > main
snapshot
506
failed
Form > main
accessibility
1578
failed
Form > onSubmit
snapshot
26
passed
Form > onSubmit
accessibility
209
failed
Form > onChange
snapshot
23
passed
Form > onChange
accessibility
257
failed
Form > onSubmitError
snapshot
27
passed
Form > onSubmitError
accessibility
235
failed
Form > onInvalidForm
snapshot
24
total 10 tests

Tests coverage

Kind
Total
Covered
Skipped
%
Form.tsx
lines
101
37
0
36.63%
functions
16
9
0
56.25%
statements
104
39
0
37.5%
branches
63
6
0
9.52%

A11y tests

 
impact
id
description
critical
duplicate-id-aria

Ensures every id attribute value used in ARIA and in labels is unique...

summary
target
Fix any of the following: Document has multiple elements referenced with ARIA with the same id attribute: fieldname
.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 > form > .itMhhB.StyledBox-sc-13pk1d4-0 > .dFLruc.StyledBox-sc-13pk1d4-0 > div > .aSKaA.FormField__FormFieldBox-m9hood-0.gmkpFq > .kwDXfa.FormField__FormFieldContentBox-m9hood-1.StyledBox-sc-13pk1d4-0 > .StyledTextInput__StyledTextInputContainer-sc-1x30a0s-1.hFfBtv

Viewport

320px
375px
768px
1024px