@public-ui/visual-tests 4.0.0-alpha.5 → 4.0.0-alpha.7

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 (2) hide show
  1. package/package.json +9 -9
  2. package/tests/sample-app.routes.js +75 -53
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/visual-tests",
3
- "version": "4.0.0-alpha.5",
3
+ "version": "4.0.0-alpha.7",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": {
@@ -29,20 +29,20 @@
29
29
  "axe-html-reporter": "2.2.11",
30
30
  "portfinder": "1.0.38",
31
31
  "serve": "14.2.5",
32
- "@public-ui/sample-react": "4.0.0-alpha.5"
32
+ "@public-ui/sample-react": "4.0.0-alpha.7"
33
33
  },
34
34
  "devDependencies": {
35
- "@babel/eslint-parser": "7.28.4",
35
+ "@babel/eslint-parser": "7.28.5",
36
36
  "@babel/plugin-syntax-import-attributes": "7.27.1",
37
- "@babel/preset-env": "7.28.3",
38
- "@playwright/test": "1.56.0",
37
+ "@babel/preset-env": "7.28.5",
38
+ "@playwright/test": "1.57.0",
39
39
  "eslint": "8.57.1",
40
- "knip": "5.65.0",
41
- "prettier": "3.6.2",
42
- "prettier-plugin-organize-imports": "4.1.0"
40
+ "knip": "5.71.0",
41
+ "prettier": "3.7.3",
42
+ "prettier-plugin-organize-imports": "4.3.0"
43
43
  },
44
44
  "peerDependencies": {
45
- "@playwright/test": "1.56.0"
45
+ "@playwright/test": "1.57.0"
46
46
  },
