Skip to content

Commit 4fc47a8

Browse files
committed
test: add accessibility testing where applicable
1 parent 16b57d1 commit 4fc47a8

File tree

67 files changed

+342
-1054
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

67 files changed

+342
-1054
lines changed

__snapshots__/Action menu.md

Lines changed: 0 additions & 167 deletions
This file was deleted.

__snapshots__/Actionbar.md

Lines changed: 0 additions & 41 deletions
This file was deleted.

__snapshots__/Button.md

Lines changed: 0 additions & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -1,89 +1,5 @@
11
# `Button`
22

3-
#### `loads default`
4-
5-
```html
6-
<button
7-
id="button"
8-
tabindex="0"
9-
>
10-
<div id="label">
11-
<slot id="slot">
12-
</slot>
13-
</div>
14-
</button>
15-
16-
```
17-
18-
#### `loads default w/ element content`
19-
20-
```html
21-
<button
22-
id="button"
23-
tabindex="0"
24-
>
25-
<div id="label">
26-
<slot id="slot">
27-
</slot>
28-
</div>
29-
</button>
30-
31-
```
32-
33-
#### `loads default w/ an icon`
34-
35-
```html
36-
<button
37-
id="button"
38-
tabindex="0"
39-
>
40-
<slot name="icon">
41-
</slot>
42-
<div id="label">
43-
<slot id="slot">
44-
</slot>
45-
</div>
46-
</button>
47-
48-
```
49-
50-
#### `loads default only icon`
51-
52-
```html
53-
<button
54-
id="button"
55-
tabindex="0"
56-
>
57-
<slot name="icon">
58-
</slot>
59-
<div
60-
hidden=""
61-
id="label"
62-
>
63-
<slot id="slot">
64-
</slot>
65-
</div>
66-
</button>
67-
68-
```
69-
70-
#### `loads default w/ an icon on the right`
71-
72-
```html
73-
<button
74-
id="button"
75-
tabindex="0"
76-
>
77-
<div id="label">
78-
<slot id="slot">
79-
</slot>
80-
</div>
81-
<slot name="icon">
82-
</slot>
83-
</button>
84-
85-
```
86-
873
#### `loads with href`
884

895
```html

__snapshots__/Dropdown.md

Lines changed: 0 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -85,93 +85,3 @@
8585

8686
```
8787

88-
#### `renders invalid`
89-
90-
```html
91-
<sp-menu role="listbox">
92-
<sp-menu-item
93-
data-js-focus-visible=""
94-
role="option"
95-
tabindex="0"
96-
>
97-
Deselect
98-
</sp-menu-item>
99-
<sp-menu-item
100-
data-js-focus-visible=""
101-
role="option"
102-
tabindex="-1"
103-
value="option-2"
104-
>
105-
Select Inverse
106-
</sp-menu-item>
107-
<sp-menu-item
108-
data-js-focus-visible=""
109-
role="option"
110-
tabindex="-1"
111-
>
112-
Feather...
113-
</sp-menu-item>
114-
<sp-menu-item
115-
data-js-focus-visible=""
116-
role="option"
117-
tabindex="-1"
118-
>
119-
Select and Mask...
120-
</sp-menu-item>
121-
<sp-menu-divider role="separator">
122-
</sp-menu-divider>
123-
<sp-menu-item
124-
data-js-focus-visible=""
125-
role="option"
126-
tabindex="-1"
127-
>
128-
Save Selection
129-
</sp-menu-item>
130-
<sp-menu-item
131-
aria-disabled="true"
132-
data-js-focus-visible=""
133-
disabled=""
134-
role="option"
135-
tabindex="-1"
136-
>
137-
Make Work Path
138-
</sp-menu-item>
139-
</sp-menu>
140-
141-
```
142-
143-
```html
144-
<button
145-
aria-haspopup="true"
146-
aria-label="Select a Country with a very long label, too long in fact"
147-
id="button"
148-
tabindex="0"
149-
>
150-
<div
151-
class="placeholder"
152-
id="label"
153-
>
154-
<slot name="label">
155-
Select a Country with a very long label, too long in fact
156-
</slot>
157-
</div>
158-
<sp-icon
159-
class="alert-small icon"
160-
size="s"
161-
>
162-
</sp-icon>
163-
<sp-icon
164-
class="chevron-down-medium dropdown icon"
165-
size="s"
166-
>
167-
</sp-icon>
168-
</button>
169-
<sp-popover
170-
id="popover"
171-
open=""
172-
placement="none"
173-
>
174-
</sp-popover>
175-
176-
```
177-

0 commit comments

Comments
 (0)