@digigov/form 0.10.4 → 0.10.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/CHANGELOG.md +13 -1
  2. package/Field/index.js +2 -2
  3. package/FieldArray/FieldArray.stories.playwright.json +213 -28
  4. package/FieldArray/__stories__/Default.js +13 -8
  5. package/FieldArray/__stories__/WithExactLength.js +14 -8
  6. package/FieldArray/index.js +3 -3
  7. package/Form.stories.playwright.json +143 -0
  8. package/FormBuilder/FormBuilder.stories.playwright.json +52 -0
  9. package/MultiplicityField/MultiplicityField.stories.playwright.json +1370 -0
  10. package/MultiplicityField/__stories__/Default.js +3 -3
  11. package/MultiplicityField/__stories__/WithExactLength.js +3 -3
  12. package/MultiplicityField/__stories__/WithMaxLength.js +3 -3
  13. package/MultiplicityField/__stories__/WithMinAndMaxLength.js +3 -3
  14. package/MultiplicityField/__stories__/WithMinLength.js +3 -3
  15. package/__stories__/AutoCompleteField.js +14 -4
  16. package/es/Field/index.js +2 -2
  17. package/es/FieldArray/FieldArray.stories.playwright.json +213 -28
  18. package/es/FieldArray/__stories__/Default.js +13 -8
  19. package/es/FieldArray/__stories__/WithExactLength.js +14 -8
  20. package/es/FieldArray/index.js +3 -3
  21. package/es/Form.stories.playwright.json +143 -0
  22. package/es/FormBuilder/FormBuilder.stories.playwright.json +52 -0
  23. package/es/MultiplicityField/MultiplicityField.stories.playwright.json +1370 -0
  24. package/es/MultiplicityField/__stories__/Default.js +3 -3
  25. package/es/MultiplicityField/__stories__/WithExactLength.js +3 -3
  26. package/es/MultiplicityField/__stories__/WithMaxLength.js +3 -3
  27. package/es/MultiplicityField/__stories__/WithMinAndMaxLength.js +3 -3
  28. package/es/MultiplicityField/__stories__/WithMinLength.js +3 -3
  29. package/es/__stories__/AutoCompleteField.js +8 -4
  30. package/es/inputs/Checkboxes/Checkboxes.stories.playwright.json +69 -0
  31. package/es/inputs/DateInput/DateInput.stories.playwright.json +72 -0
  32. package/es/inputs/FileInput/FileInput.stories.playwright.json +75 -0
  33. package/es/inputs/Input/Input.stories.playwright.json +376 -0
  34. package/es/inputs/Label/Label.stories.playwright.json +40 -0
  35. package/es/inputs/Radio/Radio.stories.playwright.json +57 -0
  36. package/esm/Field/index.js +2 -2
  37. package/esm/FieldArray/FieldArray.stories.playwright.json +213 -28
  38. package/esm/FieldArray/__stories__/Default.js +13 -8
  39. package/esm/FieldArray/__stories__/WithExactLength.js +14 -8
  40. package/esm/FieldArray/index.js +3 -3
  41. package/esm/Form.stories.playwright.json +143 -0
  42. package/esm/FormBuilder/FormBuilder.stories.playwright.json +52 -0
  43. package/esm/MultiplicityField/MultiplicityField.stories.playwright.json +1370 -0
  44. package/esm/MultiplicityField/__stories__/Default.js +3 -3
  45. package/esm/MultiplicityField/__stories__/WithExactLength.js +3 -3
  46. package/esm/MultiplicityField/__stories__/WithMaxLength.js +3 -3
  47. package/esm/MultiplicityField/__stories__/WithMinAndMaxLength.js +3 -3
  48. package/esm/MultiplicityField/__stories__/WithMinLength.js +3 -3
  49. package/esm/__stories__/AutoCompleteField.js +8 -4
  50. package/esm/index.js +1 -1
  51. package/esm/inputs/Checkboxes/Checkboxes.stories.playwright.json +69 -0
  52. package/esm/inputs/DateInput/DateInput.stories.playwright.json +72 -0
  53. package/esm/inputs/FileInput/FileInput.stories.playwright.json +75 -0
  54. package/esm/inputs/Input/Input.stories.playwright.json +376 -0
  55. package/esm/inputs/Label/Label.stories.playwright.json +40 -0
  56. package/esm/inputs/Radio/Radio.stories.playwright.json +57 -0
  57. package/inputs/Checkboxes/Checkboxes.stories.playwright.json +69 -0
  58. package/inputs/DateInput/DateInput.stories.playwright.json +72 -0
  59. package/inputs/FileInput/FileInput.stories.playwright.json +75 -0
  60. package/inputs/Input/Input.stories.playwright.json +376 -0
  61. package/inputs/Label/Label.stories.playwright.json +40 -0
  62. package/inputs/Radio/Radio.stories.playwright.json +57 -0
  63. package/package.json +4 -4