47
47
  "files": [
48
48
  "playwright.config.js",
package/tests/sample-app.routes.js CHANGED
@@ -15,7 +15,7 @@ export const ROUTES = new Map();
15
15
  * - skip: boolean (Default: false)
16
16
  * - viewportSize:
17
17
  * - width (Default: 800)
18
- * - height (Default: 600)
18
+ * - height (Default: 100)
19
19
  * - waitForTimeout: number (Default: 15000)
20
20
  * - zoom:
21
21
  * - options:
@@ -322,7 +322,7 @@ ROUTES.set('input-checkbox/basic?noColumns', {
322
322
  snapshot: {
323
323
  viewportSize: {
324
324
  width: 500,
325
- height: 100,
325
+ height: 0,
326
326
  },
327
327
  zoom: {
328
328
  skip: true,
@@ -336,7 +336,7 @@ ROUTES.set('input-checkbox/button?noColumns', {
336
336
  snapshot: {
337
337
  viewportSize: {
338
338
  width: 500,
339
- height: 100,
339
+ height: 0,
340
340
  },
341
341
  zoom: {
342
342
  skip: true,
@@ -350,7 +350,7 @@ ROUTES.set('input-checkbox/switch?noColumns', {
350
350
  snapshot: {
351
351
  viewportSize: {
352
352
  width: 500,
353
- height: 100,
353
+ height: 0,
354
354
  },
355
355
  zoom: {
356
356
  skip: true,
@@ -361,7 +361,7 @@ ROUTES.set('input-color/basic?noColumns', {
361
361
  snapshot: {
362
362
  viewportSize: {
363
363
  width: 500,
364
- height: 100,
364
+ height: 0,
365
365
  },
366
366
  zoom: {
367
367
  skip: true,
@@ -372,7 +372,7 @@ ROUTES.set('input-date/basic?noColumns', {
372
372
  snapshot: {
373
373
  viewportSize: {
374
374
  width: 500,
375
- height: 100,
375
+ height: 0,
376
376
  },
377
377
  zoom: {
378
378
  skip: true,
@@ -383,7 +383,7 @@ ROUTES.set('input-email/basic?noColumns', {
383
383
  snapshot: {
384
384
  viewportSize: {
385
385
  width: 500,
386
- height: 100,
386
+ height: 0,
387
387
  },
388
388
  zoom: {
389
389
  skip: true,
@@ -394,7 +394,7 @@ ROUTES.set('input-file/basic?noColumns', {
394
394
  snapshot: {
395
395
  viewportSize: {
396
396
  width: 500,
397
- height: 100,
397
+ height: 0,
398
398
  },
399
399
  zoom: {
400
400
  skip: true,
@@ -405,7 +405,18 @@ ROUTES.set('input-number/basic?noColumns', {
405
405
  snapshot: {
406
406
  viewportSize: {
407
407
  width: 500,
408
- height: 100,
408
+ height: 0,
409
+ },
410
+ zoom: {
411
+ skip: true,
412
+ },
413
+ },
414
+ });
415
+ ROUTES.set('input-number/number-formatter', {
416
+ snapshot: {
417
+ viewportSize: {
418
+ width: 500,
419
+ height: 0,
409
420
  },
410
421
  zoom: {
411
422
  skip: true,
@@ -416,7 +427,7 @@ ROUTES.set('input-password/basic?noColumns', {
416
427
  snapshot: {
417
428
  viewportSize: {
418
429
  width: 500,
419
- height: 100,
430
+ height: 0,
420
431
  },
421
432
  zoom: {
422
433
  skip: true,
@@ -427,7 +438,7 @@ ROUTES.set('input-password/show-password?noColumns', {
427
438
  snapshot: {
428
439
  viewportSize: {
429
440
  width: 500,
430
- height: 100,
441
+ height: 0,
431
442
  },
432
443
  zoom: {
433
444
  skip: true,
@@ -441,7 +452,7 @@ ROUTES.set('input-radio/basic?noColumns', {
441
452
  snapshot: {
442
453
  viewportSize: {
443
454
  width: 500,
444
- height: 100,
455
+ height: 0,
445
456
  },
446
457
  zoom: {
447
458
  skip: true,
@@ -452,7 +463,7 @@ ROUTES.set('input-radio/horizontal?noColumns', {
452
463
  snapshot: {
453
464
  viewportSize: {
454
465
  width: 500,
455
- height: 100,
466
+ height: 0,
456
467
  },
457
468
  zoom: {
458
469
  skip: true,
@@ -463,7 +474,7 @@ ROUTES.set('input-radio/object?noColumns', {
463
474
  snapshot: {
464
475
  viewportSize: {
465
476
  width: 500,
466
- height: 100,
477
+ height: 0,
467
478
  },
468
479
  zoom: {
469
480
  skip: true,
@@ -474,7 +485,7 @@ ROUTES.set('input-range/basic?noColumns', {
474
485
  snapshot: {
475
486
  viewportSize: {
476
487
  width: 500,
477
- height: 100,
488
+ height: 0,
478
489
  },
479
490
  zoom: {
480
491
  skip: true,
@@ -485,7 +496,18 @@ ROUTES.set('input-text/basic?noColumns', {
485
496
  snapshot: {
486
497
  viewportSize: {
487
498
  width: 500,
488
- height: 100,
499
+ height: 0,
500
+ },
501
+ zoom: {
502
+ skip: true,
503
+ },
504
+ },
505
+ });
506
+ ROUTES.set('input-text/text-formatter', {
507
+ snapshot: {
508
+ viewportSize: {
509
+ width: 500,
510
+ height: 0,
489
511
  },
490
512
  zoom: {
491
513
  skip: true,
@@ -561,7 +583,7 @@ ROUTES.set('nav/basic', {
561
583
  snapshot: {
562
584
  viewportSize: {
563
585
  width: 400,
564
- height: 100,
586
+ height: 0,
565
587
  },
566
588
  zoom: {
567
589
  skip: true,
@@ -583,7 +605,7 @@ ROUTES.set('popover-button/basic', {
583
605
  viewportSize: {
584
606
  width: 200,
585
607
  height: 220,
586
- }
608
+ },
587
609
  },
588
610
  });
589
611
  ROUTES.set('progress/basic', {
@@ -609,7 +631,7 @@ ROUTES.set('select/basic?noColumns', {
609
631
  snapshot: {
610
632
  viewportSize: {
611
633
  width: 500,
612
- height: 100,
634
+ height: 0,
613
635
  },
614
636
  zoom: {
615
637
  skip: true,
@@ -627,7 +649,7 @@ ROUTES.set('spin/basic', {
627
649
  snapshot: {
628
650
  viewportSize: {
629
651
  width: 100,
630
- height: 100,
652
+ height: 0,
631
653
  },
632
654
  zoom: {
633
655
  skip: true,
@@ -641,7 +663,7 @@ ROUTES.set('single-select/basic?noColumns', {
641
663
  snapshot: {
642
664
  viewportSize: {
643
665
  width: 500,
644
- height: 100,
666
+ height: 0,
645
667
  },
646
668
  zoom: {
647
669
  skip: true,
@@ -652,7 +674,7 @@ ROUTES.set('spin/custom', {
652
674
  snapshot: {
653
675
  viewportSize: {
654
676
  width: 100,
655
- height: 100,
677
+ height: 0,
656
678
  },
657
679
  zoom: {
658
680
  skip: true,
@@ -663,7 +685,7 @@ ROUTES.set('spin/cycle', {
663
685
  snapshot: {
664
686
  viewportSize: {
665
687
  width: 100,
666
- height: 100,
688
+ height: 0,
667
689
  },
668
690
  zoom: {
669
691
  skip: true,
@@ -674,7 +696,7 @@ ROUTES.set('split-button/basic', {
674
696
  snapshot: {
675
697
  viewportSize: {
676
698
  width: 300,
677
- height: 100,
699
+ height: 0,
678
700
  },
679
701
  zoom: {
680
702
  skip: true,
@@ -862,7 +884,7 @@ ROUTES.set('tabs/icons-only', {
862
884
  snapshot: {
863
885
  viewportSize: {
864
886
  width: 200,
865
- height: 100,
887
+ height: 0,
866
888
  },
867
889
  zoom: {
868
890
  skip: true,
@@ -880,7 +902,7 @@ ROUTES.set('textarea/basic?noColumns', {
880
902
  snapshot: {
881
903
  viewportSize: {
882
904
  width: 500,
883
- height: 100,
905
+ height: 0,
884
906
  },
885
907
  zoom: {
886
908
  skip: true,
@@ -907,7 +929,7 @@ ROUTES.set('textarea/with-counter', {
907
929
  snapshot: {
908
930
  viewportSize: {
909
931
  width: 200,
910
- height: 100,
932
+ height: 0,
911
933
  },
912
934
  zoom: {
913
935
  skip: true,
@@ -929,7 +951,7 @@ ROUTES.set('toolbar/basic', {
929
951
  snapshot: {
930
952
  viewportSize: {
931
953
  width: 600,
932
- height: 100,
954
+ height: 0,
933
955
  },
934
956
  zoom: {
935
957
  skip: true,
@@ -940,7 +962,7 @@ ROUTES.set('toolbar/disabled', {
940
962
  snapshot: {
941
963
  viewportSize: {
942
964
  width: 300,
943
- height: 100,
965
+ height: 0,
944
966
  },
945
967
  zoom: {
946
968
  skip: true,
@@ -954,7 +976,7 @@ ROUTES.set('tree/basic/home', {
954
976
  snapshot: {
955
977
  viewportSize: {
956
978
  width: 300,
957
- height: 100,
979
+ height: 0,
958
980
  },
959
981
  zoom: {
960
982
  skip: true,
@@ -965,7 +987,7 @@ ROUTES.set('version/basic', {
965
987
  snapshot: {
966
988
  viewportSize: {
967
989
  width: 150,
968
- height: 100,
990
+ height: 0,
969
991
  },
970
992
  zoom: {
971
993
  skip: true,
@@ -1030,7 +1052,7 @@ ROUTES.set('scenarios/focus-elements?component=accordion', {
1030
1052
  snapshot: {
1031
1053
  viewportSize: {
1032
1054
  width: 300,
1033
- height: 100,
1055
+ height: 0,
1034
1056
  },
1035
1057
  zoom: {
1036
1058
  skip: true,
@@ -1041,7 +1063,7 @@ ROUTES.set('scenarios/focus-elements?component=button', {
1041
1063
  snapshot: {
1042
1064
  viewportSize: {
1043
1065
  width: 300,
1044
- height: 100,
1066
+ height: 0,
1045
1067
  },
1046
1068
  zoom: {
1047
1069
  skip: true,
@@ -1052,7 +1074,7 @@ ROUTES.set('scenarios/focus-elements?component=buttonLink', {
1052
1074
  snapshot: {
1053
1075
  viewportSize: {
1054
1076
  width: 300,
1055
- height: 100,
1077
+ height: 0,
1056
1078
  },
1057
1079
  zoom: {
1058
1080
  skip: true,
@@ -1063,7 +1085,7 @@ ROUTES.set('scenarios/focus-elements?component=combobox', {
1063
1085
  snapshot: {
1064
1086
  viewportSize: {
1065
1087
  width: 300,
1066
- height: 100,
1088
+ height: 0,
1067
1089
  },
1068
1090
  zoom: {
1069
1091
  skip: true,
@@ -1074,7 +1096,7 @@ ROUTES.set('scenarios/focus-elements?component=details', {
1074
1096
  snapshot: {
1075
1097
  viewportSize: {
1076
1098
  width: 300,
1077
- height: 100,
1099
+ height: 0,
1078
1100
  },
1079
1101
  zoom: {
1080
1102
  skip: true,
@@ -1085,7 +1107,7 @@ ROUTES.set('scenarios/focus-elements?component=inputCheckbox', {
1085
1107
  snapshot: {
1086
1108
  viewportSize: {
1087
1109
  width: 300,
1088
- height: 100,
1110
+ height: 0,
1089
1111
  },
1090
1112
  zoom: {
1091
1113
  skip: true,
@@ -1096,7 +1118,7 @@ ROUTES.set('scenarios/focus-elements?component=inputColor', {
1096
1118
  snapshot: {
1097
1119
  viewportSize: {
1098
1120
  width: 300,
1099
- height: 100,
1121
+ height: 0,
1100
1122
  },
1101
1123
  zoom: {
1102
1124
  skip: true,
@@ -1107,7 +1129,7 @@ ROUTES.set('scenarios/focus-elements?component=inputDate', {
1107
1129
  snapshot: {
1108
1130
  viewportSize: {
1109
1131
  width: 300,
1110
- height: 100,
1132
+ height: 0,
1111
1133
  },
1112
1134
  zoom: {
1113
1135
  skip: true,
@@ -1118,7 +1140,7 @@ ROUTES.set('scenarios/focus-elements?component=inputEmail', {
1118
1140
  snapshot: {
1119
1141
  viewportSize: {
1120
1142
  width: 300,
1121
- height: 100,
1143
+ height: 0,
1122
1144
  },
1123
1145
  zoom: {
1124
1146
  skip: true,
@@ -1129,7 +1151,7 @@ ROUTES.set('scenarios/focus-elements?component=inputFile', {
1129
1151
  snapshot: {
1130
1152
  viewportSize: {
1131
1153
  width: 300,
1132
- height: 100,
1154
+ height: 0,
1133
1155
  },
1134
1156
  zoom: {
1135
1157
  skip: true,
@@ -1140,7 +1162,7 @@ ROUTES.set('scenarios/focus-elements?component=inputFileMultiple', {
1140
1162
  snapshot: {
1141
1163
  viewportSize: {
1142
1164
  width: 300,
1143
- height: 100,
1165
+ height: 0,
1144
1166
  },
1145
1167
  zoom: {
1146
1168
  skip: true,
@@ -1151,7 +1173,7 @@ ROUTES.set('scenarios/focus-elements?component=inputNumber', {
1151
1173
  snapshot: {
1152
1174
  viewportSize: {
1153
1175
  width: 300,
1154
- height: 100,
1176
+ height: 0,
1155
1177
  },
1156
1178
  zoom: {
1157
1179
  skip: true,
@@ -1162,7 +1184,7 @@ ROUTES.set('scenarios/focus-elements?component=inputPassword', {
1162
1184
  snapshot: {
1163
1185
  viewportSize: {
1164
1186
  width: 300,
1165
- height: 100,
1187
+ height: 0,
1166
1188
  },
1167
1189
  zoom: {
1168
1190
  skip: true,
@@ -1173,7 +1195,7 @@ ROUTES.set('scenarios/focus-elements?component=inputRadio', {
1173
1195
  snapshot: {
1174
1196
  viewportSize: {
1175
1197
  width: 300,
1176
- height: 100,
1198
+ height: 0,
1177
1199
  },
1178
1200
  zoom: {
1179
1201
  skip: true,
@@ -1184,7 +1206,7 @@ ROUTES.set('scenarios/focus-elements?component=inputRange', {
1184
1206
  snapshot: {
1185
1207
  viewportSize: {
1186
1208
  width: 300,
1187
- height: 100,
1209
+ height: 0,
1188
1210
  },
1189
1211
  zoom: {
1190
1212
  skip: true,
@@ -1195,7 +1217,7 @@ ROUTES.set('scenarios/focus-elements?component=inputText', {
1195
1217
  snapshot: {
1196
1218
  viewportSize: {
1197
1219
  width: 300,
1198
- height: 100,
1220
+ height: 0,
1199
1221
  },
1200
1222
  zoom: {
1201
1223
  skip: true,
@@ -1206,7 +1228,7 @@ ROUTES.set('scenarios/focus-elements?component=link', {
1206
1228
  snapshot: {
1207
1229
  viewportSize: {
1208
1230
  width: 300,
1209
- height: 100,
1231
+ height: 0,
1210
1232
  },
1211
1233
  zoom: {
1212
1234
  skip: true,
@@ -1217,7 +1239,7 @@ ROUTES.set('scenarios/focus-elements?component=linkButton', {
1217
1239
  snapshot: {
1218
1240
  viewportSize: {
1219
1241
  width: 300,
1220
- height: 100,
1242
+ height: 0,
1221
1243
  },
1222
1244
  zoom: {
1223
1245
  skip: true,
@@ -1228,7 +1250,7 @@ ROUTES.set('scenarios/focus-elements?component=select', {
1228
1250
  snapshot: {
1229
1251
  viewportSize: {
1230
1252
  width: 300,
1231
- height: 100,
1253
+ height: 0,
1232
1254
  },
1233
1255
  zoom: {
1234
1256
  skip: true,
@@ -1239,7 +1261,7 @@ ROUTES.set('scenarios/focus-elements?component=selectMultiple', {
1239
1261
  snapshot: {
1240
1262
  viewportSize: {
1241
1263
  width: 300,
1242
- height: 100,
1264
+ height: 0,
1243
1265
  },
1244
1266
  zoom: {
1245
1267
  skip: true,
@@ -1252,7 +1274,7 @@ ROUTES.set('scenarios/focus-elements?component=singleSelect', {
1252
1274
  },
1253
1275
  viewportSize: {
1254
1276
  width: 300,
1255
- height: 100,
1277
+ height: 0,
1256
1278
  },
1257
1279
  zoom: {
1258
1280
  skip: true,
@@ -1262,7 +1284,7 @@ ROUTES.set('scenarios/focus-elements?component=textarea', {
1262
1284
  snapshot: {
1263
1285
  viewportSize: {
1264
1286
  width: 300,
1265
- height: 100,
1287
+ height: 0,
1266
1288
  },
1267
1289
  zoom: {
1268
1290
  skip: true,