@patternfly/react-core 4.202.12 → 4.202.13

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 (48) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/esm/components/LoginPage/LoginFooterItem.d.ts.map +1 -1
  3. package/dist/esm/components/LoginPage/LoginFooterItem.js +1 -3
  4. package/dist/esm/components/LoginPage/LoginFooterItem.js.map +1 -1
  5. package/dist/esm/components/TextInput/TextInput.d.ts +1 -0
  6. package/dist/esm/components/TextInput/TextInput.d.ts.map +1 -1
  7. package/dist/esm/components/TextInput/TextInput.js +2 -1
  8. package/dist/esm/components/TextInput/TextInput.js.map +1 -1
  9. package/dist/js/components/LoginPage/LoginFooterItem.d.ts.map +1 -1
  10. package/dist/js/components/LoginPage/LoginFooterItem.js +1 -3
  11. package/dist/js/components/LoginPage/LoginFooterItem.js.map +1 -1
  12. package/dist/js/components/TextInput/TextInput.d.ts +1 -0
  13. package/dist/js/components/TextInput/TextInput.d.ts.map +1 -1
  14. package/dist/js/components/TextInput/TextInput.js +2 -1
  15. package/dist/js/components/TextInput/TextInput.js.map +1 -1
  16. package/dist/umd/react-core.js +3 -4
  17. package/dist/umd/react-core.min.js +2 -2
  18. package/package.json +5 -5
  19. package/src/components/EmptyState/__tests__/EmptyState.test.tsx +46 -42
  20. package/src/components/EmptyState/__tests__/__snapshots__/EmptyState.test.tsx.snap +5 -130
  21. package/src/components/Form/__tests__/FormGroup.test.tsx +82 -57
  22. package/src/components/Form/__tests__/FormHelperText.test.tsx +42 -28
  23. package/src/components/Form/__tests__/__snapshots__/FormGroup.test.tsx.snap +51 -250
  24. package/src/components/Form/__tests__/__snapshots__/FormHelperText.test.tsx.snap +4 -44
  25. package/src/components/FormSelect/__tests__/FormSelect.test.tsx +131 -122
  26. package/src/components/FormSelect/__tests__/__snapshots__/FormSelect.test.tsx.snap +9 -301
  27. package/src/components/InputGroup/__tests__/InputGroup.test.tsx +17 -41
  28. package/src/components/InputGroup/__tests__/InputGroupText.test.tsx +17 -0
  29. package/src/components/Label/__tests__/Label.test.tsx +127 -68
  30. package/src/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +26 -828
  31. package/src/components/LabelGroup/__tests__/LabelGroup.test.tsx +24 -20
  32. package/src/components/LabelGroup/__tests__/__snapshots__/LabelGroup.test.tsx.snap +10 -12
  33. package/src/components/LoginPage/LoginFooterItem.tsx +0 -2
  34. package/src/components/LoginPage/__tests__/LoginFooterItem.test.tsx +23 -24
  35. package/src/components/LoginPage/__tests__/LoginForm.test.tsx +40 -33
  36. package/src/components/LoginPage/__tests__/LoginMainBody.test.tsx +10 -16
  37. package/src/components/LoginPage/__tests__/LoginMainFooter.test.tsx +11 -17
  38. package/src/components/LoginPage/__tests__/LoginMainFooterBandItem.test.tsx +23 -24
  39. package/src/components/LoginPage/__tests__/LoginMainFooterLinksItem.test.tsx +20 -24
  40. package/src/components/LoginPage/__tests__/LoginMainHeader.test.tsx +14 -20
  41. package/src/components/LoginPage/__tests__/__snapshots__/LoginFooterItem.test.tsx.snap +3 -13
  42. package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap +3 -415
  43. package/src/components/LoginPage/__tests__/__snapshots__/LoginMainBody.test.tsx.snap +2 -8
  44. package/src/components/LoginPage/__tests__/__snapshots__/LoginMainFooter.test.tsx.snap +2 -8
  45. package/src/components/LoginPage/__tests__/__snapshots__/LoginMainFooterBandItem.test.tsx.snap +3 -17
  46. package/src/components/LoginPage/__tests__/__snapshots__/LoginMainFooterLinksItem.test.tsx.snap +3 -31
  47. package/src/components/LoginPage/__tests__/__snapshots__/LoginMainHeader.test.tsx.snap +3 -12
  48. package/src/components/TextInput/TextInput.tsx +4 -1
