webpack/components/AnsibleHostDetail/components/JobsTab/PreviousJobsTable.js in foreman_ansible-9.0.1 vs webpack/components/AnsibleHostDetail/components/JobsTab/PreviousJobsTable.js in foreman_ansible-10.0.0
- old
+ new
@@ -30,24 +30,29 @@
return (
<React.Fragment>
<h3>{__('Previously executed jobs')}</h3>
<Flex direction={{ default: 'column' }} className="pf-u-pt-md">
<FlexItem align={{ default: 'alignRight' }}>
- <Pagination updateParamsByUrl itemCount={totalCount} variant="top" />
+ <Pagination
+ ouiaId="pagination-top"
+ updateParamsByUrl
+ itemCount={totalCount}
+ variant="top"
+ />
</FlexItem>
<FlexItem>
- <TableComposable variant="compact">
+ <TableComposable ouiaId="table-composable-compact" variant="compact">
<Thead>
- <Tr>
+ <Tr ouiaId="row-header">
{columns.map(col => (
<Th key={col}>{col}</Th>
))}
</Tr>
</Thead>
<Tbody>
{jobs.map(job => (
- <Tr key={job.id}>
+ <Tr key={job.id} ouiaId={`row-${job.id}`}>
<Td>
<a
onClick={() =>
window.tfm.nav.pushUrl(
`/job_invocations/${decodeId(job.id)}`
@@ -70,9 +75,10 @@
</Tbody>
</TableComposable>
</FlexItem>
<FlexItem align={{ default: 'alignRight' }}>
<Pagination
+ ouiaId="pagination-bottom"
updateParamsByUrl
itemCount={totalCount}
variant="bottom"
/>
</FlexItem>