@@ -325,85 +325,190 @@ exports[`DataViewTable component should render correctly 1`] = `
325325
326326exports [` 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` ;
0 commit comments