package/src/components/Label/__tests__/__snapshots__/Label.test.tsx.snap CHANGED
@@ -1,855 +1,53 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`editable label 1`] = `
4
- <Label
5
- isEditable={true}
6
- onClose={[MockFunction]}
7
- onEditCancel={[MockFunction]}
8
- onEditComplete={[MockFunction]}
9
- >
10
- <span
11
- className="pf-c-label pf-m-editable"
12
- >
13
- <button
14
- className="pf-c-label__content"
15
- onClick={[Function]}
16
- >
17
- Something
18
- </button>
19
- <Button
20
- aria-label="Close Something"
21
- onClick={[MockFunction]}
22
- type="button"
23
- variant="plain"
24
- >
25
- <ButtonBase
26
- aria-label="Close Something"
27
- innerRef={null}
28
- onClick={[MockFunction]}
29
- type="button"
30
- variant="plain"
31
- >
32
- <button
33
- aria-disabled={false}
34
- aria-label="Close Something"
35
- className="pf-c-button pf-m-plain"
36
- data-ouia-component-id="OUIA-Generated-Button-plain-3"
37
- data-ouia-component-type="PF4/Button"
38
- data-ouia-safe={true}
39
- disabled={false}
40
- onClick={[MockFunction]}
41
- role={null}
42
- type="button"
43
- >
44
- <TimesIcon
45
- color="currentColor"
46
- noVerticalAlign={false}
47
- size="sm"
48
- >
49
- <svg
50
- aria-hidden={true}
51
- aria-labelledby={null}
52
- fill="currentColor"
53
- height="1em"
54
- role="img"
55
- style={
56
- Object {
57
- "verticalAlign": "-0.125em",
58
- }
59
- }
60
- viewBox="0 0 352 512"
61
- width="1em"
62
- >
63
- <path
64
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
65
- />
66
- </svg>
67
- </TimesIcon>
68
- </button>
69
- </ButtonBase>
70
- </Button>
71
- </span>
72
- </Label>
73
- `;
3
+ exports[`Label editable label 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-editable\\"><button class=\\"pf-c-label__content\\">Something</button><button aria-disabled=\\"false\\" aria-label=\\"Close Something\\" class=\\"pf-c-button pf-m-plain\\" type=\\"button\\" data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Button-plain-3\\"><svg style=\\"vertical-align: -0.125em;\\" fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 352 512\\" aria-hidden=\\"true\\" role=\\"img\\"><path d=\\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\\"></path></svg></button></span>"`;
74
4
 
75
- exports[`editable label 2`] = `
76
- <Label
77
- isEditable={true}
78
- onClose={[MockFunction]}
79
- onEditCancel={[MockFunction]}
80
- onEditComplete={[MockFunction]}
81
- >
82
- <span
83
- className="pf-c-label pf-m-editable pf-m-editable-active"
84
- >
85
- <input
86
- className="pf-c-label__content"
87
- id="editable-input"
88
- onChange={[Function]}
89
- type="text"
90
- value="Something"
91
- />
92
- </span>
93
- </Label>
94
- `;
5
+ exports[`Label editable label 2`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-editable pf-m-editable-active\\"><input class=\\"pf-c-label__content\\" type=\\"text\\" id=\\"editable-input\\" value=\\"Something\\"></span>"`;
95
6
 
96
- exports[`label 1`] = `
97
- <div>
98
- <span
99
- class="pf-c-label"
100
- >
101
- <span
102
- class="pf-c-label__content"
103
- >
104
- Something
105
- </span>
106
- </span>
107
- </div>
108
- `;
7
+ exports[`Label label with additional class name 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label klass1\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
109
8
 
110
- exports[`label 2`] = `
111
- Object {
112
- "asFragment": [Function],
113
- "baseElement": <body>
114
- <div>
115
- <span
116
- class="pf-c-label"
117
- >
118
- <span
119
- class="pf-c-label__content"
120
- >
121
- Something
122
- </span>
123
- </span>
124
- </div>
125
- <div>
126
- <span
127
- class="pf-c-label pf-m-outline"
128
- >
129
- <span
130
- class="pf-c-label__content"
131
- >
132
- Something
133
- </span>
134
- </span>
135
- </div>
136
- </body>,
137
- "container": <div>
138
- <span
139
- class="pf-c-label pf-m-outline"
140
- >
141
- <span
142
- class="pf-c-label__content"
143
- >
144
- Something
145
- </span>
146
- </span>
147
- </div>,
148
- "debug": [Function],
149
- "findAllByAltText": [Function],
150
- "findAllByDisplayValue": [Function],
151
- "findAllByLabelText": [Function],
152
- "findAllByPlaceholderText": [Function],
153
- "findAllByRole": [Function],
154
- "findAllByTestId": [Function],
155
- "findAllByText": [Function],
156
- "findAllByTitle": [Function],
157
- "findByAltText": [Function],
158
- "findByDisplayValue": [Function],
159
- "findByLabelText": [Function],
160
- "findByPlaceholderText": [Function],
161
- "findByRole": [Function],
162
- "findByTestId": [Function],
163
- "findByText": [Function],
164
- "findByTitle": [Function],
165
- "getAllByAltText": [Function],
166
- "getAllByDisplayValue": [Function],
167
- "getAllByLabelText": [Function],
168
- "getAllByPlaceholderText": [Function],
169
- "getAllByRole": [Function],
170
- "getAllByTestId": [Function],
171
- "getAllByText": [Function],
172
- "getAllByTitle": [Function],
173
- "getByAltText": [Function],
174
- "getByDisplayValue": [Function],
175
- "getByLabelText": [Function],
176
- "getByPlaceholderText": [Function],
177
- "getByRole": [Function],
178
- "getByTestId": [Function],
179
- "getByText": [Function],
180
- "getByTitle": [Function],
181
- "queryAllByAltText": [Function],
182
- "queryAllByDisplayValue": [Function],
183
- "queryAllByLabelText": [Function],
184
- "queryAllByPlaceholderText": [Function],
185
- "queryAllByRole": [Function],
186
- "queryAllByTestId": [Function],
187
- "queryAllByText": [Function],
188
- "queryAllByTitle": [Function],
189
- "queryByAltText": [Function],
190
- "queryByDisplayValue": [Function],
191
- "queryByLabelText": [Function],
192
- "queryByPlaceholderText": [Function],
193
- "queryByRole": [Function],
194
- "queryByTestId": [Function],
195
- "queryByText": [Function],
196
- "queryByTitle": [Function],
197
- "rerender": [Function],
198
- "unmount": [Function],
199
- }
200
- `;
9
+ exports[`Label label with additional class name and props 1`] = `"<span id=\\"label-1\\" data-label-name=\\"something\\" data-testid=\\"label-test-id\\" class=\\"pf-c-label class-1\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
201
10
 
202
- exports[`label 3`] = `
203
- Object {
204
- "asFragment": [Function],
205
- "baseElement": <body>
206
- <div>
207
- <span
208
- class="pf-c-label"
209
- >
210
- <span
211
- class="pf-c-label__content"
212
- >
213
- Something
214
- </span>
215
- </span>
216
- </div>
217
- <div>
218
- <span
219
- class="pf-c-label pf-m-outline"
220
- >
221
- <span
222
- class="pf-c-label__content"
223
- >
224
- Something
225
- </span>
226
- </span>
227
- </div>
228
- <div>
229
- <span
230
- class="pf-c-label pf-m-compact"
231
- >
232
- <span
233
- class="pf-c-label__content"
234
- >
235
- Something
236
- </span>
237
- </span>
238
- </div>
239
- </body>,
240
- "container": <div>
241
- <span
242
- class="pf-c-label pf-m-compact"
243
- >
244
- <span
245
- class="pf-c-label__content"
246
- >
247
- Something
248
- </span>
249
- </span>
250
- </div>,
251
- "debug": [Function],
252
- "findAllByAltText": [Function],
253
- "findAllByDisplayValue": [Function],
254
- "findAllByLabelText": [Function],
255
- "findAllByPlaceholderText": [Function],
256
- "findAllByRole": [Function],
257
- "findAllByTestId": [Function],
258
- "findAllByText": [Function],
259
- "findAllByTitle": [Function],
260
- "findByAltText": [Function],
261
- "findByDisplayValue": [Function],
262
- "findByLabelText": [Function],
263
- "findByPlaceholderText": [Function],
264
- "findByRole": [Function],
265
- "findByTestId": [Function],
266
- "findByText": [Function],
267
- "findByTitle": [Function],
268
- "getAllByAltText": [Function],
269
- "getAllByDisplayValue": [Function],
270
- "getAllByLabelText": [Function],
271
- "getAllByPlaceholderText": [Function],
272
- "getAllByRole": [Function],
273
- "getAllByTestId": [Function],
274
- "getAllByText": [Function],
275
- "getAllByTitle": [Function],
276
- "getByAltText": [Function],
277
- "getByDisplayValue": [Function],
278
- "getByLabelText": [Function],
279
- "getByPlaceholderText": [Function],
280
- "getByRole": [Function],
281
- "getByTestId": [Function],
282
- "getByText": [Function],
283
- "getByTitle": [Function],
284
- "queryAllByAltText": [Function],
285
- "queryAllByDisplayValue": [Function],
286
- "queryAllByLabelText": [Function],
287
- "queryAllByPlaceholderText": [Function],
288
- "queryAllByRole": [Function],
289
- "queryAllByTestId": [Function],
290
- "queryAllByText": [Function],
291
- "queryAllByTitle": [Function],
292
- "queryByAltText": [Function],
293
- "queryByDisplayValue": [Function],
294
- "queryByLabelText": [Function],
295
- "queryByPlaceholderText": [Function],
296
- "queryByRole": [Function],
297
- "queryByTestId": [Function],
298
- "queryByText": [Function],
299
- "queryByTitle": [Function],
300
- "rerender": [Function],
301
- "unmount": [Function],
302
- }
303
- `;
11
+ exports[`Label label with blue color 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-blue\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
304
12
 
305
- exports[`label with additional class name 1`] = `
306
- <div>
307
- <span
308
- class="pf-c-label klass1"
309
- >
310
- <span
311
- class="pf-c-label__content"
312
- >
313
- Something
314
- </span>
315
- </span>
316
- </div>
317
- `;
13
+ exports[`Label label with blue color with outline variant 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-blue pf-m-outline\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
318
14
 
319
- exports[`label with additional class name and props 1`] = `
320
- <div>
321
- <span
322
- class="pf-c-label class-1"
323
- data-label-name="something"
324
- id="label-1"
325
- >
326
- <span
327
- class="pf-c-label__content"
328
- >
329
- Something
330
- </span>
331
- </span>
332
- </div>
333
- `;
15
+ exports[`Label label with close button 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label\\"><span class=\\"pf-c-label__content\\">Something</span><button aria-disabled=\\"false\\" aria-label=\\"Close Something\\" class=\\"pf-c-button pf-m-plain\\" type=\\"button\\" data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Button-plain-1\\"><svg style=\\"vertical-align: -0.125em;\\" fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 352 512\\" aria-hidden=\\"true\\" role=\\"img\\"><path d=\\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\\"></path></svg></button></span>"`;
334
16
 
335
- exports[`label with blue color 1`] = `
336
- <div>
337
- <span
338
- class="pf-c-label pf-m-blue"
339
- >
340
- <span
341
- class="pf-c-label__content"
342
- >
343
- Something
344
- </span>
345
- </span>
346
- </div>
347
- `;
17
+ exports[`Label label with close button and outline variant 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-outline\\"><span class=\\"pf-c-label__content\\">Something</span><button aria-disabled=\\"false\\" aria-label=\\"Close Something\\" class=\\"pf-c-button pf-m-plain\\" type=\\"button\\" data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Button-plain-2\\"><svg style=\\"vertical-align: -0.125em;\\" fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 352 512\\" aria-hidden=\\"true\\" role=\\"img\\"><path d=\\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\\"></path></svg></button></span>"`;
348
18
 
349
- exports[`label with blue color 2`] = `
350
- <div>
351
- <span
352
- class="pf-c-label pf-m-blue pf-m-outline"
353
- >
354
- <span
355
- class="pf-c-label__content"
356
- >
357
- Something
358
- </span>
359
- </span>
360
- </div>
361
- `;
19
+ exports[`Label label with cyan color 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-cyan\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
362
20
 
363
- exports[`label with close button 1`] = `
364
- <div>
365
- <span
366
- class="pf-c-label"
367
- >
368
- <span
369
- class="pf-c-label__content"
370
- >
371
- Something
372
- </span>
373
- <button
374
- aria-disabled="false"
375
- aria-label="Close Something"
376
- class="pf-c-button pf-m-plain"
377
- data-ouia-component-id="OUIA-Generated-Button-plain-1"
378
- data-ouia-component-type="PF4/Button"
379
- data-ouia-safe="true"
380
- type="button"
381
- >
382
- <svg
383
- aria-hidden="true"
384
- fill="currentColor"
385
- height="1em"
386
- role="img"
387
- style="vertical-align: -0.125em;"
388
- viewBox="0 0 352 512"
389
- width="1em"
390
- >
391
- <path
392
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
393
- />
394
- </svg>
395
- </button>
396
- </span>
397
- </div>
398
- `;
21
+ exports[`Label label with cyan color with outline variant 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-cyan pf-m-outline\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
399
22
 
400
- exports[`label with close button 2`] = `
401
- Object {
402
- "asFragment": [Function],
403
- "baseElement": <body>
404
- <div>
405
- <span
406
- class="pf-c-label"
407
- >
408
- <span
409
- class="pf-c-label__content"
410
- >
411
- Something
412
- </span>
413
- <button
414
- aria-disabled="false"
415
- aria-label="Close Something"
416
- class="pf-c-button pf-m-plain"
417
- data-ouia-component-id="OUIA-Generated-Button-plain-1"
418
- data-ouia-component-type="PF4/Button"
419
- data-ouia-safe="true"
420
- type="button"
421
- >
422
- <svg
423
- aria-hidden="true"
424
- fill="currentColor"
425
- height="1em"
426
- role="img"
427
- style="vertical-align: -0.125em;"
428
- viewBox="0 0 352 512"
429
- width="1em"
430
- >
431
- <path
432
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
433
- />
434
- </svg>
435
- </button>
436
- </span>
437
- </div>
438
- <div>
439
- <span
440
- class="pf-c-label pf-m-outline"
441
- >
442
- <span
443
- class="pf-c-label__content"
444
- >
445
- Something
446
- </span>
447
- <button
448
- aria-disabled="false"
449
- aria-label="Close Something"
450
- class="pf-c-button pf-m-plain"
451
- data-ouia-component-id="OUIA-Generated-Button-plain-2"
452
- data-ouia-component-type="PF4/Button"
453
- data-ouia-safe="true"
454
- type="button"
455
- >
456
- <svg
457
- aria-hidden="true"
458
- fill="currentColor"
459
- height="1em"
460
- role="img"
461
- style="vertical-align: -0.125em;"
462
- viewBox="0 0 352 512"
463
- width="1em"
464
- >
465
- <path
466
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
467
- />
468
- </svg>
469
- </button>
470
- </span>
471
- </div>
472
- </body>,
473
- "container": <div>
474
- <span
475
- class="pf-c-label pf-m-outline"
476
- >
477
- <span
478
- class="pf-c-label__content"
479
- >
480
- Something
481
- </span>
482
- <button
483
- aria-disabled="false"
484
- aria-label="Close Something"
485
- class="pf-c-button pf-m-plain"
486
- data-ouia-component-id="OUIA-Generated-Button-plain-2"
487
- data-ouia-component-type="PF4/Button"
488
- data-ouia-safe="true"
489
- type="button"
490
- >
491
- <svg
492
- aria-hidden="true"
493
- fill="currentColor"
494
- height="1em"
495
- role="img"
496
- style="vertical-align: -0.125em;"
497
- viewBox="0 0 352 512"
498
- width="1em"
499
- >
500
- <path
501
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
502
- />
503
- </svg>
504
- </button>
505
- </span>
506
- </div>,
507
- "debug": [Function],
508
- "findAllByAltText": [Function],
509
- "findAllByDisplayValue": [Function],
510
- "findAllByLabelText": [Function],
511
- "findAllByPlaceholderText": [Function],
512
- "findAllByRole": [Function],
513
- "findAllByTestId": [Function],
514
- "findAllByText": [Function],
515
- "findAllByTitle": [Function],
516
- "findByAltText": [Function],
517
- "findByDisplayValue": [Function],
518
- "findByLabelText": [Function],
519
- "findByPlaceholderText": [Function],
520
- "findByRole": [Function],
521
- "findByTestId": [Function],
522
- "findByText": [Function],
523
- "findByTitle": [Function],
524
- "getAllByAltText": [Function],
525
- "getAllByDisplayValue": [Function],
526
- "getAllByLabelText": [Function],
527
- "getAllByPlaceholderText": [Function],
528
- "getAllByRole": [Function],
529
- "getAllByTestId": [Function],
530
- "getAllByText": [Function],
531
- "getAllByTitle": [Function],
532
- "getByAltText": [Function],
533
- "getByDisplayValue": [Function],
534
- "getByLabelText": [Function],
535
- "getByPlaceholderText": [Function],
536
- "getByRole": [Function],
537
- "getByTestId": [Function],
538
- "getByText": [Function],
539
- "getByTitle": [Function],
540
- "queryAllByAltText": [Function],
541
- "queryAllByDisplayValue": [Function],
542
- "queryAllByLabelText": [Function],
543
- "queryAllByPlaceholderText": [Function],
544
- "queryAllByRole": [Function],
545
- "queryAllByTestId": [Function],
546
- "queryAllByText": [Function],
547
- "queryAllByTitle": [Function],
548
- "queryByAltText": [Function],
549
- "queryByDisplayValue": [Function],
550
- "queryByLabelText": [Function],
551
- "queryByPlaceholderText": [Function],
552
- "queryByRole": [Function],
553
- "queryByTestId": [Function],
554
- "queryByText": [Function],
555
- "queryByTitle": [Function],
556
- "rerender": [Function],
557
- "unmount": [Function],
558
- }
559
- `;
23
+ exports[`Label label with green color 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-green\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
560
24
 
561
- exports[`label with cyan color 1`] = `
562
- <div>
563
- <span
564
- class="pf-c-label pf-m-cyan"
565
- >
566
- <span
567
- class="pf-c-label__content"
568
- >
569
- Something
570
- </span>
571
- </span>
572
- </div>
573
- `;
25
+ exports[`Label label with green color with outline variant 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-green pf-m-outline\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
574
26
 
575
- exports[`label with cyan color 2`] = `
576
- <div>
577
- <span
578
- class="pf-c-label pf-m-cyan pf-m-outline"
579
- >
580
- <span
581
- class="pf-c-label__content"
582
- >
583
- Something
584
- </span>
585
- </span>
586
- </div>
587
- `;
27
+ exports[`Label label with grey color 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
588
28
 
589
- exports[`label with green color 1`] = `
590
- <div>
591
- <span
592
- class="pf-c-label pf-m-green"
593
- >
594
- <span
595
- class="pf-c-label__content"
596
- >
597
- Something
598
- </span>
599
- </span>
600
- </div>
601
- `;
29
+ exports[`Label label with grey color with outline variant 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-outline\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
602
30
 
603
- exports[`label with green color 2`] = `
604
- <div>
605
- <span
606
- class="pf-c-label pf-m-green pf-m-outline"
607
- >
608
- <span
609
- class="pf-c-label__content"
610
- >
611
- Something
612
- </span>
613
- </span>
614
- </div>
615
- `;
31
+ exports[`Label label with href 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label\\"><a class=\\"pf-c-label__content\\" href=\\"#\\">Something</a></span>"`;
616
32
 
617
- exports[`label with grey color 1`] = `
618
- <div>
619
- <span
620
- class="pf-c-label"
621
- >
622
- <span
623
- class="pf-c-label__content"
624
- >
625
- Something
626
- </span>
627
- </span>
628
- </div>
629
- `;
33
+ exports[`Label label with href with outline variant 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-outline\\"><a class=\\"pf-c-label__content\\" href=\\"#\\">Something</a></span>"`;
630
34
 
631
- exports[`label with grey color 2`] = `
632
- <div>
633
- <span
634
- class="pf-c-label pf-m-outline"
635
- >
636
- <span
637
- class="pf-c-label__content"
638
- >
639
- Something
640
- </span>
641
- </span>
642
- </div>
643
- `;
35
+ exports[`Label label with orange color 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-orange\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
644
36
 
645
- exports[`label with href 1`] = `
646
- <div>
647
- <span
648
- class="pf-c-label"
649
- >
650
- <a
651
- class="pf-c-label__content"
652
- href="#"
653
- >
654
- Something
655
- </a>
656
- </span>
657
- </div>
658
- `;
37
+ exports[`Label label with orange color with outline variant 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-orange pf-m-outline\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
659
38
 
660
- exports[`label with href 2`] = `
661
- Object {
662
- "asFragment": [Function],
663
- "baseElement": <body>
664
- <div>
665
- <span
666
- class="pf-c-label"
667
- >
668
- <a
669
- class="pf-c-label__content"
670
- href="#"
671
- >
672
- Something
673
- </a>
674
- </span>
675
- </div>
676
- <div>
677
- <span
678
- class="pf-c-label pf-m-outline"
679
- >
680
- <a
681
- class="pf-c-label__content"
682
- href="#"
683
- >
684
- Something
685
- </a>
686
- </span>
687
- </div>
688
- </body>,
689
- "container": <div>
690
- <span
691
- class="pf-c-label pf-m-outline"
692
- >
693
- <a
694
- class="pf-c-label__content"
695
- href="#"
696
- >
697
- Something
698
- </a>
699
- </span>
700
- </div>,
701
- "debug": [Function],
702
- "findAllByAltText": [Function],
703
- "findAllByDisplayValue": [Function],
704
- "findAllByLabelText": [Function],
705
- "findAllByPlaceholderText": [Function],
706
- "findAllByRole": [Function],
707
- "findAllByTestId": [Function],
708
- "findAllByText": [Function],
709
- "findAllByTitle": [Function],
710
- "findByAltText": [Function],
711
- "findByDisplayValue": [Function],
712
- "findByLabelText": [Function],
713
- "findByPlaceholderText": [Function],
714
- "findByRole": [Function],
715
- "findByTestId": [Function],
716
- "findByText": [Function],
717
- "findByTitle": [Function],
718
- "getAllByAltText": [Function],
719
- "getAllByDisplayValue": [Function],
720
- "getAllByLabelText": [Function],
721
- "getAllByPlaceholderText": [Function],
722
- "getAllByRole": [Function],
723
- "getAllByTestId": [Function],
724
- "getAllByText": [Function],
725
- "getAllByTitle": [Function],
726
- "getByAltText": [Function],
727
- "getByDisplayValue": [Function],
728
- "getByLabelText": [Function],
729
- "getByPlaceholderText": [Function],
730
- "getByRole": [Function],
731
- "getByTestId": [Function],
732
- "getByText": [Function],
733
- "getByTitle": [Function],
734
- "queryAllByAltText": [Function],
735
- "queryAllByDisplayValue": [Function],
736
- "queryAllByLabelText": [Function],
737
- "queryAllByPlaceholderText": [Function],
738
- "queryAllByRole": [Function],
739
- "queryAllByTestId": [Function],
740
- "queryAllByText": [Function],
741
- "queryAllByTitle": [Function],
742
- "queryByAltText": [Function],
743
- "queryByDisplayValue": [Function],
744
- "queryByLabelText": [Function],
745
- "queryByPlaceholderText": [Function],
746
- "queryByRole": [Function],
747
- "queryByTestId": [Function],
748
- "queryByText": [Function],
749
- "queryByTitle": [Function],
750
- "rerender": [Function],
751
- "unmount": [Function],
752
- }
753
- `;
39
+ exports[`Label label with purple color 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-purple\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
754
40
 
755
- exports[`label with orange color 1`] = `
756
- <div>
757
- <span
758
- class="pf-c-label pf-m-orange"
759
- >
760
- <span
761
- class="pf-c-label__content"
762
- >
763
- Something
764
- </span>
765
- </span>
766
- </div>
767
- `;
41
+ exports[`Label label with purple color with outline variant 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-purple pf-m-outline\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
768
42
 
769
- exports[`label with orange color 2`] = `
770
- <div>
771
- <span
772
- class="pf-c-label pf-m-orange pf-m-outline"
773
- >
774
- <span
775
- class="pf-c-label__content"
776
- >
777
- Something
778
- </span>
779
- </span>
780
- </div>
781
- `;
43
+ exports[`Label label with red color 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-red\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
782
44
 
783
- exports[`label with purple color 1`] = `
784
- <div>
785
- <span
786
- class="pf-c-label pf-m-purple"
787
- >
788
- <span
789
- class="pf-c-label__content"
790
- >
791
- Something
792
- </span>
793
- </span>
794
- </div>
795
- `;
45
+ exports[`Label label with red color with outline variant 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-red pf-m-outline\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
796
46
 
797
- exports[`label with purple color 2`] = `
798
- <div>
799
- <span
800
- class="pf-c-label pf-m-purple pf-m-outline"
801
- >
802
- <span
803
- class="pf-c-label__content"
804
- >
805
- Something
806
- </span>
807
- </span>
808
- </div>
809
- `;
47
+ exports[`Label label with truncation 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label\\"><span class=\\"pf-c-label__content\\"><span class=\\"pf-c-label__text\\">Something very very very very very long that should be truncated</span></span></span>"`;
810
48
 
811
- exports[`label with red color 1`] = `
812
- <div>
813
- <span
814
- class="pf-c-label pf-m-red"
815
- >
816
- <span
817
- class="pf-c-label__content"
818
- >
819
- Something
820
- </span>
821
- </span>
822
- </div>
823
- `;
49
+ exports[`Label renders 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
824
50
 
825
- exports[`label with red color 2`] = `
826
- <div>
827
- <span
828
- class="pf-c-label pf-m-red pf-m-outline"
829
- >
830
- <span
831
- class="pf-c-label__content"
832
- >
833
- Something
834
- </span>
835
- </span>
836
- </div>
837
- `;
51
+ exports[`Label renders with isCompact 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-compact\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;
838
52
 
839
- exports[`label with truncation 1`] = `
840
- <div>
841
- <span
842
- class="pf-c-label"
843
- >
844
- <span
845
- class="pf-c-label__content"
846
- >
847
- <span
848
- class="pf-c-label__text"
849
- >
850
- Something very very very very very long that should be truncated
851
- </span>
852
- </span>
853
- </span>
854
- </div>
855
- `;
53
+ exports[`Label renders with outline variant 1`] = `"<span data-testid=\\"label-test-id\\" class=\\"pf-c-label pf-m-outline\\"><span class=\\"pf-c-label__content\\">Something</span></span>"`;