Skip to content

Commit ee663f8

Browse files
committed
feat(states): Update snapshots
1 parent bebc9b5 commit ee663f8

File tree

5 files changed

+359
-149
lines changed

5 files changed

+359
-149
lines changed

packages/module/src/DataView/DataView.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export type DataViewImpementationProps = Omit<DataViewProps, 'onSelect' | 'isIte
2626
const DataViewImplementation: React.FC<DataViewImpementationProps> = ({
2727
children, ouiaId = 'DataView', ...props
2828
}: DataViewImpementationProps) => (
29-
<Stack data-ouia-component-id={`${ouiaId}-stack}`} {...props}>
29+
<Stack data-ouia-component-id={`${ouiaId}-stack`} {...props}>
3030
{React.Children.map(children, (child, index) => (
3131
<StackItem data-ouia-component-id={`${ouiaId}-stack-item-${index}`}>
3232
{child}

packages/module/src/DataView/__snapshots__/DataView.test.tsx.snap

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ exports[`DataView component should render correctly 1`] = `
77
<div>
88
<div
99
class="pf-v5-l-stack"
10-
data-ouia-component-id="DataView-stack}"
10+
data-ouia-component-id="DataView-stack"
1111
>
1212
<div
1313
class="pf-v5-l-stack__item"
@@ -45,7 +45,7 @@ exports[`DataView component should render correctly 1`] = `
4545
"container": <div>
4646
<div
4747
class="pf-v5-l-stack"
48-
data-ouia-component-id="DataView-stack}"
48+
data-ouia-component-id="DataView-stack"
4949
>
5050
<div
5151
class="pf-v5-l-stack__item"

packages/module/src/DataViewTableBasic/__snapshots__/DataViewTableBasic.test.tsx.snap

Lines changed: 178 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -325,85 +325,190 @@ exports[`DataViewTable component should render correctly 1`] = `
325325

326326
exports[`DataViewTable component should render with an empty state 1`] = `
327327
<div>
328-
<table
329-
aria-label="Repositories table"
330-
class="pf-v5-c-table pf-m-grid-md"
331-
data-ouia-component-id="TableExample"
332-
data-ouia-component-type="PF5/Table"
333-
data-ouia-safe="true"
334-
role="grid"
328+
<div
329+
class="pf-v5-l-stack"
330+
data-ouia-component-id="DataView-stack"
335331
>
336-
<thead
337-
class="pf-v5-c-table__thead"
338-
data-ouia-component-id="TableExample-thead"
332+
<div
333+
class="pf-v5-l-stack__item"
334+
data-ouia-component-id="DataView-stack-item-0"
339335
>
340-
<tr
341-
class="pf-v5-c-table__tr"
342-
data-ouia-component-id="TableExample-tr-head"
343-
data-ouia-component-type="PF5/TableRow"
336+
<table
337+
aria-label="Repositories table"
338+
class="pf-v5-c-table pf-m-grid-md"
339+
data-ouia-component-id="TableExample"
340+
data-ouia-component-type="PF5/Table"
344341
data-ouia-safe="true"
342+
role="grid"
345343
>
346-
<th
347-
class="pf-v5-c-table__th"
348-
data-ouia-component-id="TableExample-th-0"
349-
scope="col"
350-
tabindex="-1"
351-
>
352-
Repositories
353-
</th>
354-
<th
355-
class="pf-v5-c-table__th"
356-
data-ouia-component-id="TableExample-th-1"
357-
scope="col"
358-
tabindex="-1"
359-
>
360-
Branches
361-
</th>
362-
<th
363-
class="pf-v5-c-table__th"
364-
data-ouia-component-id="TableExample-th-2"
365-
scope="col"
366-
tabindex="-1"
367-
>
368-
Pull requests
369-
</th>
370-
<th
371-
class="pf-v5-c-table__th"
372-
data-ouia-component-id="TableExample-th-3"
373-
scope="col"
374-
tabindex="-1"
375-
>
376-
Workspaces
377-
</th>
378-
<th
379-
class="pf-v5-c-table__th"
380-
data-ouia-component-id="TableExample-th-4"
381-
scope="col"
382-
tabindex="-1"
383-
>
384-
Last commit
385-
</th>
386-
</tr>
387-
</thead>
388-
<tbody
389-
class="pf-v5-c-table__tbody"
390-
role="rowgroup"
344+
<thead
345+
class="pf-v5-c-table__thead"
346+
data-ouia-component-id="TableExample-thead"
347+
>
348+
<tr
349+
class="pf-v5-c-table__tr"
350+
data-ouia-component-id="TableExample-tr-head"
351+
data-ouia-component-type="PF5/TableRow"
352+
data-ouia-safe="true"
353+
>
354+
<th
355+
class="pf-v5-c-table__th"
356+
data-ouia-component-id="TableExample-th-0"
357+
scope="col"
358+
tabindex="-1"
359+
>
360+
Repositories
361+
</th>
362+
<th
363+
class="pf-v5-c-table__th"
364+
data-ouia-component-id="TableExample-th-1"
365+
scope="col"
366+
tabindex="-1"
367+
>
368+
Branches
369+
</th>
370+
<th
371+
class="pf-v5-c-table__th"
372+
data-ouia-component-id="TableExample-th-2"
373+
scope="col"
374+
tabindex="-1"
375+
>
376+
Pull requests
377+
</th>
378+
<th
379+
class="pf-v5-c-table__th"
380+
data-ouia-component-id="TableExample-th-3"
381+
scope="col"
382+
tabindex="-1"
383+
>
384+
Workspaces
385+
</th>
386+
<th
387+
class="pf-v5-c-table__th"
388+
data-ouia-component-id="TableExample-th-4"
389+
scope="col"
390+
tabindex="-1"
391+
>
392+
Last commit
393+
</th>
394+
</tr>
395+
</thead>
396+
<tbody
397+
class="pf-v5-c-table__tbody"
398+
role="rowgroup"
399+
>
400+
<tr
401+
class="pf-v5-c-table__tr"
402+
data-ouia-component-id="TableExample-tr-empty"
403+
data-ouia-component-type="PF5/TableRow"
404+
data-ouia-safe="true"
405+
>
406+
<td
407+
class="pf-v5-c-table__td"
408+
colspan="5"
409+
tabindex="-1"
410+
>
411+
No data found
412+
</td>
413+
</tr>
414+
</tbody>
415+
</table>
416+
</div>
417+
</div>
418+
</div>
419+
`;
420+
421+
exports[`DataViewTable component should render with an error state 1`] = `
422+
<div>
423+
<div
424+
class="pf-v5-l-stack"
425+
data-ouia-component-id="DataView-stack"
426+
>
427+
<div
428+
class="pf-v5-l-stack__item"
429+
data-ouia-component-id="DataView-stack-item-0"
391430
>
392-
<tr
393-
class="pf-v5-c-table__tr"
394-
data-ouia-component-id="TableExample-tr-empty"
395-
data-ouia-component-type="PF5/TableRow"
431+
<table
432+
aria-label="Repositories table"
433+
class="pf-v5-c-table pf-m-grid-md"
434+
data-ouia-component-id="TableExample"
435+
data-ouia-component-type="PF5/Table"
396436
data-ouia-safe="true"
437+
role="grid"
397438
>
398-
<td
399-
class="pf-v5-c-table__td"
400-
colspan="5"
401-
tabindex="-1"
402-
>
403-
No data found
404-
</td>
405-
</tr>
406-
</tbody>
407-
</table>
439+
<thead
440+
class="pf-v5-c-table__thead"
441+
data-ouia-component-id="TableExample-thead"
442+
>
443+
<tr
444+
class="pf-v5-c-table__tr"
445+
data-ouia-component-id="TableExample-tr-head"
446+
data-ouia-component-type="PF5/TableRow"
447+
data-ouia-safe="true"
448+
>
449+
<th
450+
class="pf-v5-c-table__th"
451+
data-ouia-component-id="TableExample-th-0"
452+
scope="col"
453+
tabindex="-1"
454+
>
455+
Repositories
456+
</th>
457+
<th
458+
class="pf-v5-c-table__th"
459+
data-ouia-component-id="TableExample-th-1"
460+
scope="col"
461+
tabindex="-1"
462+
>
463+
Branches
464+
</th>
465+
<th
466+
class="pf-v5-c-table__th"
467+
data-ouia-component-id="TableExample-th-2"
468+
scope="col"
469+
tabindex="-1"
470+
>
471+
Pull requests
472+
</th>
473+
<th
474+
class="pf-v5-c-table__th"
475+
data-ouia-component-id="TableExample-th-3"
476+
scope="col"
477+
tabindex="-1"
478+
>
479+
Workspaces
480+
</th>
481+
<th
482+
class="pf-v5-c-table__th"
483+
data-ouia-component-id="TableExample-th-4"
484+
scope="col"
485+
tabindex="-1"
486+
>
487+
Last commit
488+
</th>
489+
</tr>
490+
</thead>
491+
<tbody
492+
class="pf-v5-c-table__tbody"
493+
role="rowgroup"
494+
>
495+
<tr
496+
class="pf-v5-c-table__tr"
497+
data-ouia-component-id="TableExample-tr-error"
498+
data-ouia-component-type="PF5/TableRow"
499+
data-ouia-safe="true"
500+
>
501+
<td
502+
class="pf-v5-c-table__td"
503+
colspan="5"
504+
tabindex="-1"
505+
>
506+
Some error
507+
</td>
508+
</tr>
509+
</tbody>
510+
</table>
511+
</div>
512+
</div>
408513
</div>
409514
`;

packages/module/src/DataViewTableHeader/__snapshots__/DataViewTableHeader.test.tsx.snap

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ exports[`DataViewTableHeader component should render selection column when selec
6969
<div>
7070
<div
7171
class="pf-v5-l-stack"
72-
data-ouia-component-id="DataView-stack}"
72+
data-ouia-component-id="DataView-stack"
7373
>
7474
<div
7575
class="pf-v5-l-stack__item"
@@ -155,7 +155,7 @@ exports[`DataViewTableHeader component should render the tree table correctly wh
155155
<div>
156156
<div
157157
class="pf-v5-l-stack"
158-
data-ouia-component-id="DataView-stack}"
158+
data-ouia-component-id="DataView-stack"
159159
>
160160
<div
161161
class="pf-v5-l-stack__item"

0 commit comments

Comments
 (0)