AllRolesTable.js in foreman_ansible-10.0.0

- old
+ new

@@ -19,24 +19,29 @@
 
   return (
     <React.Fragment>
       <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>
-        <TableComposable variant="compact">
+        <TableComposable ouiaId="table-composable-compact" variant="compact">
           <Thead>
-            <Tr>
+            <Tr ouiaId="row-header">
               <Th />
               {columns.map(col => (
                 <Th key={`${col}-all`}>{col}</Th>
               ))}
             </Tr>
           </Thead>
           <Tbody>
             {allAnsibleRoles.map(role => (
-              <Tr key={`${role.id}-all`} id={role.id}>
+              <Tr key={`${role.id}-all`} id={role.id} ouiaId={`row-${role.id}`}>
                 <Td />
                 <Td>{role.name}</Td>
                 <Td>
                   <a
                     href={`/ansible/ansible_variables?search=ansible_role=${role.name}`}
@@ -56,9 +61,10 @@
             ))}
           </Tbody>
         </TableComposable>
         <FlexItem align={{ default: 'alignRight' }}>
           <Pagination
+            ouiaId="pagination-bottom"
             updateParamsByUrl
             itemCount={totalCount}
             variant="bottom"
           />
         </FlexItem>