@@ -0,0 +1,376 @@
1
+ {
2
+ "version": "4",
3
+ "stories": {
4
+ "digigov-form-inputs-input--integer": {
5
+ "actionSets": [
6
+ {
7
+ "actions": [
8
+ {
9
+ "name": "keyboard.press",
10
+ "args": {
11
+ "key": "Tab"
12
+ }
13
+ },
14
+ {
15
+ "name": "keyboard.press",
16
+ "args": {
17
+ "key": "Tab"
18
+ }
19
+ },
20
+ {
21
+ "name": "keyboard.press",
22
+ "args": {
23
+ "key": "Enter"
24
+ }
25
+ }
26
+ ],
27
+ "id": "ppNIb7vjFntx",
28
+ "title": "navigate with tab and submit"
29
+ },
30
+ {
31
+ "actions": [
32
+ {
33
+ "name": "type",
34
+ "args": {
35
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
36
+ "text": "1.1"
37
+ }
38
+ },
39
+ {
40
+ "name": "click",
41
+ "args": {
42
+ "selector": "html>body>div:nth-child(5)>form>button"
43
+ }
44
+ }
45
+ ],
46
+ "id": "CWKxXNnOLhtt",
47
+ "title": "add wrong number and submit"
48
+ },
49
+ {
50
+ "actions": [
51
+ {
52
+ "name": "clearInput",
53
+ "args": {
54
+ "selector": "html>body>div:nth-child(5)>form>div>label>input"
55
+ }
56
+ },
57
+ {
58
+ "name": "type",
59
+ "args": {
60
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
61
+ "text": "2"
62
+ }
63
+ },
64
+ {
65
+ "name": "click",
66
+ "args": {
67
+ "selector": "html>body>div:nth-child(5)>form>button"
68
+ }
69
+ }
70
+ ],
71
+ "id": "d2XTmn_xZito",
72
+ "title": "Add correct number and submit"
73
+ }
74
+ ]
75
+ },
76
+ "digigov-form-inputs-input--default": {
77
+ "actionSets": [
78
+ {
79
+ "actions": [
80
+ {
81
+ "name": "click",
82
+ "args": {
83
+ "selector": "html>body>div:nth-child(5)>form>button"
84
+ }
85
+ }
86
+ ],
87
+ "id": "QHGdovoSxdA3",
88
+ "title": "show validation error"
89
+ },
90
+ {
91
+ "actions": [
92
+ {
93
+ "name": "type",
94
+ "args": {
95
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
96
+ "text": "aA1@"
97
+ }
98
+ },
99
+ {
100
+ "name": "click",
101
+ "args": {
102
+ "selector": "html>body>div:nth-child(5)>form>button"
103
+ }
104
+ }
105
+ ],
106
+ "id": "6-b0oP8dmS91",
107
+ "title": "type and submit"
108
+ },
109
+ {
110
+ "actions": [
111
+ {
112
+ "name": "keyboard.press",
113
+ "args": {
114
+ "key": "Tab"
115
+ }
116
+ }
117
+ ],
118
+ "id": "WWwt_BZdizHx",
119
+ "title": "focus"
120
+ }
121
+ ]
122
+ },
123
+ "digigov-form-inputs-input--phone-number": {
124
+ "actionSets": [
125
+ {
126
+ "actions": [
127
+ {
128
+ "name": "click",
129
+ "args": {
130
+ "selector": "html>body>div:nth-child(5)>form>button"
131
+ }
132
+ },
133
+ {
134
+ "name": "type",
135
+ "args": {
136
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
137
+ "text": "1234567890"
138
+ }
139
+ },
140
+ {
141
+ "name": "click",
142
+ "args": {
143
+ "selector": "html>body>div:nth-child(5)>form>button"
144
+ }
145
+ }
146
+ ],
147
+ "id": "iE8KCHv68Fb2",
148
+ "title": "show validation errors"
149
+ },
150
+ {
151
+ "actions": [
152
+ {
153
+ "name": "keyboard.press",
154
+ "args": {
155
+ "key": "Tab"
156
+ }
157
+ },
158
+ {
159
+ "name": "type",
160
+ "args": {
161
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
162
+ "text": "2105665434"
163
+ }
164
+ },
165
+ {
166
+ "name": "click",
167
+ "args": {
168
+ "selector": "html>body>div:nth-child(5)>form>button"
169
+ }
170
+ }
171
+ ],
172
+ "id": "5qMVj35xlepo",
173
+ "title": "focus and add number"
174
+ }
175
+ ]
176
+ },
177
+ "digigov-form-inputs-input--mobile-phone": {
178
+ "actionSets": [
179
+ {
180
+ "actions": [
181
+ {
182
+ "name": "click",
183
+ "args": {
184
+ "selector": "html>body>div:nth-child(5)>form>button"
185
+ }
186
+ },
187
+ {
188
+ "name": "type",
189
+ "args": {
190
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
191
+ "text": "1234567890"
192
+ }
193
+ },
194
+ {
195
+ "name": "click",
196
+ "args": {
197
+ "selector": "html>body>div:nth-child(5)>form>button"
198
+ }
199
+ }
200
+ ],
201
+ "id": "a-G51O6gqmv8",
202
+ "title": "show validation errors"
203
+ },
204
+ {
205
+ "actions": [
206
+ {
207
+ "name": "keyboard.press",
208
+ "args": {
209
+ "key": "Tab"
210
+ }
211
+ },
212
+ {
213
+ "name": "type",
214
+ "args": {
215
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
216
+ "text": "6976128341"
217
+ }
218
+ },
219
+ {
220
+ "name": "click",
221
+ "args": {
222
+ "selector": "html>body>div:nth-child(5)>form>button"
223
+ }
224
+ }
225
+ ],
226
+ "id": "i6t6alh2h82C",
227
+ "title": "focus, type correct phone and submit"
228
+ }
229
+ ]
230
+ },
231
+ "digigov-form-inputs-input--afm": {
232
+ "actionSets": [
233
+ {
234
+ "actions": [
235
+ {
236
+ "name": "click",
237
+ "args": {
238
+ "selector": "html>body>div:nth-child(5)>form>button"
239
+ }
240
+ },
241
+ {
242
+ "name": "type",
243
+ "args": {
244
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
245
+ "text": "1234567890"
246
+ }
247
+ },
248
+ {
249
+ "name": "click",
250
+ "args": {
251
+ "selector": "html>body>div:nth-child(5)>form>button"
252
+ }
253
+ }
254
+ ],
255
+ "id": "odbhZlBu8X2W",
256
+ "title": "show validation errors"
257
+ },
258
+ {
259
+ "actions": [
260
+ {
261
+ "name": "type",
262
+ "args": {
263
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
264
+ "text": "094536469"
265
+ }
266
+ },
267
+ {
268
+ "name": "click",
269
+ "args": {
270
+ "selector": "html>body>div:nth-child(5)>form>button"
271
+ }
272
+ }
273
+ ],
274
+ "id": "YmmCoFpuTt8c",
275
+ "title": "add correct afm"
276
+ }
277
+ ]
278
+ },
279
+ "digigov-form-inputs-input--iban": {
280
+ "actionSets": [
281
+ {
282
+ "actions": [
283
+ {
284
+ "name": "type",
285
+ "args": {
286
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
287
+ "text": "FR5814508000304268743732K61"
288
+ }
289
+ },
290
+ {
291
+ "name": "click",
292
+ "args": {
293
+ "selector": "html>body>div:nth-child(5)>form>button"
294
+ }
295
+ }
296
+ ],
297
+ "id": "q0W9XfvDT7hB",
298
+ "title": "add iban"
299
+ },
300
+ {
301
+ "actions": [
302
+ {
303
+ "name": "click",
304
+ "args": {
305
+ "selector": "html>body>div:nth-child(5)>form>button"
306
+ }
307
+ },
308
+ {
309
+ "name": "type",
310
+ "args": {
311
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
312
+ "text": "FR5814508000304268743732K6"
313
+ }
314
+ },
315
+ {
316
+ "name": "click",
317
+ "args": {
318
+ "selector": "html>body>div:nth-child(5)>form>button"
319
+ }
320
+ }
321
+ ],
322
+ "id": "uiMoCRDxz41F",
323
+ "title": "show validation errors"
324
+ }
325
+ ]
326
+ },
327
+ "digigov-form-inputs-input--postal-code": {
328
+ "actionSets": [
329
+ {
330
+ "actions": [
331
+ {
332
+ "name": "click",
333
+ "args": {
334
+ "selector": "html>body>div:nth-child(5)>form>button"
335
+ }
336
+ },
337
+ {
338
+ "name": "type",
339
+ "args": {
340
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
341
+ "text": "111111"
342
+ }
343
+ },
344
+ {
345
+ "name": "click",
346
+ "args": {
347
+ "selector": "html>body>div:nth-child(5)>form>button"
348
+ }
349
+ }
350
+ ],
351
+ "id": "M2R-kMnEQxdA",
352
+ "title": "show validation errors"
353
+ },
354
+ {
355
+ "actions": [
356
+ {
357
+ "name": "type",
358
+ "args": {
359
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
360
+ "text": "42100"
361
+ }
362
+ },
363
+ {
364
+ "name": "click",
365
+ "args": {
366
+ "selector": "html>body>div:nth-child(5)>form>button"
367
+ }
368
+ }
369
+ ],
370
+ "id": "IZKORVUoJzQt",
371
+ "title": "add postal code"
372
+ }
373
+ ]
374
+ }
375
+ }
376
+ }
@@ -0,0 +1,40 @@
1
+ {
2
+ "version": "4",
3
+ "stories": {
4
+ "digigov-form-inputs-label--default": {
5
+ "actionSets": [
6
+ {
7
+ "actions": [
8
+ {
9
+ "name": "click",
10
+ "args": {
11
+ "selector": "html>body>div:nth-child(5)>form>button"
12
+ }
13
+ }
14
+ ],
15
+ "id": "ooEeQHqEWAfT",
16
+ "title": "Validation"
17
+ },
18
+ {
19
+ "actions": [
20
+ {
21
+ "name": "type",
22
+ "args": {
23
+ "selector": "html>body>div:nth-child(5)>form>div>label>input",
24
+ "text": "Hello"
25
+ }
26
+ },
27
+ {
28
+ "name": "click",
29
+ "args": {
30
+ "selector": "html>body>div:nth-child(5)>form>button"
31
+ }
32
+ }
33
+ ],
34
+ "id": "q4WekeUxbs0v",
35
+ "title": "add text"
36
+ }
37
+ ]
38
+ }
39
+ }
40
+ }
@@ -0,0 +1,57 @@
1
+ {
2
+ "version": "4",
3
+ "stories": {
4
+ "digigov-form-inputs-radio--default": {
5
+ "actionSets": [
6
+ {
7
+ "actions": [
8
+ {
9
+ "name": "click",
10
+ "args": {
11
+ "selector": "html>body>div:nth-child(5)>form>button"
12
+ }
13
+ }
14
+ ],
15
+ "id": "keMAaO2G4EzT",
16
+ "title": "validation error"
17
+ },
18
+ {
19
+ "actions": [
20
+ {
21
+ "name": "keyboard.press",
22
+ "args": {
23
+ "key": "Tab"
24
+ }
25
+ },
26
+ {
27
+ "name": "keyboard.press",
28
+ "args": {
29
+ "key": "ArrowDown"
30
+ }
31
+ },
32
+ {
33
+ "name": "keyboard.press",
34
+ "args": {
35
+ "key": "ArrowDown"
36
+ }
37
+ },
38
+ {
39
+ "name": "keyboard.press",
40
+ "args": {
41
+ "key": "Tab"
42
+ }
43
+ },
44
+ {
45
+ "name": "keyboard.press",
46
+ "args": {
47
+ "key": "Enter"
48
+ }
49
+ }
50
+ ],
51
+ "id": "KOjNMdAt5T_R",
52
+ "title": "select option with keyboard and submit"
53
+ }
54
+ ]
55
+ }
56
+ }
57
+ }
@@ -0,0 +1,69 @@
1
+ {
2
+ "version": "4",
3
+ "stories": {
4
+ "digigov-form-inputs-checkboxes--default": {
5
+ "actionSets": [
6
+ {
7
+ "actions": [
8
+ {
9
+ "name": "click",
10
+ "args": {
11
+ "selector": "html>body>div:nth-child(5)>form>button"
12
+ }
13
+ }
14
+ ],
15
+ "id": "6mm9fbbYacA3",
16
+ "title": "show validation error"
17
+ },
18
+ {
19
+ "actions": [
20
+ {
21
+ "name": "keyboard.press",
22
+ "args": {
23
+ "key": "Tab"
24
+ }
25
+ },
26
+ {
27
+ "name": "keyboard.press",
28
+ "args": {
29
+ "key": "Tab"
30
+ }
31
+ },
32
+ {
33
+ "name": "keyboard.press",
34
+ "args": {
35
+ "key": "Space"
36
+ }
37
+ },
38
+ {
39
+ "name": "keyboard.press",
40
+ "args": {
41
+ "key": "Tab"
42
+ }
43
+ },
44
+ {
45
+ "name": "keyboard.press",
46
+ "args": {
47
+ "key": "Space"
48
+ }
49
+ },
50
+ {
51
+ "name": "click",
52
+ "args": {
53
+ "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(1)>label>input"
54
+ }
55
+ },
56
+ {
57
+ "name": "click",
58
+ "args": {
59
+ "selector": "html>body>div:nth-child(5)>form>button"
60
+ }
61
+ }
62
+ ],
63
+ "id": "hBiOJ8xaQSWv",
64
+ "title": "Focus and check using keyboard, click box and submit"
65
+ }
66
+ ]
67
+ }
68
+ }
69
+ }
@@ -0,0 +1,72 @@
1
+ {
2
+ "version": "4",
3
+ "stories": {
4
+ "digigov-form-inputs-dateinput--default": {
5
+ "actionSets": [
6
+ {
7
+ "actions": [
8
+ {
9
+ "name": "keyboard.press",
10
+ "args": {
11
+ "key": "Tab"
12
+ }
13
+ },
14
+ {
15
+ "name": "keyboard.press",
16
+ "args": {
17
+ "key": "Tab"
18
+ }
19
+ },
20
+ {
21
+ "name": "keyboard.press",
22
+ "args": {
23
+ "key": "Tab"
24
+ }
25
+ }
26
+ ],
27
+ "id": "n5PFnx7RcuJV",
28
+ "title": "navigate with keyboard"
29
+ },
30
+ {
31
+ "actions": [
32
+ {
33
+ "name": "click",
34
+ "args": {
35
+ "selector": "html>body>div:nth-child(5)>form>button"
36
+ }
37
+ },
38
+ {
39
+ "name": "type",
40
+ "args": {
41
+ "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(1)>label>input",
42
+ "text": "33"
43
+ }
44
+ },
45
+ {
46
+ "name": "type",
47
+ "args": {
48
+ "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(2)>label>input",
49
+ "text": "33"
50
+ }
51
+ },
52
+ {
53
+ "name": "type",
54
+ "args": {
55
+ "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(3)>label>input",
56
+ "text": "3333"
57
+ }
58
+ },
59
+ {
60
+ "name": "click",
61
+ "args": {
62
+ "selector": "html>body>div:nth-child(5)>form>button"
63
+ }
64
+ }
65
+ ],
66
+ "id": "Ck7_BFdgITMe",
67
+ "title": "show validation errors"
68
+ }
69
+ ]
70
+ }
71
+ }
72
+ }
@@ -0,0 +1,75 @@
1
+ {
2
+ "version": "4",
3
+ "stories": {
4
+ "digigov-form-inputs-fileinput--default": {
5
+ "actionSets": [
6
+ {
7
+ "actions": [
8
+ {
9
+ "name": "click",
10
+ "args": {
11
+ "selector": "html>body>div:nth-child(5)>form>button"
12
+ }
13
+ }
14
+ ],
15
+ "id": "c4Jhtju9oCJZ",
16
+ "title": "show validation error"
17
+ },
18
+ {
19
+ "actions": [
20
+ {
21
+ "name": "setFiles",
22
+ "args": {
23
+ "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>label",
24
+ "file": {
25
+ "name": "arxeio.txt",
26
+ "size": 200
27
+ }
28
+ }
29
+ },
30
+ {
31
+ "name": "click",
32
+ "args": {
33
+ "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>button"
34
+ }
35
+ }
36
+ ],
37
+ "id": "WPIcVVWz-299",
38
+ "title": "add file and remove"
39
+ },
40
+ {
41
+ "actions": [
42
+ {
43
+ "name": "setFiles",
44
+ "args": {
45
+ "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>label",
46
+ "file": {
47
+ "name": "arxeio.txt",
48
+ "size": 200
49
+ }
50
+ }
51
+ },
52
+ {
53
+ "name": "setFiles",
54
+ "args": {
55
+ "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>label",
56
+ "file": {
57
+ "name": "neo_arxeio.txt",
58
+ "size": 200
59
+ }
60
+ }
61
+ },
62
+ {
63
+ "name": "click",
64
+ "args": {
65
+ "selector": "html>body>div:nth-child(5)>form>button"
66
+ }
67
+ }
68
+ ],
69
+ "id": "inSBFd25dzkC",
70
+ "title": "add file, replace and remove"
71
+ }
72
+ ]
73
+ }
74
+ }
75
+ }