Skip to content
This repository was archived by the owner on Dec 16, 2024. It is now read-only.

Commit 357a099

Browse files
actions-useractions-user
committed
Update snapshots
1 parent 00f8015 commit 357a099

File tree

3 files changed

+139
-53
lines changed

3 files changed

+139
-53
lines changed

‎lib/a11y-snapshot/__snapshots__/aom.test.js.snap‎

Lines changed: 115 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -8175,6 +8175,7 @@ exports[`chromium /components/slider 1`] = `
81758175
<text>Disabled slider</text>
81768176
</paragraph>
81778177
<slider
8178+
disabled="true"
81788179
orientation="horizontal"
81798180
value="30"
81808181
valuemax="100"
@@ -8223,20 +8224,19 @@ exports[`chromium /components/slider 1`] = `
82238224
valuetext="30°C"
82248225
>
82258226
Temperature
8226-
<text>30</text>
82278227
</slider>
82288228
<paragraph>
82298229
<text>Disabled</text>
82308230
</paragraph>
82318231
<slider
8232+
disabled="true"
82328233
orientation="horizontal"
82338234
value="30"
82348235
valuemax="110"
82358236
valuemin="10"
82368237
valuetext="30°C"
82378238
>
82388239
Disabled
8239-
<text>30</text>
82408240
</slider>
82418241
<toolbar>
82428242
demo source
@@ -8270,7 +8270,6 @@ exports[`chromium /components/slider 1`] = `
82708270
valuetext="5e-8°C"
82718271
>
82728272
Small steps
8273-
<text>5e-8</text>
82748273
</slider>
82758274
<toolbar>
82768275
demo source
@@ -8309,7 +8308,6 @@ exports[`chromium /components/slider 1`] = `
83098308
valuetext="20°C"
83108309
>
83118310
Custom marks
8312-
<text>20</text>
83138311
</slider>
83148312
<toolbar>
83158313
demo source
@@ -8352,7 +8350,6 @@ exports[`chromium /components/slider 1`] = `
83528350
valuetext="20°C"
83538351
>
83548352
Restricted values
8355-
<text>2</text>
83568353
</slider>
83578354
<toolbar>
83588355
demo source
@@ -8391,7 +8388,6 @@ exports[`chromium /components/slider 1`] = `
83918388
valuetext="80°C"
83928389
>
83938390
Always visible
8394-
<text>80</text>
83958391
</slider>
83968392
<toolbar>
83978393
demo source
@@ -8433,7 +8429,6 @@ exports[`chromium /components/slider 1`] = `
84338429
valuetext="20°C"
84348430
>
84358431
Temperature range
8436-
<text>20</text>
84378432
</slider>
84388433
<slider
84398434
orientation="horizontal"
@@ -8443,7 +8438,6 @@ exports[`chromium /components/slider 1`] = `
84438438
valuetext="37°C"
84448439
>
84458440
Temperature range
8446-
<text>37</text>
84478441
</slider>
84488442
<toolbar>
84498443
demo source
@@ -8523,7 +8517,6 @@ exports[`chromium /components/slider 1`] = `
85238517
valuetext=""
85248518
>
85258519
ios slider
8526-
<text>60</text>
85278520
</slider>
85288521
<paragraph>
85298522
<text>pretto.fr</text>
@@ -8536,7 +8529,6 @@ exports[`chromium /components/slider 1`] = `
85368529
valuetext=""
85378530
>
85388531
pretto slider
8539-
<text>20</text>
85408532
</slider>
85418533
<paragraph>
85428534
<text>Tooltip value label</text>
@@ -8593,7 +8585,7 @@ exports[`chromium /components/slider 1`] = `
85938585
<text>Temperature</text>
85948586
</paragraph>
85958587
<slider
8596-
orientation="vertical"
8588+
orientation="horizontal"
85978589
value="30"
85988590
valuemax="100"
85998591
valuemin="0"
@@ -8602,7 +8594,8 @@ exports[`chromium /components/slider 1`] = `
86028594
Temperature
86038595
</slider>
86048596
<slider
8605-
orientation="vertical"
8597+
disabled="true"
8598+
orientation="horizontal"
86068599
value="30"
86078600
valuemax="100"
86088601
valuemin="0"
@@ -8611,7 +8604,7 @@ exports[`chromium /components/slider 1`] = `
86118604
Temperature
86128605
</slider>
86138606
<slider
8614-
orientation="vertical"
8607+
orientation="horizontal"
86158608
value="20"
86168609
valuemax="100"
86178610
valuemin="0"
@@ -8620,7 +8613,7 @@ exports[`chromium /components/slider 1`] = `
86208613
Temperature
86218614
</slider>
86228615
<slider
8623-
orientation="vertical"
8616+
orientation="horizontal"
86248617
value="37"
86258618
valuemax="100"
86268619
valuemin="0"
@@ -8637,6 +8630,62 @@ exports[`chromium /components/slider 1`] = `
86378630
<button>Reset demo</button>
86388631
<combobox haspopup="menu">See more</combobox>
86398632
</toolbar>
8633+
<paragraph>
8634+
<text>
8635+
WARNING: Chrome, Safari and newer Edge versions i.e. any browser based on
8636+
WebKit exposes
8637+
</text>
8638+
<code>$SOME_CODE</code>
8639+
<text>as horizontal (</text>
8640+
<link>chromium issue #1158217</link>
8641+
<text>). By applying</text>
8642+
<code>$SOME_CODE</code>
8643+
<text>the slider is exposed as vertical.</text>
8644+
</paragraph>
8645+
<paragraph>
8646+
<text>However, by applying</text>
8647+
<code>$SOME_CODE</code>
8648+
<text>
8649+
keyboard navigation for horizontal keys (Arrow Left,Arrow Right) is
8650+
reversed (
8651+
</text>
8652+
<link>chromium issue #1162640</link>
8653+
<text>
8654+
). Usually, up and right should increase and left and down should decrease
8655+
the value. If you apply
8656+
</text>
8657+
<code>$SOME_CODE</code>
8658+
<text>
8659+
you could prevent keyboard navigation for horizontal arrow keys for a
8660+
truly vertical slider. This might be less confusing to users compared to a
8661+
change in direction.
8662+
</text>
8663+
</paragraph>
8664+
<button>
8665+
A generic container that is programmatically focused to test keyboard
8666+
navigation of our components.
8667+
</button>
8668+
<paragraph>
8669+
<text>Temperature</text>
8670+
</paragraph>
8671+
<slider
8672+
orientation="vertical"
8673+
value="30"
8674+
valuemax="100"
8675+
valuemin="0"
8676+
valuetext=""
8677+
>
8678+
Temperature
8679+
</slider>
8680+
<toolbar>
8681+
demo source
8682+
<button>Show the source</button>
8683+
<button>Edit in CodeSandbox</button>
8684+
<button>Copy the source</button>
8685+
<button>Reset focus to test keyboard navigation</button>
8686+
<button>Reset demo</button>
8687+
<combobox haspopup="menu">See more</combobox>
8688+
</toolbar>
86408689
<heading level="2">
86418690
Track
86428691
<Anchor></Anchor>
@@ -8799,7 +8848,6 @@ exports[`chromium /components/slider 1`] = `
87998848
valuetext="1 MB"
88008849
>
88018850
Storage: 1 MB
8802-
<text>1 MB</text>
88038851
</slider>
88048852
<toolbar>
88058853
demo source
@@ -22009,7 +22057,7 @@ exports[`firefox /components/slider 1`] = `
2200922057
<paragraph>
2201022058
<text>Disabled slider</text>
2201122059
</paragraph>
22012-
<slider orientation="horizontal" value="30" valuetext="30">
22060+
<slider disabled="true" orientation="horizontal" value="30" valuetext="30">
2201322061
Disabled slider
2201422062
</slider>
2201522063
<toolbar>
@@ -22046,14 +22094,17 @@ exports[`firefox /components/slider 1`] = `
2204622094
</paragraph>
2204722095
<slider orientation="horizontal" value="30°C" valuetext="30°C">
2204822096
Temperature
22049-
<text>30</text>
2205022097
</slider>
2205122098
<paragraph>
2205222099
<text>Disabled</text>
2205322100
</paragraph>
22054-
<slider orientation="horizontal" value="30°C" valuetext="30°C">
22101+
<slider
22102+
disabled="true"
22103+
orientation="horizontal"
22104+
value="30°C"
22105+
valuetext="30°C"
22106+
>
2205522107
Disabled
22056-
<text>30</text>
2205722108
</slider>
2205822109
<toolbar>
2205922110
demo source
@@ -22081,7 +22132,6 @@ exports[`firefox /components/slider 1`] = `
2208122132
</paragraph>
2208222133
<slider orientation="horizontal" value="5e-8°C" valuetext="5e-8°C">
2208322134
Small steps
22084-
<text>5e-8</text>
2208522135
</slider>
2208622136
<toolbar>
2208722137
demo source
@@ -22119,7 +22169,6 @@ exports[`firefox /components/slider 1`] = `
2211922169
</paragraph>
2212022170
<slider orientation="horizontal" value="20°C" valuetext="20°C">
2212122171
Custom marks
22122-
<text>20</text>
2212322172
</slider>
2212422173
<toolbar>
2212522174
demo source
@@ -22157,7 +22206,6 @@ exports[`firefox /components/slider 1`] = `
2215722206
</paragraph>
2215822207
<slider orientation="horizontal" value="20°C" valuetext="20°C">
2215922208
Restricted values
22160-
<text>2</text>
2216122209
</slider>
2216222210
<toolbar>
2216322211
demo source
@@ -22196,7 +22244,6 @@ exports[`firefox /components/slider 1`] = `
2219622244
</paragraph>
2219722245
<slider orientation="horizontal" value="80°C" valuetext="80°C">
2219822246
Always visible
22199-
<text>80</text>
2220022247
</slider>
2220122248
<toolbar>
2220222249
demo source
@@ -22234,11 +22281,9 @@ exports[`firefox /components/slider 1`] = `
2223422281
</paragraph>
2223522282
<slider orientation="horizontal" value="20°C" valuetext="20°C">
2223622283
Temperature range
22237-
<text>20</text>
2223822284
</slider>
2223922285
<slider orientation="horizontal" value="37°C" valuetext="37°C">
2224022286
Temperature range
22241-
<text>37</text>
2224222287
</slider>
2224322288
<toolbar>
2224422289
demo source
@@ -22310,14 +22355,12 @@ exports[`firefox /components/slider 1`] = `
2231022355
</paragraph>
2231122356
<slider orientation="horizontal" value="60" valuetext="60">
2231222357
ios slider
22313-
<text>60</text>
2231422358
</slider>
2231522359
<paragraph>
2231622360
<text>pretto.fr</text>
2231722361
</paragraph>
2231822362
<slider orientation="horizontal" value="20" valuetext="20">
2231922363
pretto slider
22320-
<text>20</text>
2232122364
</slider>
2232222365
<paragraph>
2232322366
<text>Tooltip value label</text>
@@ -22358,7 +22401,7 @@ exports[`firefox /components/slider 1`] = `
2235822401
<slider orientation="vertical" value="30°C" valuetext="30°C">
2235922402
Temperature
2236022403
</slider>
22361-
<slider orientation="vertical" value="30°C" valuetext="30°C">
22404+
<slider disabled="true" orientation="vertical" value="30°C" valuetext="30°C">
2236222405
Temperature
2236322406
</slider>
2236422407
<slider orientation="vertical" value="20°C" valuetext="20°C">
@@ -22376,6 +22419,50 @@ exports[`firefox /components/slider 1`] = `
2237622419
<button>Reset demo</button>
2237722420
<buttonmenu haspopup="true">See more</buttonmenu>
2237822421
</toolbar>
22422+
<paragraph>
22423+
<text>
22424+
WARNING: Chrome, Safari and newer Edge versions i.e. any browser based on
22425+
WebKit exposes <Slider orientation="vertical" /> as
22426+
horizontal (
22427+
</text>
22428+
<link>chromium issue #1158217</link>
22429+
<text>
22430+
). By applying -webkit-appearance: slider-vertical; the slider is exposed
22431+
as vertical.
22432+
</text>
22433+
</paragraph>
22434+
<paragraph>
22435+
<text>
22436+
However, by applying -webkit-appearance: slider-vertical; keyboard
22437+
navigation for horizontal keys (Arrow Left, Arrow Right) is reversed (
22438+
</text>
22439+
<link>chromium issue #1162640</link>
22440+
<text>
22441+
). Usually, up and right should increase and left and down should decrease
22442+
the value. If you apply -webkit-appearance you could prevent keyboard
22443+
navigation for horizontal arrow keys for a truly vertical slider. This
22444+
might be less confusing to users compared to a change in direction.
22445+
</text>
22446+
</paragraph>
22447+
<button>
22448+
A generic container that is programmatically focused to test keyboard
22449+
navigation of our components.
22450+
</button>
22451+
<paragraph>
22452+
<text>Temperature</text>
22453+
</paragraph>
22454+
<slider orientation="vertical" value="30" valuetext="30">
22455+
Temperature
22456+
</slider>
22457+
<toolbar>
22458+
demo source
22459+
<button>Show the source</button>
22460+
<button>Edit in CodeSandbox</button>
22461+
<button>Copy the source</button>
22462+
<button>Reset focus to test keyboard navigation</button>
22463+
<button>Reset demo</button>
22464+
<buttonmenu haspopup="true">See more</buttonmenu>
22465+
</toolbar>
2237922466
<heading level="2">
2238022467
Track
2238122468
<link></link>
@@ -22484,7 +22571,6 @@ exports[`firefox /components/slider 1`] = `
2248422571
</paragraph>
2248522572
<slider orientation="horizontal" value="1 MB" valuetext="1 MB">
2248622573
Storage: 1 MB
22487-
<text>1 MB</text>
2248822574
</slider>
2248922575
<toolbar>
2249022576
demo source

‎lib/a11y-snapshot/__snapshots__/axe.test.js.snap‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -68,17 +68,17 @@ exports[`chromium /components/selects/ 1`] = `Array []`;
6868
exports[`chromium /components/slider 1`] = `
6969
Array [
7070
Object {
71-
"canMismatch__helpUrl": "https://dequeuniversity.com/rules/axe/4.1/aria-input-field-name?application=axeAPI",
72-
"id": "aria-input-field-name",
71+
"canMismatch__helpUrl": "https://dequeuniversity.com/rules/axe/4.1/aria-valid-attr-value?application=axeAPI",
72+
"id": "aria-valid-attr-value",
7373
"nodes": Array [
74-
".css-mnij8t > span[aria-orientation=\\"horizontal\\"][aria-valuemax=\\"\\\\31 00\\"][aria-valuemin=\\"\\\\30 \\"]",
74+
"input[aria-labelledby=\\"discrete-slider-small-steps\\"]",
7575
],
7676
},
7777
Object {
78-
"canMismatch__helpUrl": "https://dequeuniversity.com/rules/axe/4.1/aria-valid-attr-value?application=axeAPI",
79-
"id": "aria-valid-attr-value",
78+
"canMismatch__helpUrl": "https://dequeuniversity.com/rules/axe/4.1/label?application=axeAPI",
79+
"id": "label",
8080
"nodes": Array [
81-
"span[aria-labelledby=\\"discrete-slider-small-steps\\"]",
81+
"input[value=\\"\\\\31 0\\"][aria-orientation=\\"horizontal\\"][aria-valuemax=\\"\\\\31 00\\"]",
8282
],
8383
},
8484
]

0 commit comments

Comments
 (0)