From b2124dffb5856f886965e5a686a5c3d1f6d86421 Mon Sep 17 00:00:00 2001
From: Marliana Lara <mlara@redhat.com>
Date: Fri, 7 Jan 2022 14:39:18 -0500
Subject: [PATCH] Add test locators to OUIA-compliant components

---
 .../components/AdHocCommands/AdHocCommands.js |   1 +
 .../AdHocCommands/AdHocDetailsStep.js         |   2 +
 .../AddDropDownButton/AddDropDownButton.js    |   1 +
 awx/ui/src/components/AddRole/CheckboxCard.js |   1 +
 .../src/components/AlertModal/AlertModal.js   |   1 +
 .../components/AnsibleSelect/AnsibleSelect.js |   1 +
 .../components/AppContainer/AppContainer.js   |   6 +-
 .../AppContainer/NavExpandableGroup.js        |  15 +-
 .../AppContainer/PageHeaderToolbar.js         |  17 ++-
 .../CheckboxListItem/CheckboxListItem.js      |  13 +-
 .../components/CodeEditor/VariablesDetail.js  |   1 +
 .../components/CodeEditor/VariablesField.js   |   5 +-
 .../DataListToolbar/DataListToolbar.js        |   3 +
 .../FieldWithPrompt/FieldWithPrompt.js        |   3 +-
 .../src/components/FormField/CheckboxField.js |   1 +
 awx/ui/src/components/FormField/FormField.js  |   2 +
 .../components/FormField/FormSubmitError.js   |   1 +
 .../src/components/HostToggle/HostToggle.js   |   1 +
 .../InstanceToggle/InstanceToggle.js          |   1 +
 .../components/JobList/JobListCancelButton.js |   1 +
 awx/ui/src/components/JobList/JobListItem.js  |  34 ++++-
 .../LaunchButton/ReLaunchDropDown.js          |   2 +
 .../LaunchPrompt/steps/CredentialsStep.js     |   1 +
 .../LaunchPrompt/steps/OtherPromptsStep.js    |   1 +
 .../src/components/ListHeader/ListHeader.js   |   1 +
 .../src/components/Lookup/HostFilterLookup.js |   2 +
 awx/ui/src/components/Lookup/Lookup.js        |   9 +-
 .../Lookup/MultiCredentialsLookup.js          |   1 +
 .../components/MultiSelect/TagMultiSelect.js  |   1 +
 .../NotificationList/NotificationListItem.js  |   9 +-
 .../components/PaginatedTable/HeaderRow.js    |   2 +-
 .../PaginatedTable/PaginatedTable.js          |   2 +
 .../components/PromptDetail/PromptDetail.js   |  39 ++++-
 .../PromptInventorySourceDetail.js            |   9 +-
 .../PromptDetail/PromptJobTemplateDetail.js   |  21 ++-
 .../PromptDetail/PromptProjectDetail.js       |  43 +++++-
 .../PromptDetail/PromptWFJobTemplateDetail.js |   2 +
 .../ResourceAccessListItem.js                 |  17 ++-
 .../src/components/RoutedTabs/RoutedTabs.js   |   7 +-
 .../Schedule/ScheduleDetail/ScheduleDetail.js |  28 +++-
 .../Schedule/ScheduleList/ScheduleListItem.js |   5 +-
 .../Schedule/ScheduleToggle/ScheduleToggle.js |   1 +
 .../Schedule/shared/FrequencyDetailSubform.js |  10 ++
 .../components/ScreenHeader/ScreenHeader.js   |  10 +-
 awx/ui/src/components/Search/Search.js        |   7 +-
 .../components/SelectedList/SelectedList.js   |   6 +-
 awx/ui/src/components/Sort/Sort.js            |  14 +-
 .../TemplateList/TemplateListItem.js          |  25 +++-
 .../Workflow/WorkflowActionTooltipItem.js     |   1 +
 .../screens/ActivityStream/ActivityStream.js  |   1 +
 .../ActivityStreamDetailButton.js             |   1 +
 .../ActivityStream/ActivityStreamListItem.js  |   2 +-
 .../ApplicationTokenListItem.js               |   2 +-
 .../ApplicationsList/ApplicationListItem.js   |   5 +-
 .../CredentialDetail/CredentialDetail.js      |   7 +-
 .../CredentialList/CredentialListItem.js      |   2 +-
 .../CredentialPluginTestAlert.js              |   1 +
 .../CredentialTypeDetails.js                  |   2 +
 .../CredentialTypeListItem.js                 |   5 +-
 awx/ui/src/screens/Dashboard/Dashboard.js     |   4 +
 .../src/screens/Dashboard/DashboardGraph.js   |   2 +
 .../ExecutionEnvironmentListItem.js           |   5 +-
 .../ExecutionEnvironmentTemplateListItem.js   |   5 +-
 .../src/screens/Host/HostDetail/HostDetail.js |   1 +
 .../src/screens/Host/HostFacts/HostFacts.js   |   1 +
 .../screens/Host/HostGroups/HostGroupItem.js  |   2 +-
 .../src/screens/Host/HostList/HostListItem.js |   4 +-
 .../Host/HostList/SmartInventoryButton.js     |   1 +
 .../ContainerGroupDetails.js                  |   1 +
 .../InstanceGroupListItem.js                  |   2 +-
 .../Instances/InstanceListItem.js             |  10 +-
 .../InventoryDetail/InventoryDetail.js        |  13 +-
 .../InventoryGroupDetail.js                   |   1 +
 .../InventoryGroupHostList.js                 |   2 +
 .../InventoryGroupHostListItem.js             |   6 +-
 .../InventoryGroups/InventoryGroupItem.js     |   2 +-
 .../InventoryHostDetail.js                    |   1 +
 .../InventoryHostFacts/InventoryHostFacts.js  |   1 +
 .../InventoryHostGroupItem.js                 |   5 +-
 .../InventoryHosts/InventoryHostItem.js       |   2 +-
 .../InventoryList/InventoryListItem.js        |   7 +-
 .../InventoryRelatedGroupList.js              |   1 +
 .../InventoryRelatedGroupListItem.js          |   6 +-
 .../InventorySourceDetail.js                  |   1 +
 .../InventorySourceListItem.js                |   2 +-
 .../SmartInventoryDetail.js                   |  13 +-
 .../SmartInventoryHostDetail.js               |   1 +
 .../SmartInventoryHostListItem.js             |   2 +-
 .../shared/InventoryGroupsDeleteModal.js      |   6 +
 awx/ui/src/screens/Job/JobDetail/JobDetail.js |  44 +++++-
 .../screens/Job/JobOutput/HostEventModal.js   |   6 +
 .../screens/Job/JobOutput/JobOutputSearch.js  |   1 +
 .../WorkflowOutput/WorkflowOutputToolbar.js   |   2 +-
 awx/ui/src/screens/Login/Login.js             |   1 +
 .../ManagementJobListItem.js                  |   3 +-
 awx/ui/src/screens/Metrics/Metrics.js         |   2 +-
 .../NotificationTemplateListItem.js           |   5 +-
 .../OrganizationDetail/OrganizationDetail.js  |  19 ++-
 .../OrganizationExecEnvListItem.js            |   5 +-
 .../OrganizationList/OrganizationListItem.js  |   2 +-
 .../OrganizationTeamListItem.js               |   2 +-
 .../ProjectJobTemplatesListItem.js            |   5 +-
 .../Project/ProjectList/ProjectListItem.js    |   2 +-
 .../shared/ProjectSubForms/ManualSubForm.js   |   1 +
 .../RADIUS/RADIUSDetail/RADIUSDetail.js       |   1 +
 .../SubscriptionEdit/SubscriptionModal.js     |   8 +-
 .../TACACS/TACACSDetail/TACACSDetail.js       |   1 +
 .../src/screens/Team/TeamList/TeamListItem.js |   2 +-
 .../Team/TeamRoles/TeamRoleListItem.js        |   2 +-
 .../JobTemplateDetail/JobTemplateDetail.js    | 137 +++++++++++++++---
 .../src/screens/Template/Survey/SurveyList.js |   2 +-
 .../screens/Template/Survey/SurveyListItem.js |   9 +-
 .../Template/Survey/SurveyReorderModal.js     |   7 +-
 .../screens/Template/Survey/SurveyToolbar.js  |   3 +-
 .../WorkflowJobTemplateDetail.js              |   4 +-
 .../Template/shared/JobTemplateForm.js        |   2 +
 .../screens/Template/shared/LabelSelect.js    |   1 +
 .../shared/WorkflowJobTemplateForm.js         |   1 +
 .../src/screens/User/UserList/UserListItem.js |   2 +-
 .../UserOrganizationListItem.js               |   5 +-
 .../User/UserRoles/UserRolesListItem.js       |   2 +-
 .../User/UserTeams/UserTeamListItem.js        |   2 +-
 .../User/UserTokenList/UserTokenListItem.js   |   2 +-
 .../WorkflowApprovalListApproveButton.js      |   1 +
 .../WorkflowApprovalListDenyButton.js         |   1 +
 125 files changed, 682 insertions(+), 138 deletions(-)

diff --git a/awx/ui/src/components/AdHocCommands/AdHocCommands.js b/awx/ui/src/components/AdHocCommands/AdHocCommands.js
index 2049962cd5..d37106285f 100644
--- a/awx/ui/src/components/AdHocCommands/AdHocCommands.js
+++ b/awx/ui/src/components/AdHocCommands/AdHocCommands.js
@@ -128,6 +128,7 @@ function AdHocCommands({
             component="button"
             aria-label={t`Run Command`}
             onClick={() => setIsWizardOpen(true)}
+            ouiaId="run-command-dropdown-item"
           >
             {t`Run Command`}
           </DropdownItem>
diff --git a/awx/ui/src/components/AdHocCommands/AdHocDetailsStep.js b/awx/ui/src/components/AdHocCommands/AdHocDetailsStep.js
index 6760b58a83..d226b240ca 100644
--- a/awx/ui/src/components/AdHocCommands/AdHocDetailsStep.js
+++ b/awx/ui/src/components/AdHocCommands/AdHocDetailsStep.js
@@ -207,6 +207,7 @@ function AdHocDetailsStep({ verbosityOptions, moduleOptions }) {
                 onChange={() => {
                   diffModeHelpers.setValue(!diffModeField.value);
                 }}
+                ouiaId="diff-mode-switch"
                 aria-label={t`toggle changes`}
               />
             </FormGroup>
@@ -236,6 +237,7 @@ function AdHocDetailsStep({ verbosityOptions, moduleOptions }) {
                     </span>
                   }
                   id="become_enabled"
+                  ouiaId="become_enabled"
                   isChecked={becomeEnabledField.value}
                   onChange={(checked) => {
                     becomeEnabledHelpers.setValue(checked);
diff --git a/awx/ui/src/components/AddDropDownButton/AddDropDownButton.js b/awx/ui/src/components/AddDropDownButton/AddDropDownButton.js
index 3342324f51..b240450bb7 100644
--- a/awx/ui/src/components/AddDropDownButton/AddDropDownButton.js
+++ b/awx/ui/src/components/AddDropDownButton/AddDropDownButton.js
@@ -42,6 +42,7 @@ function AddDropDownButton({ dropdownItems, ouiaId }) {
           />
         }
         dropdownItems={dropdownItems}
+        ouiaId="add-dropdown"
       />
     </div>
   );
diff --git a/awx/ui/src/components/AddRole/CheckboxCard.js b/awx/ui/src/components/AddRole/CheckboxCard.js
index 828df6a213..b055ee9309 100644
--- a/awx/ui/src/components/AddRole/CheckboxCard.js
+++ b/awx/ui/src/components/AddRole/CheckboxCard.js
@@ -26,6 +26,7 @@ function CheckboxCard(props) {
         onChange={onSelect}
         aria-label={name}
         id={`checkbox-card-${itemId}`}
+        ouiaId={`checkbox-card-${itemId}`}
         label={
           <>
             <div style={{ fontWeight: 'bold' }}>{name}</div>
diff --git a/awx/ui/src/components/AlertModal/AlertModal.js b/awx/ui/src/components/AlertModal/AlertModal.js
index 3d3c7394d3..df0afb87aa 100644
--- a/awx/ui/src/components/AlertModal/AlertModal.js
+++ b/awx/ui/src/components/AlertModal/AlertModal.js
@@ -77,6 +77,7 @@ function AlertModal({
       isOpen={Boolean(isOpen)}
       variant="small"
       title={title}
+      ouiaId="alert-modal"
       {...props}
     >
       {children}
diff --git a/awx/ui/src/components/AnsibleSelect/AnsibleSelect.js b/awx/ui/src/components/AnsibleSelect/AnsibleSelect.js
index 8a1cb9ea2c..14e886c16b 100644
--- a/awx/ui/src/components/AnsibleSelect/AnsibleSelect.js
+++ b/awx/ui/src/components/AnsibleSelect/AnsibleSelect.js
@@ -31,6 +31,7 @@ function AnsibleSelect({
   return (
     <FormSelect
       id={id}
+      ouiaId={id}
       value={value}
       onChange={onSelectChange}
       onBlur={onBlur}
diff --git a/awx/ui/src/components/AppContainer/AppContainer.js b/awx/ui/src/components/AppContainer/AppContainer.js
index d1c31c305a..f3c07596a6 100644
--- a/awx/ui/src/components/AppContainer/AppContainer.js
+++ b/awx/ui/src/components/AppContainer/AppContainer.js
@@ -91,7 +91,11 @@ function AppContainer({ navRouteConfig = [], children }) {
     <PageSidebar
       theme="dark"
       nav={
-        <Nav aria-label={t`Navigation`} theme="dark">
+        <Nav
+          aria-label={t`Navigation`}
+          theme="dark"
+          ouiaId="sidebar-navigation"
+        >
           <NavList>
             {navRouteConfig.map(({ groupId, groupTitle, routes }) => (
               <NavExpandableGroup
diff --git a/awx/ui/src/components/AppContainer/NavExpandableGroup.js b/awx/ui/src/components/AppContainer/NavExpandableGroup.js
index 694545ec02..3e27257e81 100644
--- a/awx/ui/src/components/AppContainer/NavExpandableGroup.js
+++ b/awx/ui/src/components/AppContainer/NavExpandableGroup.js
@@ -20,7 +20,12 @@ function NavExpandableGroup(props) {
   if (routes.length === 1 && groupId === 'settings') {
     const [{ path }] = routes;
     return (
-      <NavItem itemId={groupId} isActive={isActivePath(path)} key={path}>
+      <NavItem
+        itemId={groupId}
+        isActive={isActivePath(path)}
+        key={path}
+        // ouiaId={path}
+      >
         <Link to={path}>{groupTitle}</Link>
       </NavItem>
     );
@@ -31,10 +36,16 @@ function NavExpandableGroup(props) {
       isActive={isActive}
       isExpanded
       groupId={groupId}
+      ouiaId={groupId}
       title={groupTitle}
     >
       {routes.map(({ path, title }) => (
-        <NavItem groupId={groupId} isActive={isActivePath(path)} key={path}>
+        <NavItem
+          groupId={groupId}
+          isActive={isActivePath(path)}
+          key={path}
+          // ouiaId={path}
+        >
           <Link to={path}>{title}</Link>
         </NavItem>
       ))}
diff --git a/awx/ui/src/components/AppContainer/PageHeaderToolbar.js b/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
index 0f6a878782..f396e5f518 100644
--- a/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
+++ b/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
@@ -101,8 +101,13 @@ function PageHeaderToolbar({
             isOpen={isHelpOpen}
             position={DropdownPosition.right}
             onSelect={handleHelpSelect}
+            ouiaId="toolbar-info-dropdown"
             toggle={
-              <DropdownToggle onToggle={setIsHelpOpen} aria-label={t`Info`}>
+              <DropdownToggle
+                onToggle={setIsHelpOpen}
+                aria-label={t`Info`}
+                ouiaId="toolbar-info-dropdown-toggle"
+              >
                 <QuestionCircleIcon />
               </DropdownToggle>
             }
@@ -111,6 +116,7 @@ function PageHeaderToolbar({
                 key="help"
                 target="_blank"
                 href={`${getDocsBaseUrl(config)}/html/userguide/index.html`}
+                ouiaId="help-dropdown-item"
               >
                 {t`Help`}
               </DropdownItem>,
@@ -119,6 +125,7 @@ function PageHeaderToolbar({
                 component="button"
                 isDisabled={isAboutDisabled}
                 onClick={onAboutClick}
+                ouiaId="about-dropdown-item"
               >
                 {t`About`}
               </DropdownItem>,
@@ -128,12 +135,16 @@ function PageHeaderToolbar({
         <PageHeaderToolsItem>
           <Dropdown
             id="toolbar-user-dropdown"
+            ouiaId="toolbar-user-dropdown"
             isPlain
             isOpen={isUserOpen}
             position={DropdownPosition.right}
             onSelect={handleUserSelect}
             toggle={
-              <DropdownToggle onToggle={setIsUserOpen}>
+              <DropdownToggle
+                onToggle={setIsUserOpen}
+                ouiaId="toolbar-user-dropdown-toggle"
+              >
                 <UserIcon />
                 {loggedInUser && (
                   <span style={{ marginLeft: '10px' }}>
@@ -149,6 +160,7 @@ function PageHeaderToolbar({
                 href={
                   loggedInUser ? `#/users/${loggedInUser.id}/details` : '#/home'
                 }
+                ouiaId="user-dropdown-item"
               >
                 {t`User Details`}
               </DropdownItem>,
@@ -157,6 +169,7 @@ function PageHeaderToolbar({
                 component="button"
                 onClick={onLogoutClick}
                 id="logout-button"
+                ouiaId="logout-dropdown-item"
               >
                 {t`Logout`}
               </DropdownItem>,
diff --git a/awx/ui/src/components/CheckboxListItem/CheckboxListItem.js b/awx/ui/src/components/CheckboxListItem/CheckboxListItem.js
index c6b4b1130d..fee1892cbc 100644
--- a/awx/ui/src/components/CheckboxListItem/CheckboxListItem.js
+++ b/awx/ui/src/components/CheckboxListItem/CheckboxListItem.js
@@ -44,12 +44,21 @@ const CheckboxListItem = ({
 
       {columns?.length > 0 ? (
         columns.map((col) => (
-          <Td aria-label={col.name} dataLabel={col.key} key={col.key}>
+          <Td
+            aria-label={col.name}
+            data-cy={`item-${itemId}-${col.name}`}
+            dataLabel={col.key}
+            key={col.key}
+          >
             {item[col.key]}
           </Td>
         ))
       ) : (
-        <Td aria-labelledby={itemId} dataLabel={label}>
+        <Td
+          aria-labelledby={itemId}
+          data-cy={`item-${itemId}`}
+          dataLabel={label}
+        >
           <b>{label}</b>
         </Td>
       )}
diff --git a/awx/ui/src/components/CodeEditor/VariablesDetail.js b/awx/ui/src/components/CodeEditor/VariablesDetail.js
index cf94f2adc9..0923d4b1cc 100644
--- a/awx/ui/src/components/CodeEditor/VariablesDetail.js
+++ b/awx/ui/src/components/CodeEditor/VariablesDetail.js
@@ -109,6 +109,7 @@ function VariablesDetail({
       <Modal
         variant="xlarge"
         title={label}
+        ouiaId={`${dataCy}-modal`}
         isOpen={isExpanded}
         onClose={() => setIsExpanded(false)}
         actions={[
diff --git a/awx/ui/src/components/CodeEditor/VariablesField.js b/awx/ui/src/components/CodeEditor/VariablesField.js
index ef22ddd86d..02ede84f7d 100644
--- a/awx/ui/src/components/CodeEditor/VariablesField.js
+++ b/awx/ui/src/components/CodeEditor/VariablesField.js
@@ -131,6 +131,7 @@ function VariablesField({
       <Modal
         variant="xlarge"
         title={label}
+        ouiaId={`${id}-modal`}
         isOpen={isExpanded}
         onClose={() => setIsExpanded(false)}
         actions={[
@@ -214,7 +215,7 @@ function VariablesFieldInternals({
 
   return (
     <div className="pf-c-form__group">
-      <FieldHeader>
+      <FieldHeader data-cy={`${id}-label`}>
         <Split hasGutter>
           <SplitItem>
             <label htmlFor={id} className="pf-c-form__label">
@@ -246,7 +247,7 @@ function VariablesFieldInternals({
             variant="plain"
             aria-label={t`Expand input`}
             onClick={onExpand}
-            ouiaId={`${id}-variables-expand`}
+            ouiaId={`${id}-expand`}
           >
             <ExpandArrowsAltIcon />
           </Button>
diff --git a/awx/ui/src/components/DataListToolbar/DataListToolbar.js b/awx/ui/src/components/DataListToolbar/DataListToolbar.js
index 4842814c34..2a3a0cdd7f 100644
--- a/awx/ui/src/components/DataListToolbar/DataListToolbar.js
+++ b/awx/ui/src/components/DataListToolbar/DataListToolbar.js
@@ -80,6 +80,7 @@ function DataListToolbar({
   return (
     <Toolbar
       id={`${qsConfig.namespace}-list-toolbar`}
+      ouiaId={`${qsConfig.namespace}-list-toolbar`}
       clearAllFilters={clearAllFilters}
       collapseListedFiltersBreakpoint="lg"
       clearFiltersButtonText={Boolean(search) && t`Clear all filters`}
@@ -113,6 +114,7 @@ function DataListToolbar({
                 onChange={onSelectAll}
                 aria-label={t`Select all`}
                 id="select-all"
+                ouiaId="select-all"
               />
             </ToolbarItem>
           </ToolbarGroup>
@@ -177,6 +179,7 @@ function DataListToolbar({
                 position={dropdownPosition}
                 isPlain
                 dropdownItems={additionalControls}
+                ouiaId="actions-dropdown"
               />
             </KebabifiedProvider>
           </ToolbarItem>
diff --git a/awx/ui/src/components/FieldWithPrompt/FieldWithPrompt.js b/awx/ui/src/components/FieldWithPrompt/FieldWithPrompt.js
index 0bf7fbcb75..d58fca986b 100644
--- a/awx/ui/src/components/FieldWithPrompt/FieldWithPrompt.js
+++ b/awx/ui/src/components/FieldWithPrompt/FieldWithPrompt.js
@@ -27,7 +27,7 @@ function FieldWithPrompt({
   isDisabled,
 }) {
   return (
-    <div className="pf-c-form__group">
+    <div className="pf-c-form__group" data-cy={`${fieldId}-form-group`}>
       <FieldHeader>
         <div>
           <label className="pf-c-form__label" htmlFor={fieldId}>
@@ -45,6 +45,7 @@ function FieldWithPrompt({
           id={promptId}
           label={t`Prompt on launch`}
           name={promptName}
+          ouiaId={`${promptId}-checkbox`}
         />
       </FieldHeader>
       {children}
diff --git a/awx/ui/src/components/FormField/CheckboxField.js b/awx/ui/src/components/FormField/CheckboxField.js
index 57dd17c9b9..daa8677ca4 100644
--- a/awx/ui/src/components/FormField/CheckboxField.js
+++ b/awx/ui/src/components/FormField/CheckboxField.js
@@ -18,6 +18,7 @@ function CheckboxField({
     <Checkbox
       isDisabled={isDisabled}
       aria-label={label}
+      ouiaId={id}
       label={
         <span>
           {label}
diff --git a/awx/ui/src/components/FormField/FormField.js b/awx/ui/src/components/FormField/FormField.js
index b92d111c2f..70850785e9 100644
--- a/awx/ui/src/components/FormField/FormField.js
+++ b/awx/ui/src/components/FormField/FormField.js
@@ -26,6 +26,7 @@ function FormField(props) {
       {(type === 'textarea' && (
         <FormGroup
           fieldId={id}
+          data-cy={`${id}-form-group`}
           helperText={helperText}
           helperTextInvalid={meta.error}
           isRequired={isRequired}
@@ -48,6 +49,7 @@ function FormField(props) {
       )) || (
         <FormGroup
           fieldId={id}
+          data-cy={`${id}-form-group`}
           helperText={helperText}
           helperTextInvalid={meta.error}
           isRequired={isRequired}
diff --git a/awx/ui/src/components/FormField/FormSubmitError.js b/awx/ui/src/components/FormField/FormSubmitError.js
index 920aaaaa29..a2726c392b 100644
--- a/awx/ui/src/components/FormField/FormSubmitError.js
+++ b/awx/ui/src/components/FormField/FormSubmitError.js
@@ -27,6 +27,7 @@ function FormSubmitError({ error }) {
       <Alert
         variant="danger"
         isInline
+        ouiaId="form-submit-error-alert"
         title={
           Array.isArray(errorMessage)
             ? errorMessage.map((msg) => <div key={msg}>{msg}</div>)
diff --git a/awx/ui/src/components/HostToggle/HostToggle.js b/awx/ui/src/components/HostToggle/HostToggle.js
index c7870c8a3c..0a5f0edc9a 100644
--- a/awx/ui/src/components/HostToggle/HostToggle.js
+++ b/awx/ui/src/components/HostToggle/HostToggle.js
@@ -66,6 +66,7 @@ function HostToggle({
             !host.summary_fields.user_capabilities.edit
           }
           onChange={toggleHost}
+          ouiaId={`host-${host.id}-toggle`}
           aria-label={t`Toggle host`}
         />
       </Tooltip>
diff --git a/awx/ui/src/components/InstanceToggle/InstanceToggle.js b/awx/ui/src/components/InstanceToggle/InstanceToggle.js
index 0895d31fc5..c5c20e448c 100644
--- a/awx/ui/src/components/InstanceToggle/InstanceToggle.js
+++ b/awx/ui/src/components/InstanceToggle/InstanceToggle.js
@@ -57,6 +57,7 @@ function InstanceToggle({ className, fetchInstances, instance, onToggle }) {
           isChecked={isEnabled}
           isDisabled={isLoading || !me?.is_superuser}
           onChange={toggleInstance}
+          ouiaId={`host-${instance.id}-toggle`}
           aria-label={t`Toggle instance`}
         />
       </Tooltip>
diff --git a/awx/ui/src/components/JobList/JobListCancelButton.js b/awx/ui/src/components/JobList/JobListCancelButton.js
index 62420ed384..39d94afc74 100644
--- a/awx/ui/src/components/JobList/JobListCancelButton.js
+++ b/awx/ui/src/components/JobList/JobListCancelButton.js
@@ -115,6 +115,7 @@ function JobListCancelButton({ jobsToCancel, onCancel }) {
           component="button"
           aria-labelledby="jobs-list-cancel-button"
           onClick={toggleModal}
+          ouiaId="cancel-job-dropdown-item"
         >
           {cancelJobText}
         </DropdownItem>
diff --git a/awx/ui/src/components/JobList/JobListItem.js b/awx/ui/src/components/JobList/JobListItem.js
index 4cdb215790..9967b1b154 100644
--- a/awx/ui/src/components/JobList/JobListItem.js
+++ b/awx/ui/src/components/JobList/JobListItem.js
@@ -60,7 +60,7 @@ function JobListItem({
 
   return (
     <>
-      <Tr id={`job-row-${job.id}`}>
+      <Tr id={`job-row-${job.id}`} ouiaId={`job-row-${job.id}`}>
         <Td
           expand={{
             rowIndex: job.id,
@@ -147,7 +147,11 @@ function JobListItem({
           </ActionItem>
         </ActionsTd>
       </Tr>
-      <Tr isExpanded={isExpanded} id={`expanded-job-row-${job.id}`}>
+      <Tr
+        isExpanded={isExpanded}
+        id={`expanded-job-row-${job.id}`}
+        ouiaId={`expanded-job-row-${job.id}`}
+      >
         <Td colSpan={2} />
         <Td colSpan={showTypeColumn ? 6 : 5}>
           <ExpandableRowContent>
@@ -235,10 +239,20 @@ function JobListItem({
                 <Detail
                   fullWidth
                   label={t`Credentials`}
+                  dataCy={`job-${job.id}-credentials`}
                   value={
-                    <ChipGroup numChips={5} totalChips={credentials.length}>
+                    <ChipGroup
+                      numChips={5}
+                      totalChips={credentials.length}
+                      ouiaId={`job-${job.id}-credential-chips`}
+                    >
                       {credentials.map((c) => (
-                        <CredentialChip key={c.id} credential={c} isReadOnly />
+                        <CredentialChip
+                          credential={c}
+                          isReadOnly
+                          key={c.id}
+                          ouiaId={`credential-${c.id}-chip`}
+                        />
                       ))}
                     </ChipGroup>
                   }
@@ -249,9 +263,17 @@ function JobListItem({
                   fullWidth
                   label={t`Labels`}
                   value={
-                    <ChipGroup numChips={5} totalChips={labels.results.length}>
+                    <ChipGroup
+                      numChips={5}
+                      totalChips={labels.results.length}
+                      ouiaId={`job-${job.id}-label-chips`}
+                    >
                       {labels.results.map((l) => (
-                        <Chip key={l.id} isReadOnly>
+                        <Chip
+                          key={l.id}
+                          isReadOnly
+                          ouiaId={`label-${l.id}-chip`}
+                        >
                           {l.name}
                         </Chip>
                       ))}
diff --git a/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js b/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js
index c5fac44a4f..6bb4548593 100644
--- a/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js
+++ b/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js
@@ -77,6 +77,7 @@ function ReLaunchDropDown({
             aria-label={t`relaunch jobs`}
             id={id}
             isPrimary
+            ouiaId="relaunch-job-toggle"
           >
             {t`Relaunch`}
           </DropdownToggle>
@@ -98,6 +99,7 @@ function ReLaunchDropDown({
           onToggle={onToggle}
           aria-label={t`relaunch jobs`}
           id={id}
+          ouiaId="relaunch-job-toggle"
         >
           <RocketIcon />
         </DropdownToggle>
diff --git a/awx/ui/src/components/LaunchPrompt/steps/CredentialsStep.js b/awx/ui/src/components/LaunchPrompt/steps/CredentialsStep.js
index 78694db0f5..cc6cc924d1 100644
--- a/awx/ui/src/components/LaunchPrompt/steps/CredentialsStep.js
+++ b/awx/ui/src/components/LaunchPrompt/steps/CredentialsStep.js
@@ -127,6 +127,7 @@ function CredentialsStep({
       onClick={() => removeItem(item)}
       isReadOnly={!canDelete}
       credential={item}
+      ouiaId={`credential-chip-${item.id}`}
     />
   );
 
diff --git a/awx/ui/src/components/LaunchPrompt/steps/OtherPromptsStep.js b/awx/ui/src/components/LaunchPrompt/steps/OtherPromptsStep.js
index ec942e6aea..d69fe75838 100644
--- a/awx/ui/src/components/LaunchPrompt/steps/OtherPromptsStep.js
+++ b/awx/ui/src/components/LaunchPrompt/steps/OtherPromptsStep.js
@@ -186,6 +186,7 @@ function ShowChangesToggle() {
         labelOff={t`Off`}
         isChecked={field.value}
         onChange={helpers.setValue}
+        ouiaId="prompt-show-changes"
       />
     </FormGroup>
   );
diff --git a/awx/ui/src/components/ListHeader/ListHeader.js b/awx/ui/src/components/ListHeader/ListHeader.js
index d44103803e..32b9dd570d 100644
--- a/awx/ui/src/components/ListHeader/ListHeader.js
+++ b/awx/ui/src/components/ListHeader/ListHeader.js
@@ -96,6 +96,7 @@ function ListHeader(props) {
           id={`${qsConfig.namespace}-list-toolbar`}
           clearAllFilters={handleRemoveAll}
           collapseListedFiltersBreakpoint="lg"
+          ouiaId={`${qsConfig.namespace}-list-toolbar`}
         >
           <ToolbarContent>
             <EmptyStateControlsWrapper>
diff --git a/awx/ui/src/components/Lookup/HostFilterLookup.js b/awx/ui/src/components/Lookup/HostFilterLookup.js
index 3468d5d4b7..c4cf9aa0df 100644
--- a/awx/ui/src/components/Lookup/HostFilterLookup.js
+++ b/awx/ui/src/components/Lookup/HostFilterLookup.js
@@ -275,6 +275,7 @@ function HostFilterLookup({
             key={name}
             numChips={5}
             totalChips={chips[key]?.chips?.length || 0}
+            ouiaId="host-filter-search-chips"
           >
             {chips[key]?.chips?.map((chip) => (
               <Chip key={chip.key} isReadOnly>
@@ -296,6 +297,7 @@ function HostFilterLookup({
                 key={chips[leftoverKey].key}
                 numChips={5}
                 totalChips={chips[leftoverKey]?.chips?.length || 0}
+                ouiaId="host-filter-advanced-search-chips"
               >
                 {chips[leftoverKey]?.chips?.map((chip) => (
                   <Chip key={chip.key} isReadOnly>
diff --git a/awx/ui/src/components/Lookup/Lookup.js b/awx/ui/src/components/Lookup/Lookup.js
index 357b607d6a..80267ca1e4 100644
--- a/awx/ui/src/components/Lookup/Lookup.js
+++ b/awx/ui/src/components/Lookup/Lookup.js
@@ -135,6 +135,7 @@ function Lookup(props) {
         <Button
           aria-label={t`Search`}
           id={`${id}-open`}
+          ouiaId={`${id}-open`}
           onClick={() => dispatch({ type: 'TOGGLE_MODAL' })}
           variant={ButtonVariant.control}
           isDisabled={isLoading || isDisabled}
@@ -143,7 +144,11 @@ function Lookup(props) {
         </Button>
         {multiple ? (
           <ChipHolder isDisabled={isDisabled} className="pf-c-form-control">
-            <ChipGroup numChips={5} totalChips={items.length}>
+            <ChipGroup
+              numChips={5}
+              totalChips={items.length}
+              ouiaId={`${id}-chips`}
+            >
               {items.map((item) =>
                 renderItemChip({
                   item,
@@ -156,6 +161,7 @@ function Lookup(props) {
         ) : (
           <TextInput
             id={id}
+            ouiaId={`${id}-input`}
             value={typedText}
             onChange={(inputValue) => {
               setTypedText(inputValue);
@@ -175,6 +181,7 @@ function Lookup(props) {
         isOpen={isModalOpen}
         onClose={closeModal}
         description={state?.selectedItems?.length > 0 && modalDescription}
+        ouiaId={`${id}-modal`}
         actions={[
           <Button
             ouiaId="modal-select-button"
diff --git a/awx/ui/src/components/Lookup/MultiCredentialsLookup.js b/awx/ui/src/components/Lookup/MultiCredentialsLookup.js
index 617b454288..54a5b3ce2c 100644
--- a/awx/ui/src/components/Lookup/MultiCredentialsLookup.js
+++ b/awx/ui/src/components/Lookup/MultiCredentialsLookup.js
@@ -152,6 +152,7 @@ function MultiCredentialsLookup({
               isInline
               css="margin-bottom: 20px;"
               title={t`You cannot select multiple vault credentials with the same vault ID. Doing so will automatically deselect the other with the same vault ID.`}
+              ouiaId="multi-credentials-lookup-alert"
             />
           )}
           {credentialTypes && credentialTypes.length > 0 && (
diff --git a/awx/ui/src/components/MultiSelect/TagMultiSelect.js b/awx/ui/src/components/MultiSelect/TagMultiSelect.js
index f4e606741d..d4c92de4d2 100644
--- a/awx/ui/src/components/MultiSelect/TagMultiSelect.js
+++ b/awx/ui/src/components/MultiSelect/TagMultiSelect.js
@@ -58,6 +58,7 @@ function TagMultiSelect({ onChange, value }) {
       isOpen={isExpanded}
       typeAheadAriaLabel={t`Select tags`}
       noResultsFoundText={t`No results found`}
+      ouiaId="tag-multiselect"
     >
       {renderOptions(options)}
     </Select>
diff --git a/awx/ui/src/components/NotificationList/NotificationListItem.js b/awx/ui/src/components/NotificationList/NotificationListItem.js
index faf88aae29..0f1c9384df 100644
--- a/awx/ui/src/components/NotificationList/NotificationListItem.js
+++ b/awx/ui/src/components/NotificationList/NotificationListItem.js
@@ -21,7 +21,10 @@ function NotificationListItem({
   showApprovalsToggle,
 }) {
   return (
-    <Tr id={`notification-row-${notification.id}`}>
+    <Tr
+      id={`notification-row-${notification.id}`}
+      ouiaId={`notification-row-${notification.id}`}
+    >
       <Td id={`notification-${notification.id}`} dataLabel={t`Name`}>
         <Link to={`${detailUrl}`}>
           <b>{notification.name}</b>
@@ -32,6 +35,7 @@ function NotificationListItem({
         <ActionItem visible={showApprovalsToggle}>
           <Switch
             id={`notification-${notification.id}-approvals-toggle`}
+            ouiaId={`notification-${notification.id}-approvals-toggle`}
             label={t`Approval`}
             labelOff={t`Approval`}
             isChecked={approvalsTurnedOn}
@@ -49,6 +53,7 @@ function NotificationListItem({
         <ActionItem visible>
           <Switch
             id={`notification-${notification.id}-started-toggle`}
+            ouiaId={`notification-${notification.id}-started-toggle`}
             label={t`Start`}
             labelOff={t`Start`}
             isChecked={startedTurnedOn}
@@ -62,6 +67,7 @@ function NotificationListItem({
         <ActionItem visible>
           <Switch
             id={`notification-${notification.id}-success-toggle`}
+            ouiaId={`notification-${notification.id}-success-toggle`}
             label={t`Success`}
             labelOff={t`Success`}
             isChecked={successTurnedOn}
@@ -75,6 +81,7 @@ function NotificationListItem({
         <ActionItem visible>
           <Switch
             id={`notification-${notification.id}-error-toggle`}
+            ouiaId={`notification-${notification.id}-error-toggle`}
             label={t`Failure`}
             labelOff={t`Failure`}
             isChecked={errorTurnedOn}
diff --git a/awx/ui/src/components/PaginatedTable/HeaderRow.js b/awx/ui/src/components/PaginatedTable/HeaderRow.js
index 0c60db070a..6abca05239 100644
--- a/awx/ui/src/components/PaginatedTable/HeaderRow.js
+++ b/awx/ui/src/components/PaginatedTable/HeaderRow.js
@@ -38,7 +38,7 @@ export default function HeaderRow({
   // empty first Th aligns with checkboxes in table rows
   return (
     <Thead>
-      <Tr>
+      <Tr ouiaId="paginated-table-header-row">
         {isExpandable && <Th />}
         {isSelectable && <Th />}
         {React.Children.map(
diff --git a/awx/ui/src/components/PaginatedTable/PaginatedTable.js b/awx/ui/src/components/PaginatedTable/PaginatedTable.js
index ee1d379014..7ca948a982 100644
--- a/awx/ui/src/components/PaginatedTable/PaginatedTable.js
+++ b/awx/ui/src/components/PaginatedTable/PaginatedTable.js
@@ -128,6 +128,7 @@ function PaginatedTable({
       }
       onSetPage={handleSetPage}
       onPerPageSelect={handleSetPageSize}
+      ouiaId="top-pagination"
       titles={{
         paginationTitle: t`Top Pagination`,
       }}
@@ -165,6 +166,7 @@ function PaginatedTable({
           }
           onSetPage={handleSetPage}
           onPerPageSelect={handleSetPageSize}
+          ouiaId="bottom-pagination"
         />
       ) : null}
     </>
diff --git a/awx/ui/src/components/PromptDetail/PromptDetail.js b/awx/ui/src/components/PromptDetail/PromptDetail.js
index 94da1aa91b..920ea0e6d7 100644
--- a/awx/ui/src/components/PromptDetail/PromptDetail.js
+++ b/awx/ui/src/components/PromptDetail/PromptDetail.js
@@ -108,19 +108,33 @@ function PromptDetail({
   return (
     <>
       <DetailList gutter="sm">
-        <Detail label={t`Name`} value={buildResourceLink(resource)} />
-        <Detail label={t`Description`} value={details.description} />
+        <Detail
+          label={t`Name`}
+          dataCy="prompt-detail-name"
+          value={buildResourceLink(resource)}
+        />
+        <Detail
+          label={t`Description`}
+          dataCy="prompt-detail-description"
+          value={details.description}
+        />
         <Detail
           label={t`Type`}
+          dataCy="prompt-detail-type"
           value={toTitleCase(details.unified_job_type || details.type)}
         />
         {workflowNode && (
           <Detail
             label={t`Convergence`}
+            dataCy="prompt-detail-convergence"
             value={workflowNode?.all_parents_must_converge ? t`All` : t`Any`}
           />
         )}
-        <Detail label={t`Timeout`} value={formatTimeout(details?.timeout)} />
+        <Detail
+          label={t`Timeout`}
+          dataCy="prompt-detail-timeout"
+          value={formatTimeout(details?.timeout)}
+        />
         {details?.type === 'project' && (
           <PromptProjectDetail resource={details} />
         )}
@@ -153,10 +167,10 @@ function PromptDetail({
             rows={4}
             value={overrides.extra_vars}
             name="extra_vars"
+            dataCy="prompt-detail-variables"
           />
         )}
       </DetailList>
-
       {details?.type !== 'system_job_template' &&
         hasPromptData(launchConfig) &&
         hasOverrides && (
@@ -179,12 +193,14 @@ function PromptDetail({
                     <ChipGroup
                       numChips={5}
                       totalChips={overrides.credentials.length}
+                      ouiaId="prompt-credential-chips"
                     >
                       {overrides.credentials.map((cred) => (
                         <CredentialChip
                           key={cred.id}
                           credential={cred}
                           isReadOnly
+                          ouiaId={`credential-${cred.id}-chip`}
                         />
                       ))}
                     </ChipGroup>
@@ -220,6 +236,7 @@ function PromptDetail({
                   value={
                     <ChipGroup
                       numChips={5}
+                      ouiaId="prompt-job-tag-chips"
                       totalChips={
                         !overrides.job_tags || overrides.job_tags === ''
                           ? 0
@@ -228,7 +245,11 @@ function PromptDetail({
                     >
                       {overrides.job_tags.length > 0 &&
                         overrides.job_tags.split(',').map((jobTag) => (
-                          <Chip key={jobTag} isReadOnly>
+                          <Chip
+                            key={jobTag}
+                            isReadOnly
+                            ouiaId={`job-tag-${jobTag}-chip`}
+                          >
                             {jobTag}
                           </Chip>
                         ))}
@@ -248,10 +269,15 @@ function PromptDetail({
                           ? 0
                           : overrides.skip_tags.split(',').length
                       }
+                      ouiaId="prompt-skip-tag-chips"
                     >
                       {overrides.skip_tags.length > 0 &&
                         overrides.skip_tags.split(',').map((skipTag) => (
-                          <Chip key={skipTag} isReadOnly>
+                          <Chip
+                            key={skipTag}
+                            isReadOnly
+                            ouiaId={`skip-tag-${skipTag}-chip`}
+                          >
                             {skipTag}
                           </Chip>
                         ))}
@@ -268,6 +294,7 @@ function PromptDetail({
               {(launchConfig.survey_enabled ||
                 launchConfig.ask_variables_on_launch) && (
                 <VariablesDetail
+                  dataCy="prompt-detail-variables"
                   label={t`Variables`}
                   rows={4}
                   value={overrides.extra_vars}
diff --git a/awx/ui/src/components/PromptDetail/PromptInventorySourceDetail.js b/awx/ui/src/components/PromptDetail/PromptInventorySourceDetail.js
index 695e09c427..bfba27089c 100644
--- a/awx/ui/src/components/PromptDetail/PromptInventorySourceDetail.js
+++ b/awx/ui/src/components/PromptDetail/PromptInventorySourceDetail.js
@@ -137,6 +137,7 @@ function PromptInventorySourceDetail({ resource }) {
             <ChipGroup
               numChips={5}
               totalChips={source_regions.split(',').length}
+              ouiaId="prompt-region-chips"
             >
               {source_regions.split(',').map((region) => (
                 <Chip key={region} isReadOnly>
@@ -155,6 +156,7 @@ function PromptInventorySourceDetail({ resource }) {
             <ChipGroup
               numChips={5}
               totalChips={instance_filters.split(',').length}
+              ouiaId="prompt-instance-filter-chips"
             >
               {instance_filters.split(',').map((filter) => (
                 <Chip key={filter} isReadOnly>
@@ -170,7 +172,11 @@ function PromptInventorySourceDetail({ resource }) {
           fullWidth
           label={t`Only Group By`}
           value={
-            <ChipGroup numChips={5} totalChips={group_by.split(',').length}>
+            <ChipGroup
+              numChips={5}
+              totalChips={group_by.split(',').length}
+              ouiaId="prompt-only-group-by-chips"
+            >
               {group_by.split(',').map((group) => (
                 <Chip key={group} isReadOnly>
                   {group}
@@ -185,6 +191,7 @@ function PromptInventorySourceDetail({ resource }) {
       )}
       {source_vars && (
         <VariablesDetail
+          dataCy="prompt-inventory-source-detail-source-variables"
           label={t`Source Variables`}
           rows={4}
           value={source_vars}
diff --git a/awx/ui/src/components/PromptDetail/PromptJobTemplateDetail.js b/awx/ui/src/components/PromptDetail/PromptJobTemplateDetail.js
index 0e90c632e0..a467222865 100644
--- a/awx/ui/src/components/PromptDetail/PromptJobTemplateDetail.js
+++ b/awx/ui/src/components/PromptDetail/PromptJobTemplateDetail.js
@@ -195,6 +195,7 @@ function PromptJobTemplateDetail({ resource }) {
             <ChipGroup
               numChips={5}
               totalChips={summary_fields.credentials.length}
+              ouiaId="prompt-jt-credential-chips"
             >
               {summary_fields.credentials.map((cred) => (
                 <CredentialChip key={cred.id} credential={cred} isReadOnly />
@@ -211,6 +212,7 @@ function PromptJobTemplateDetail({ resource }) {
             <ChipGroup
               numChips={5}
               totalChips={summary_fields.labels.results.length}
+              ouiaId="prompt-jt-label-chips"
             >
               {summary_fields.labels.results.map((label) => (
                 <Chip key={label.id} isReadOnly>
@@ -226,7 +228,11 @@ function PromptJobTemplateDetail({ resource }) {
           fullWidth
           label={t`Instance Groups`}
           value={
-            <ChipGroup numChips={5} totalChips={instance_groups.length}>
+            <ChipGroup
+              numChips={5}
+              totalChips={instance_groups.length}
+              ouiaId="prompt-jt-instance-group-chips"
+            >
               {instance_groups.map((ig) => (
                 <Chip key={ig.id} isReadOnly>
                   {ig.name}
@@ -241,7 +247,11 @@ function PromptJobTemplateDetail({ resource }) {
           fullWidth
           label={t`Job Tags`}
           value={
-            <ChipGroup numChips={5} totalChips={job_tags.split(',').length}>
+            <ChipGroup
+              numChips={5}
+              totalChips={job_tags.split(',').length}
+              ouiaId="prompt-jt-job-tag-chips"
+            >
               {job_tags.split(',').map((jobTag) => (
                 <Chip key={jobTag} isReadOnly>
                   {jobTag}
@@ -256,7 +266,11 @@ function PromptJobTemplateDetail({ resource }) {
           fullWidth
           label={t`Skip Tags`}
           value={
-            <ChipGroup numChips={5} totalChips={skip_tags.split(',').length}>
+            <ChipGroup
+              numChips={5}
+              totalChips={skip_tags.split(',').length}
+              ouiaId="prompt-jt-skip-tag-chips"
+            >
               {skip_tags.split(',').map((skipTag) => (
                 <Chip key={skipTag} isReadOnly>
                   {skipTag}
@@ -272,6 +286,7 @@ function PromptJobTemplateDetail({ resource }) {
           rows={4}
           value={extra_vars}
           name="extra_vars"
+          dataCy="prompt-jt-detail-extra-vars"
         />
       )}
     </>
diff --git a/awx/ui/src/components/PromptDetail/PromptProjectDetail.js b/awx/ui/src/components/PromptDetail/PromptProjectDetail.js
index 9b6f02c71c..15cbfd03d7 100644
--- a/awx/ui/src/components/PromptDetail/PromptProjectDetail.js
+++ b/awx/ui/src/components/PromptDetail/PromptProjectDetail.js
@@ -69,11 +69,13 @@ function PromptProjectDetail({ resource }) {
     );
   }
 
+  const prefixCy = 'prompt-project-detail';
   return (
     <>
       {summary_fields?.organization ? (
         <Detail
           label={t`Organization`}
+          dataCy={`${prefixCy}-organization`}
           value={
             <Link
               to={`/organizations/${summary_fields.organization.id}/details`}
@@ -92,14 +94,28 @@ function PromptProjectDetail({ resource }) {
       />
       <Detail
         label={t`Source Control Type`}
+        dataCy={`${prefixCy}-source-control-type`}
         value={scm_type === '' ? t`Manual` : toTitleCase(scm_type)}
       />
-      <Detail label={t`Source Control URL`} value={scm_url} />
-      <Detail label={t`Source Control Branch`} value={scm_branch} />
-      <Detail label={t`Source Control Refspec`} value={scm_refspec} />
+      <Detail
+        label={t`Source Control URL`}
+        dataCy={`${prefixCy}-source-control-url`}
+        value={scm_url}
+      />
+      <Detail
+        label={t`Source Control Branch`}
+        dataCy={`${prefixCy}-source-control-branch`}
+        value={scm_branch}
+      />
+      <Detail
+        label={t`Source Control Refspec`}
+        dataCy={`${prefixCy}-source-control-refspec`}
+        value={scm_refspec}
+      />
       {summary_fields?.credential?.id && (
         <Detail
           label={t`Source Control Credential`}
+          dataCy={`${prefixCy}-source-control-credential`}
           value={
             <CredentialChip
               key={resource.summary_fields.credential.id}
@@ -109,17 +125,32 @@ function PromptProjectDetail({ resource }) {
           }
         />
       )}
-      {optionsList && <Detail label={t`Enabled Options`} value={optionsList} />}
+      {optionsList && (
+        <Detail
+          label={t`Enabled Options`}
+          dataCy={`${prefixCy}-enabled-options`}
+          value={optionsList}
+        />
+      )}
       <Detail
         label={t`Cache Timeout`}
+        dataCy={`${prefixCy}-cache-timeout`}
         value={`${scm_update_cache_timeout} ${t`Seconds`}`}
       />
       <Config>
         {({ project_base_dir }) => (
-          <Detail label={t`Project Base Path`} value={project_base_dir} />
+          <Detail
+            label={t`Project Base Path`}
+            dataCy={`${prefixCy}-project-base-path`}
+            value={project_base_dir}
+          />
         )}
       </Config>
-      <Detail label={t`Playbook Directory`} value={local_path} />
+      <Detail
+        label={t`Playbook Directory`}
+        dataCy={`${prefixCy}-playbook-directory`}
+        value={local_path}
+      />
     </>
   );
 }
diff --git a/awx/ui/src/components/PromptDetail/PromptWFJobTemplateDetail.js b/awx/ui/src/components/PromptDetail/PromptWFJobTemplateDetail.js
index 98993f3582..70fe71d854 100644
--- a/awx/ui/src/components/PromptDetail/PromptWFJobTemplateDetail.js
+++ b/awx/ui/src/components/PromptDetail/PromptWFJobTemplateDetail.js
@@ -116,6 +116,7 @@ function PromptWFJobTemplateDetail({ resource }) {
             <ChipGroup
               numChips={5}
               totalChips={summary_fields.labels.results.length}
+              ouiaId="prompt-wf-jt-label-chips"
             >
               {summary_fields.labels.results.map((label) => (
                 <Chip key={label.id} isReadOnly>
@@ -132,6 +133,7 @@ function PromptWFJobTemplateDetail({ resource }) {
           rows={4}
           value={extra_vars}
           name="extra_vars"
+          dataCy="prompt-wf-jt-detail-variables"
         />
       )}
     </>
diff --git a/awx/ui/src/components/ResourceAccessList/ResourceAccessListItem.js b/awx/ui/src/components/ResourceAccessList/ResourceAccessListItem.js
index f229d0f47e..ccf692dd4c 100644
--- a/awx/ui/src/components/ResourceAccessList/ResourceAccessListItem.js
+++ b/awx/ui/src/components/ResourceAccessList/ResourceAccessListItem.js
@@ -51,7 +51,10 @@ function ResourceAccessListItem({ accessRecord, onRoleDelete }) {
   const [teamRoles, userRoles] = getRoleLists();
 
   return (
-    <Tr id={`access-item-row-${accessRecord.id}`}>
+    <Tr
+      id={`access-item-row-${accessRecord.id}`}
+      ouiaId={`access-item-row-${accessRecord.id}`}
+    >
       <Td id={`access-record-${accessRecord.id}`} dataLabel={t`Name`}>
         {accessRecord.id ? (
           <Link to={{ pathname: `/users/${accessRecord.id}/details` }}>
@@ -69,7 +72,11 @@ function ResourceAccessListItem({ accessRecord, onRoleDelete }) {
             <Detail
               label={t`User Roles`}
               value={
-                <ChipGroup numChips={5} totalChips={userRoles.length}>
+                <ChipGroup
+                  numChips={5}
+                  totalChips={userRoles.length}
+                  ouiaId="user-role-chips"
+                >
                   {userRoles.map(renderChip)}
                 </ChipGroup>
               }
@@ -79,7 +86,11 @@ function ResourceAccessListItem({ accessRecord, onRoleDelete }) {
             <Detail
               label={t`Team Roles`}
               value={
-                <ChipGroup numChips={5} totalChips={teamRoles.length}>
+                <ChipGroup
+                  numChips={5}
+                  totalChips={teamRoles.length}
+                  ouiaId="team-role-chips"
+                >
                   {teamRoles.map(renderChip)}
                 </ChipGroup>
               }
diff --git a/awx/ui/src/components/RoutedTabs/RoutedTabs.js b/awx/ui/src/components/RoutedTabs/RoutedTabs.js
index 08fe66bdfd..3f8bd8bae8 100644
--- a/awx/ui/src/components/RoutedTabs/RoutedTabs.js
+++ b/awx/ui/src/components/RoutedTabs/RoutedTabs.js
@@ -29,7 +29,11 @@ function RoutedTabs({ tabsArray }) {
   }
 
   return (
-    <Tabs activeKey={getActiveTabId()} onSelect={handleTabSelect}>
+    <Tabs
+      activeKey={getActiveTabId()}
+      onSelect={handleTabSelect}
+      ouiaId="routed-tabs"
+    >
       {tabsArray.map((tab) => (
         <Tab
           aria-label={typeof tab.name === 'string' ? tab.name : null}
@@ -38,6 +42,7 @@ function RoutedTabs({ tabsArray }) {
           link={tab.link}
           title={<TabTitleText>{tab.name}</TabTitleText>}
           aria-controls=""
+          ouiaId={`${tab.name}-tab`}
         />
       ))}
     </Tabs>
diff --git a/awx/ui/src/components/Schedule/ScheduleDetail/ScheduleDetail.js b/awx/ui/src/components/Schedule/ScheduleDetail/ScheduleDetail.js
index 1f54c698cf..a9e1b94889 100644
--- a/awx/ui/src/components/Schedule/ScheduleDetail/ScheduleDetail.js
+++ b/awx/ui/src/components/Schedule/ScheduleDetail/ScheduleDetail.js
@@ -330,9 +330,18 @@ function ScheduleDetail({ hasDaysToKeepField, schedule, surveyConfig }) {
                 fullWidth
                 label={t`Credentials`}
                 value={
-                  <ChipGroup numChips={5} totalChips={credentials.length}>
+                  <ChipGroup
+                    numChips={5}
+                    totalChips={credentials.length}
+                    ouiaId="schedule-credential-chips"
+                  >
                     {credentials.map((c) => (
-                      <CredentialChip key={c.id} credential={c} isReadOnly />
+                      <CredentialChip
+                        key={c.id}
+                        credential={c}
+                        isReadOnly
+                        ouiaId={`credential-${c.id}-chip`}
+                      />
                     ))}
                   </ChipGroup>
                 }
@@ -346,9 +355,14 @@ function ScheduleDetail({ hasDaysToKeepField, schedule, surveyConfig }) {
                   <ChipGroup
                     numChips={5}
                     totalChips={job_tags.split(',').length}
+                    ouiaId="schedule-job-tag-chips"
                   >
                     {job_tags.split(',').map((jobTag) => (
-                      <Chip key={jobTag} isReadOnly>
+                      <Chip
+                        key={jobTag}
+                        isReadOnly
+                        ouiaId={`job-tag-${jobTag}-chip`}
+                      >
                         {jobTag}
                       </Chip>
                     ))}
@@ -364,9 +378,14 @@ function ScheduleDetail({ hasDaysToKeepField, schedule, surveyConfig }) {
                   <ChipGroup
                     numChips={5}
                     totalChips={skip_tags.split(',').length}
+                    ouiaId="schedule-skip-tag-chips"
                   >
                     {skip_tags.split(',').map((skipTag) => (
-                      <Chip key={skipTag} isReadOnly>
+                      <Chip
+                        key={skipTag}
+                        isReadOnly
+                        ouiaId={`skip-tag-${skipTag}-chip`}
+                      >
                         {skipTag}
                       </Chip>
                     ))}
@@ -380,6 +399,7 @@ function ScheduleDetail({ hasDaysToKeepField, schedule, surveyConfig }) {
                 rows={4}
                 label={t`Variables`}
                 name="extra_vars"
+                dataCy="schedule-detail-variables"
               />
             )}
           </PromptDetailList>
diff --git a/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js b/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
index b29bbb30b4..6e26bdba61 100644
--- a/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
+++ b/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
@@ -64,7 +64,10 @@ function ScheduleListItem({
   const isDisabled = Boolean(isMissingInventory || isMissingSurvey);
 
   return (
-    <Tr id={`schedule-row-${schedule.id}`}>
+    <Tr
+      id={`schedule-row-${schedule.id}`}
+      ouiaId={`schedule-row-${schedule.id}`}
+    >
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/components/Schedule/ScheduleToggle/ScheduleToggle.js b/awx/ui/src/components/Schedule/ScheduleToggle/ScheduleToggle.js
index a1e70147bc..00fe747d3f 100644
--- a/awx/ui/src/components/Schedule/ScheduleToggle/ScheduleToggle.js
+++ b/awx/ui/src/components/Schedule/ScheduleToggle/ScheduleToggle.js
@@ -64,6 +64,7 @@ function ScheduleToggle({ schedule, onToggle, className, isDisabled }) {
           }
           onChange={toggleSchedule}
           aria-label={t`Toggle schedule`}
+          ouiaId={`schedule-${schedule.id}-toggle`}
         />
       </Tooltip>
       {showError && error && !isLoading && (
diff --git a/awx/ui/src/components/Schedule/shared/FrequencyDetailSubform.js b/awx/ui/src/components/Schedule/shared/FrequencyDetailSubform.js
index a687b4213d..8074c07fa2 100644
--- a/awx/ui/src/components/Schedule/shared/FrequencyDetailSubform.js
+++ b/awx/ui/src/components/Schedule/shared/FrequencyDetailSubform.js
@@ -249,6 +249,7 @@ const FrequencyDetailSubform = () => {
               }}
               aria-label={t`Sunday`}
               id="schedule-days-of-week-sun"
+              ouiaId="schedule-days-of-week-sun"
               name="daysOfWeek"
             />
             <Checkbox
@@ -259,6 +260,7 @@ const FrequencyDetailSubform = () => {
               }}
               aria-label={t`Monday`}
               id="schedule-days-of-week-mon"
+              ouiaId="schedule-days-of-week-mon"
               name="daysOfWeek"
             />
             <Checkbox
@@ -269,6 +271,7 @@ const FrequencyDetailSubform = () => {
               }}
               aria-label={t`Tuesday`}
               id="schedule-days-of-week-tue"
+              ouiaId="schedule-days-of-week-tue"
               name="daysOfWeek"
             />
             <Checkbox
@@ -279,6 +282,7 @@ const FrequencyDetailSubform = () => {
               }}
               aria-label={t`Wednesday`}
               id="schedule-days-of-week-wed"
+              ouiaId="schedule-days-of-week-wed"
               name="daysOfWeek"
             />
             <Checkbox
@@ -289,6 +293,7 @@ const FrequencyDetailSubform = () => {
               }}
               aria-label={t`Thursday`}
               id="schedule-days-of-week-thu"
+              ouiaId="schedule-days-of-week-thu"
               name="daysOfWeek"
             />
             <Checkbox
@@ -299,6 +304,7 @@ const FrequencyDetailSubform = () => {
               }}
               aria-label={t`Friday`}
               id="schedule-days-of-week-fri"
+              ouiaId="schedule-days-of-week-fri"
               name="daysOfWeek"
             />
             <Checkbox
@@ -309,6 +315,7 @@ const FrequencyDetailSubform = () => {
               }}
               aria-label={t`Saturday`}
               id="schedule-days-of-week-sat"
+              ouiaId="schedule-days-of-week-sat"
               name="daysOfWeek"
             />
           </div>
@@ -499,6 +506,7 @@ const FrequencyDetailSubform = () => {
             event.target.value = 'never';
             end.onChange(event);
           }}
+          ouiaId="end-never-radio-button"
         />
         <Radio
           id="end-after"
@@ -510,6 +518,7 @@ const FrequencyDetailSubform = () => {
             event.target.value = 'after';
             end.onChange(event);
           }}
+          ouiaId="end-after-radio-button"
         />
         <Radio
           id="end-on-date"
@@ -521,6 +530,7 @@ const FrequencyDetailSubform = () => {
             event.target.value = 'onDate';
             end.onChange(event);
           }}
+          ouiaId="end-on-radio-button"
         />
       </FormGroup>
       {end?.value === 'after' && (
diff --git a/awx/ui/src/components/ScreenHeader/ScreenHeader.js b/awx/ui/src/components/ScreenHeader/ScreenHeader.js
index a5340410b8..9ec5022dcf 100644
--- a/awx/ui/src/components/ScreenHeader/ScreenHeader.js
+++ b/awx/ui/src/components/ScreenHeader/ScreenHeader.js
@@ -33,7 +33,7 @@ const ScreenHeader = ({ breadcrumbConfig, streamType }) => {
       >
         <div>
           {!isOnlyOneCrumb && (
-            <Breadcrumb>
+            <Breadcrumb ouiaId="breadcrumb-list">
               <Route path="/:path">
                 <Crumb breadcrumbConfig={breadcrumbConfig} />
               </Route>
@@ -103,7 +103,7 @@ const Crumb = ({ breadcrumbConfig, showDivider }) => {
   const crumb = breadcrumbConfig[match.url];
 
   let crumbElement = (
-    <BreadcrumbItem key={match.url} showDivider={showDivider}>
+    <BreadcrumbItem key={match.url} showDivider={showDivider} data-cy={crumb}>
       <Link to={match.url}>{crumb}</Link>
     </BreadcrumbItem>
   );
@@ -119,7 +119,11 @@ const Crumb = ({ breadcrumbConfig, showDivider }) => {
     <>
       {crumbElement}
       <Route path={`${match.url}/:path`}>
-        <Crumb breadcrumbConfig={breadcrumbConfig} showDivider />
+        <Crumb
+          breadcrumbConfig={breadcrumbConfig}
+          showDivider
+          data-cy={crumb}
+        />
       </Route>
     </>
   );
diff --git a/awx/ui/src/components/Search/Search.js b/awx/ui/src/components/Search/Search.js
index 7ddd5b5842..083f75243c 100644
--- a/awx/ui/src/components/Search/Search.js
+++ b/awx/ui/src/components/Search/Search.js
@@ -109,7 +109,12 @@ function Search({
   const searchOptions = columns
     .filter(({ key }) => key !== searchKey)
     .map(({ key, name }) => (
-      <SelectOption key={key} value={name} id={`select-option-${key}`}>
+      <SelectOption
+        data-cy={`select-option-${key}`}
+        id={`select-option-${key}`}
+        key={key}
+        value={name}
+      >
         {name}
       </SelectOption>
     ));
diff --git a/awx/ui/src/components/SelectedList/SelectedList.js b/awx/ui/src/components/SelectedList/SelectedList.js
index 07846cd552..aaf7dca489 100644
--- a/awx/ui/src/components/SelectedList/SelectedList.js
+++ b/awx/ui/src/components/SelectedList/SelectedList.js
@@ -32,7 +32,11 @@ function SelectedList(props) {
     <Split>
       <SplitLabelItem>{label}</SplitLabelItem>
       <SplitItem>
-        <ChipGroup numChips={5} totalChips={selected.length}>
+        <ChipGroup
+          numChips={5}
+          totalChips={selected.length}
+          ouiaId="selected-list-chips"
+        >
           {selected.map((item) =>
             renderChip({
               item,
diff --git a/awx/ui/src/components/Sort/Sort.js b/awx/ui/src/components/Sort/Sort.js
index a5edc11d44..5c46875887 100644
--- a/awx/ui/src/components/Sort/Sort.js
+++ b/awx/ui/src/components/Sort/Sort.js
@@ -92,7 +92,11 @@ function Sort({ columns, qsConfig, onSort }) {
   const sortDropdownItems = columns
     .filter(({ key }) => key !== sortKey)
     .map(({ key, name }) => (
-      <DropdownItem key={key} component="button">
+      <DropdownItem
+        key={key}
+        component="button"
+        ouiaId={`${name}-dropdown-item`}
+      >
         {name}
       </DropdownItem>
     ));
@@ -115,8 +119,13 @@ function Sort({ columns, qsConfig, onSort }) {
               onSelect={handleDropdownSelect}
               direction={up}
               isOpen={isSortDropdownOpen}
+              ouiaId="sort-dropdown"
               toggle={
-                <DropdownToggle id="awx-sort" onToggle={handleDropdownToggle}>
+                <DropdownToggle
+                  id="awx-sort"
+                  onToggle={handleDropdownToggle}
+                  ouiaId="sort-dropdown-toggle"
+                >
                   {sortedColumnName}
                 </DropdownToggle>
               }
@@ -128,6 +137,7 @@ function Sort({ columns, qsConfig, onSort }) {
             variant={ButtonVariant.control}
             aria-label={t`Sort`}
             onClick={handleSort}
+            ouiaId="sort-button"
           >
             <SortIcon />
           </Button>
diff --git a/awx/ui/src/components/TemplateList/TemplateListItem.js b/awx/ui/src/components/TemplateList/TemplateListItem.js
index f5fb74fda5..9ebb8b2598 100644
--- a/awx/ui/src/components/TemplateList/TemplateListItem.js
+++ b/awx/ui/src/components/TemplateList/TemplateListItem.js
@@ -115,7 +115,10 @@ function TemplateListItem({
 
   return (
     <>
-      <Tr id={`template-row-${template.id}`}>
+      <Tr
+        id={`template-row-${template.id}`}
+        ouiaId={`template-row-${template.id}`}
+      >
         <Td
           expand={{
             rowIndex,
@@ -242,7 +245,10 @@ function TemplateListItem({
           </ActionItem>
         </ActionsTd>
       </Tr>
-      <Tr isExpanded={isExpanded}>
+      <Tr
+        isExpanded={isExpanded}
+        ouiaId={`template-row-${template.id}-expanded`}
+      >
         <Td colSpan={2} />
         <Td colSpan={4}>
           <ExpandableRowContent>
@@ -317,9 +323,15 @@ function TemplateListItem({
                     <ChipGroup
                       numChips={5}
                       totalChips={summaryFields.credentials.length}
+                      ouiaId={`template-${template.id}-credential-chips`}
                     >
                       {summaryFields.credentials.map((c) => (
-                        <CredentialChip key={c.id} credential={c} isReadOnly />
+                        <CredentialChip
+                          key={c.id}
+                          credential={c}
+                          isReadOnly
+                          ouiaId={`credential-${c.id}-chip`}
+                        />
                       ))}
                     </ChipGroup>
                   }
@@ -334,9 +346,14 @@ function TemplateListItem({
                     <ChipGroup
                       numChips={5}
                       totalChips={summaryFields.labels.results.length}
+                      ouiaId={`template-${template.id}-label-chips`}
                     >
                       {summaryFields.labels.results.map((l) => (
-                        <Chip key={l.id} isReadOnly>
+                        <Chip
+                          key={l.id}
+                          isReadOnly
+                          ouiaId={`label-${l.id}-chip`}
+                        >
                           {l.name}
                         </Chip>
                       ))}
diff --git a/awx/ui/src/components/Workflow/WorkflowActionTooltipItem.js b/awx/ui/src/components/Workflow/WorkflowActionTooltipItem.js
index c01192e2d7..d035938255 100644
--- a/awx/ui/src/components/Workflow/WorkflowActionTooltipItem.js
+++ b/awx/ui/src/components/Workflow/WorkflowActionTooltipItem.js
@@ -32,6 +32,7 @@ function WorkflowActionTooltipItem({
   return (
     <TooltipItem
       id={id}
+      data-cy={id}
       onClick={onClick}
       onMouseEnter={onMouseEnter}
       onMouseLeave={onMouseLeave}
diff --git a/awx/ui/src/screens/ActivityStream/ActivityStream.js b/awx/ui/src/screens/ActivityStream/ActivityStream.js
index 209da83669..c4e196ae42 100644
--- a/awx/ui/src/screens/ActivityStream/ActivityStream.js
+++ b/awx/ui/src/screens/ActivityStream/ActivityStream.js
@@ -132,6 +132,7 @@ function ActivityStream() {
           isOpen={isTypeDropdownOpen}
           isGrouped
           noResultsFoundText={t`No results found`}
+          ouiaId="activity-type-select"
         >
           <SelectGroup label={t`Views`} key="views">
             <SelectOption key="all_activity" value="all">
diff --git a/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js b/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
index de6569306e..47c82f3f6e 100644
--- a/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
+++ b/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
@@ -56,6 +56,7 @@ function ActivityStreamDetailButton({ streamItem, user, description }) {
                 streamItem?.changes ? JSON.stringify(streamItem.changes) : ''
               }
               name="changes"
+              dataCy="activity-stream-detail-changes"
             />
           )}
         </DetailList>
diff --git a/awx/ui/src/screens/ActivityStream/ActivityStreamListItem.js b/awx/ui/src/screens/ActivityStream/ActivityStreamListItem.js
index d5eb50eb35..8359fcaffc 100644
--- a/awx/ui/src/screens/ActivityStream/ActivityStreamListItem.js
+++ b/awx/ui/src/screens/ActivityStream/ActivityStreamListItem.js
@@ -37,7 +37,7 @@ function ActivityStreamListItem({ streamItem }) {
   const description = <ActivityStreamDescription activity={streamItem} />;
 
   return (
-    <Tr id={streamItem.id} aria-labelledby={labelId}>
+    <Tr id={streamItem.id} ouiaId={streamItem.id} aria-labelledby={labelId}>
       <Td />
       <Td dataLabel={t`Time`}>
         {streamItem.timestamp ? formatDateString(streamItem.timestamp) : ''}
diff --git a/awx/ui/src/screens/Application/ApplicationTokens/ApplicationTokenListItem.js b/awx/ui/src/screens/Application/ApplicationTokens/ApplicationTokenListItem.js
index 7eab05c9ce..08fad316a8 100644
--- a/awx/ui/src/screens/Application/ApplicationTokens/ApplicationTokenListItem.js
+++ b/awx/ui/src/screens/Application/ApplicationTokens/ApplicationTokenListItem.js
@@ -16,7 +16,7 @@ function ApplicationTokenListItem({
   rowIndex,
 }) {
   return (
-    <Tr id={`token-row-${token.id}`}>
+    <Tr id={`token-row-${token.id}`} ouiaId={`token-row-${token.id}`}>
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/Application/ApplicationsList/ApplicationListItem.js b/awx/ui/src/screens/Application/ApplicationsList/ApplicationListItem.js
index e0c5708602..e6e2a2688b 100644
--- a/awx/ui/src/screens/Application/ApplicationsList/ApplicationListItem.js
+++ b/awx/ui/src/screens/Application/ApplicationsList/ApplicationListItem.js
@@ -18,7 +18,10 @@ function ApplicationListItem({
 }) {
   const labelId = `check-action-${application.id}`;
   return (
-    <Tr id={`application-row-${application.id}`}>
+    <Tr
+      id={`application-row-${application.id}`}
+      ouiaId={`application-row-${application.id}`}
+    >
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/Credential/CredentialDetail/CredentialDetail.js b/awx/ui/src/screens/Credential/CredentialDetail/CredentialDetail.js
index 7b06e280db..d8d6704e5e 100644
--- a/awx/ui/src/screens/Credential/CredentialDetail/CredentialDetail.js
+++ b/awx/ui/src/screens/Credential/CredentialDetail/CredentialDetail.js
@@ -110,9 +110,14 @@ function CredentialDetail({ credential }) {
             fullWidth
             label={<span>{label} *</span>}
             value={
-              <ChipGroup numChips={1} totalChips={1}>
+              <ChipGroup
+                numChips={1}
+                totalChips={1}
+                ouiaId={`credential-${id}-chips`}
+              >
                 <CredentialChip
                   credential={inputSources[id].summary_fields.source_credential}
+                  ouiaId={`credential-${id}-chip`}
                   isReadOnly
                 />
               </ChipGroup>
diff --git a/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js b/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js
index c6b95964bd..ad54179832 100644
--- a/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js
+++ b/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js
@@ -43,7 +43,7 @@ function CredentialListItem({
   }, []);
 
   return (
-    <Tr id={`${credential.id}`}>
+    <Tr id={`${credential.id}`} ouiaId={`${credential.id}`}>
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginTestAlert.js b/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginTestAlert.js
index 095f09e19a..902981a1b6 100644
--- a/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginTestAlert.js
+++ b/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginTestAlert.js
@@ -65,6 +65,7 @@ function CredentialPluginTestAlert({
             </>
           }
           variant={testVariant}
+          ouiaId="credential-plugin-test-alert"
         />
       )}
     </AlertGroup>
diff --git a/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js b/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js
index ca2a1f72d7..6244214939 100644
--- a/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js
+++ b/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js
@@ -75,12 +75,14 @@ function CredentialTypeDetails({ credentialType }) {
           value={jsonToYaml(JSON.stringify(inputs))}
           rows={6}
           name="input"
+          dataCy="credential-type-detail-input"
         />
         <VariablesDetail
           label={t`Injector configuration`}
           value={jsonToYaml(JSON.stringify(injectors))}
           rows={6}
           name="injector"
+          dataCy="credential-type-detail-injector"
         />
         <UserDateDetail
           label={t`Created`}
diff --git a/awx/ui/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.js b/awx/ui/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.js
index 245fe8b0e6..44404ee54d 100644
--- a/awx/ui/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.js
+++ b/awx/ui/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.js
@@ -18,7 +18,10 @@ function CredentialTypeListItem({
   const labelId = `check-action-${credentialType.id}`;
 
   return (
-    <Tr id={`credential-type-row-${credentialType.id}`}>
+    <Tr
+      id={`credential-type-row-${credentialType.id}`}
+      ouiaId={`credential-type-row-${credentialType.id}`}
+    >
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/Dashboard/Dashboard.js b/awx/ui/src/screens/Dashboard/Dashboard.js
index a108afa0a6..1481b9ac5f 100644
--- a/awx/ui/src/screens/Dashboard/Dashboard.js
+++ b/awx/ui/src/screens/Dashboard/Dashboard.js
@@ -117,11 +117,13 @@ function Dashboard() {
               aria-label={t`Tabs`}
               activeKey={activeTabId}
               onSelect={(key, eventKey) => setActiveTabId(eventKey)}
+              ouiaId="dashboard-tabs"
             >
               <Tab
                 aria-label={t`Job status graph tab`}
                 eventKey={0}
                 title={<TabTitleText>{t`Job status`}</TabTitleText>}
+                ouiaId="job-status-graph-tab"
               >
                 <DashboardGraph />
               </Tab>
@@ -129,6 +131,7 @@ function Dashboard() {
                 aria-label={t`Recent Jobs list tab`}
                 eventKey={1}
                 title={<TabTitleText>{t`Recent Jobs`}</TabTitleText>}
+                ouiaId="recent-jobs-list-tab"
               >
                 <div>
                   {activeTabId === 1 && (
@@ -140,6 +143,7 @@ function Dashboard() {
                 aria-label={t`Recent Templates list tab`}
                 eventKey={2}
                 title={<TabTitleText>{t`Recent Templates`}</TabTitleText>}
+                ouiaId="recent-templates-list-tab"
               >
                 <div>
                   {activeTabId === 2 && (
diff --git a/awx/ui/src/screens/Dashboard/DashboardGraph.js b/awx/ui/src/screens/Dashboard/DashboardGraph.js
index 2229eb2922..53c5cd4fca 100644
--- a/awx/ui/src/screens/Dashboard/DashboardGraph.js
+++ b/awx/ui/src/screens/Dashboard/DashboardGraph.js
@@ -104,6 +104,7 @@ function DashboardGraph() {
             selections={periodSelection}
             isOpen={isPeriodDropdownOpen}
             noResultsFoundText={t`No results found`}
+            ouiaId="dashboard-period-select"
           >
             <SelectOption key="month" value="month">
               {t`Past month`}
@@ -130,6 +131,7 @@ function DashboardGraph() {
             }}
             selections={jobTypeSelection}
             isOpen={isJobTypeDropdownOpen}
+            ouiaId="dashboard-job-type-select"
           >
             <SelectOption key="all" value="all">
               {t`All job types`}
diff --git a/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js b/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js
index 83f64e1ec0..35280d0204 100644
--- a/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js
+++ b/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js
@@ -43,7 +43,10 @@ function ExecutionEnvironmentListItem({
   }, []);
 
   return (
-    <Tr id={`ee-row-${executionEnvironment.id}`}>
+    <Tr
+      id={`ee-row-${executionEnvironment.id}`}
+      ouiaId={`ee-row-${executionEnvironment.id}`}
+    >
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentTemplate/ExecutionEnvironmentTemplateListItem.js b/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentTemplate/ExecutionEnvironmentTemplateListItem.js
index 615997edce..3d6c22ec26 100644
--- a/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentTemplate/ExecutionEnvironmentTemplateListItem.js
+++ b/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentTemplate/ExecutionEnvironmentTemplateListItem.js
@@ -5,7 +5,10 @@ import { Tr, Td } from '@patternfly/react-table';
 
 function ExecutionEnvironmentTemplateListItem({ template, detailUrl }) {
   return (
-    <Tr id={`template-row-${template.id}`}>
+    <Tr
+      id={`template-row-${template.id}`}
+      ouiaId={`template-row-${template.id}`}
+    >
       <Td dataLabel={t`Name`}>
         <Link to={`${detailUrl}`}>{template.name}</Link>
       </Td>
diff --git a/awx/ui/src/screens/Host/HostDetail/HostDetail.js b/awx/ui/src/screens/Host/HostDetail/HostDetail.js
index 18d26e0982..7cbd5e4442 100644
--- a/awx/ui/src/screens/Host/HostDetail/HostDetail.js
+++ b/awx/ui/src/screens/Host/HostDetail/HostDetail.js
@@ -91,6 +91,7 @@ function HostDetail({ host }) {
           rows={4}
           value={variables}
           name="variables"
+          dataCy="host-detail-variables"
         />
       </DetailList>
       <CardActionsRow>
diff --git a/awx/ui/src/screens/Host/HostFacts/HostFacts.js b/awx/ui/src/screens/Host/HostFacts/HostFacts.js
index ca91cdb844..40aa2bc575 100644
--- a/awx/ui/src/screens/Host/HostFacts/HostFacts.js
+++ b/awx/ui/src/screens/Host/HostFacts/HostFacts.js
@@ -46,6 +46,7 @@ function HostFacts({ host }) {
           rows="auto"
           value={facts}
           name="facts"
+          dataCy="host-facts-detail"
         />
       </DetailList>
     </CardBody>
diff --git a/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js b/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js
index 60f9a527f6..3cad209c1a 100644
--- a/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js
+++ b/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js
@@ -16,7 +16,7 @@ function HostGroupItem({ group, inventoryId, isSelected, onSelect, rowIndex }) {
   const editUrl = `/inventories/inventory/${inventoryId}/groups/${group.id}/edit`;
 
   return (
-    <Tr id={`group-row-${group.id}`}>
+    <Tr id={`group-row-${group.id}`} ouiaId={`group-row-${group.id}`}>
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/Host/HostList/HostListItem.js b/awx/ui/src/screens/Host/HostList/HostListItem.js
index 1ddfdfc855..09b27ccf9f 100644
--- a/awx/ui/src/screens/Host/HostList/HostListItem.js
+++ b/awx/ui/src/screens/Host/HostList/HostListItem.js
@@ -30,7 +30,7 @@ function HostListItem({
 
   return (
     <>
-      <Tr id={`host-row-${host.id}`}>
+      <Tr id={`host-row-${host.id}`} ouiaId={`host-row-${host.id}`}>
         <Td
           expand={{
             rowIndex,
@@ -79,7 +79,7 @@ function HostListItem({
           </ActionItem>
         </ActionsTd>
       </Tr>
-      <Tr isExpanded={isExpanded}>
+      <Tr ouiaId={`host-row-${host.id}-expanded`} isExpanded={isExpanded}>
         <Td colSpan={2} />
         <Td colSpan={4}>
           <ExpandableRowContent>
diff --git a/awx/ui/src/screens/Host/HostList/SmartInventoryButton.js b/awx/ui/src/screens/Host/HostList/SmartInventoryButton.js
index bcd36906df..e0c00bd20a 100644
--- a/awx/ui/src/screens/Host/HostList/SmartInventoryButton.js
+++ b/awx/ui/src/screens/Host/HostList/SmartInventoryButton.js
@@ -26,6 +26,7 @@ function SmartInventoryButton({ onClick, isDisabled, hasInvalidKeys }) {
           isDisabled={isDisabled}
           component="button"
           onClick={onClick}
+          ouiaId="smart-inventory-dropdown-item"
         >
           {t`Smart Inventory`}
         </DropdownItem>
diff --git a/awx/ui/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.js b/awx/ui/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.js
index ec82997685..124a25fc04 100644
--- a/awx/ui/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.js
+++ b/awx/ui/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.js
@@ -82,6 +82,7 @@ function ContainerGroupDetails({ instanceGroup, defaultExecution }) {
             }
             rows={6}
             name="pod_spec_override"
+            dataCy="container-group-detail-pod-spec-override"
           />
         )}
       </DetailList>
diff --git a/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js b/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js
index b85705d6d2..4f271826f5 100644
--- a/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js
+++ b/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js
@@ -49,7 +49,7 @@ function InstanceGroupListItem({
   }
 
   return (
-    <Tr id={`ig-row-${instanceGroup.id}`}>
+    <Tr id={`ig-row-${instanceGroup.id}`} ouiaId={`ig-row-${instanceGroup.id}`}>
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/InstanceGroup/Instances/InstanceListItem.js b/awx/ui/src/screens/InstanceGroup/Instances/InstanceListItem.js
index 8f43814db4..3ff460cf1a 100644
--- a/awx/ui/src/screens/InstanceGroup/Instances/InstanceListItem.js
+++ b/awx/ui/src/screens/InstanceGroup/Instances/InstanceListItem.js
@@ -110,7 +110,10 @@ function InstanceListItem({
 
   return (
     <>
-      <Tr id={`instance-row-${instance.id}`}>
+      <Tr
+        id={`instance-row-${instance.id}`}
+        ouiaId={`instance-row-${instance.id}`}
+      >
         <Td
           expand={{
             rowIndex,
@@ -186,7 +189,10 @@ function InstanceListItem({
           </ActionItem>
         </ActionsTd>
       </Tr>
-      <Tr isExpanded={isExpanded}>
+      <Tr
+        ouiaId={`instance-row-${instance.id}-expanded`}
+        isExpanded={isExpanded}
+      >
         <Td colSpan={2} />
         <Td colSpan={7}>
           <ExpandableRowContent>
diff --git a/awx/ui/src/screens/Inventory/InventoryDetail/InventoryDetail.js b/awx/ui/src/screens/Inventory/InventoryDetail/InventoryDetail.js
index 25137d7fda..f239fb6df9 100644
--- a/awx/ui/src/screens/Inventory/InventoryDetail/InventoryDetail.js
+++ b/awx/ui/src/screens/Inventory/InventoryDetail/InventoryDetail.js
@@ -83,9 +83,17 @@ function InventoryDetail({ inventory }) {
             fullWidth
             label={t`Instance Groups`}
             value={
-              <ChipGroup numChips={5} totalChips={instanceGroups.length}>
+              <ChipGroup
+                numChips={5}
+                totalChips={instanceGroups.length}
+                ouiaId="instance-group-chips"
+              >
                 {instanceGroups.map((ig) => (
-                  <Chip key={ig.id} isReadOnly>
+                  <Chip
+                    key={ig.id}
+                    isReadOnly
+                    ouiaId={`instance-group-${ig.id}-chip`}
+                  >
                     {ig.name}
                   </Chip>
                 ))}
@@ -98,6 +106,7 @@ function InventoryDetail({ inventory }) {
           value={inventory.variables}
           rows={4}
           name="variables"
+          dataCy="inventory-detail-variables"
         />
         <UserDateDetail
           label={t`Created`}
diff --git a/awx/ui/src/screens/Inventory/InventoryGroupDetail/InventoryGroupDetail.js b/awx/ui/src/screens/Inventory/InventoryGroupDetail/InventoryGroupDetail.js
index 8ee2ab5dc0..94fd284076 100644
--- a/awx/ui/src/screens/Inventory/InventoryGroupDetail/InventoryGroupDetail.js
+++ b/awx/ui/src/screens/Inventory/InventoryGroupDetail/InventoryGroupDetail.js
@@ -38,6 +38,7 @@ function InventoryGroupDetail({ inventoryGroup }) {
           value={variables}
           rows={4}
           name="variables"
+          dataCy="inventory-group-detail-variables"
         />
         <UserDateDetail label={t`Created`} date={created} user={created_by} />
         <UserDateDetail
diff --git a/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostList.js b/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostList.js
index 1830c22a67..00d3439c5f 100644
--- a/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostList.js
+++ b/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostList.js
@@ -161,6 +161,7 @@ function InventoryGroupHostList() {
           onClick={() => setIsModalOpen(true)}
           key={addExistingHost}
           aria-label={addExistingHost}
+          ouiaId="add-existing-host-dropdown-item"
         >
           {addExistingHost}
         </DropdownItem>,
@@ -169,6 +170,7 @@ function InventoryGroupHostList() {
           to={`${addFormUrl}`}
           key={addNewHost}
           aria-label={addNewHost}
+          ouiaId="add-new-host-dropdown-item"
         >
           {addNewHost}
         </DropdownItem>,
diff --git a/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js b/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js
index 0f00bad122..a0121e4b9d 100644
--- a/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js
@@ -28,7 +28,11 @@ function InventoryGroupHostListItem({
   const labelId = `check-action-${host.id}`;
 
   return (
-    <Tr id={host.id} arialabelledby={labelId}>
+    <Tr
+      id={host.id}
+      ouiaId={`inventory-group-host-row-${host.id}`}
+      arialabelledby={labelId}
+    >
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/Inventory/InventoryGroups/InventoryGroupItem.js b/awx/ui/src/screens/Inventory/InventoryGroups/InventoryGroupItem.js
index 21bababd40..966f4fe2a5 100644
--- a/awx/ui/src/screens/Inventory/InventoryGroups/InventoryGroupItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryGroups/InventoryGroupItem.js
@@ -22,7 +22,7 @@ function InventoryGroupItem({
   const editUrl = `/inventories/inventory/${inventoryId}/groups/${group.id}/edit`;
 
   return (
-    <Tr id={`group-row-${group.id}`}>
+    <Tr id={`group-row-${group.id}`} ouiaId={`group-row-${group.id}`}>
       <Td
         data-cy={labelId}
         select={{
diff --git a/awx/ui/src/screens/Inventory/InventoryHostDetail/InventoryHostDetail.js b/awx/ui/src/screens/Inventory/InventoryHostDetail/InventoryHostDetail.js
index 5111344e2a..777cb42be9 100644
--- a/awx/ui/src/screens/Inventory/InventoryHostDetail/InventoryHostDetail.js
+++ b/awx/ui/src/screens/Inventory/InventoryHostDetail/InventoryHostDetail.js
@@ -90,6 +90,7 @@ function InventoryHostDetail({ host }) {
           rows={4}
           value={variables}
           name="variables"
+          dataCy="inventory-host-detail-variables"
         />
       </DetailList>
       <CardActionsRow>
diff --git a/awx/ui/src/screens/Inventory/InventoryHostFacts/InventoryHostFacts.js b/awx/ui/src/screens/Inventory/InventoryHostFacts/InventoryHostFacts.js
index 332b25f23d..80ea6879b0 100644
--- a/awx/ui/src/screens/Inventory/InventoryHostFacts/InventoryHostFacts.js
+++ b/awx/ui/src/screens/Inventory/InventoryHostFacts/InventoryHostFacts.js
@@ -40,6 +40,7 @@ function InventoryHostFacts({ host }) {
           rows="auto"
           value={result}
           name="facts"
+          dataCy="inventory-host-facts-detail"
         />
       </DetailList>
     </CardBody>
diff --git a/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js b/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js
index c13f3d6a6d..836a4b958a 100644
--- a/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js
@@ -21,7 +21,10 @@ function InventoryHostGroupItem({
   const editUrl = `/inventories/inventory/${inventoryId}/groups/${group.id}/edit`;
 
   return (
-    <Tr id={`inventory-host-group-row-${group.id}`}>
+    <Tr
+      id={`inventory-host-group-row-${group.id}`}
+      ouiaId={`inventory-host-group-row-${group.id}`}
+    >
       <Td
         data-cy={labelId}
         select={{
diff --git a/awx/ui/src/screens/Inventory/InventoryHosts/InventoryHostItem.js b/awx/ui/src/screens/Inventory/InventoryHosts/InventoryHostItem.js
index e92bd886e9..ab2f67afca 100644
--- a/awx/ui/src/screens/Inventory/InventoryHosts/InventoryHostItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryHosts/InventoryHostItem.js
@@ -21,7 +21,7 @@ function InventoryHostItem({
   const labelId = `check-action-${host.id}`;
 
   return (
-    <Tr id={`host-row-${host.id}`}>
+    <Tr id={`host-row-${host.id}`} ouiaId={`inventory-host-row-${host.id}`}>
       <Td
         data-cy={labelId}
         select={{
diff --git a/awx/ui/src/screens/Inventory/InventoryList/InventoryListItem.js b/awx/ui/src/screens/Inventory/InventoryList/InventoryListItem.js
index 7ad6a344a6..8c1287d39c 100644
--- a/awx/ui/src/screens/Inventory/InventoryList/InventoryListItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryList/InventoryListItem.js
@@ -72,7 +72,11 @@ function InventoryListItem({
   }
 
   return (
-    <Tr id={inventory.id} aria-labelledby={labelId}>
+    <Tr
+      id={inventory.id}
+      aria-labelledby={labelId}
+      ouiaId={`inventory-row-${inventory.id}`}
+    >
       <Td
         select={{
           rowIndex,
@@ -142,6 +146,7 @@ function InventoryListItem({
               onCopyStart={handleCopyStart}
               onCopyFinish={handleCopyFinish}
               errorMessage={t`Failed to copy inventory.`}
+              ouiaId={`${inventory.id}-copy-button`}
             />
           </ActionItem>
         </ActionsTd>
diff --git a/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupList.js b/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupList.js
index 1fae0da610..98aa701e00 100644
--- a/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupList.js
+++ b/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupList.js
@@ -148,6 +148,7 @@ function InventoryRelatedGroupList() {
           key={addExistingGroup}
           onClick={() => setIsModalOpen(true)}
           aria-label={addExistingGroup}
+          ouiaId="add-existing-group-dropdown-item"
         >
           {addExistingGroup}
         </DropdownItem>,
diff --git a/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js b/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js
index 94d0a9c75a..3c2c9c090f 100644
--- a/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js
@@ -23,7 +23,11 @@ function InventoryRelatedGroupListItem({
   const labelId = `check-action-${group.id}`;
 
   return (
-    <Tr id={group.id} aria-labelledby={labelId}>
+    <Tr
+      id={group.id}
+      ouiaId={`group-row-${group.id}`}
+      aria-labelledby={labelId}
+    >
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.js b/awx/ui/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.js
index 93e9f51a57..f6d6eaa892 100644
--- a/awx/ui/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.js
+++ b/awx/ui/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.js
@@ -255,6 +255,7 @@ function InventorySourceDetail({ inventorySource }) {
             rows={4}
             value={source_vars}
             name="source_vars"
+            dataCy="inventory-source-detail-variables"
           />
         )}
         <UserDateDetail date={created} label={t`Created`} user={created_by} />
diff --git a/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js b/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js
index 9df8993d82..7f9c516d4d 100644
--- a/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js
+++ b/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js
@@ -58,7 +58,7 @@ function InventorySourceListItem({
 
   return (
     <>
-      <Tr id={`source-row-${source.id}`}>
+      <Tr id={`source-row-${source.id}`} ouiaId={`source-row-${source.id}`}>
         <Td
           data-cy={`check-action-${source.id}`}
           select={{
diff --git a/awx/ui/src/screens/Inventory/SmartInventoryDetail/SmartInventoryDetail.js b/awx/ui/src/screens/Inventory/SmartInventoryDetail/SmartInventoryDetail.js
index f3953736a9..465c753d3a 100644
--- a/awx/ui/src/screens/Inventory/SmartInventoryDetail/SmartInventoryDetail.js
+++ b/awx/ui/src/screens/Inventory/SmartInventoryDetail/SmartInventoryDetail.js
@@ -121,9 +121,17 @@ function SmartInventoryDetail({ inventory }) {
               fullWidth
               label={t`Instance groups`}
               value={
-                <ChipGroup numChips={5} totalChips={instanceGroups.length}>
+                <ChipGroup
+                  numChips={5}
+                  totalChips={instanceGroups.length}
+                  ouiaId="instance-group-chips"
+                >
                   {instanceGroups.map((ig) => (
-                    <Chip key={ig.id} isReadOnly>
+                    <Chip
+                      key={ig.id}
+                      isReadOnly
+                      ouiaId={`instance-group-${ig.id}-chip`}
+                    >
                       {ig.name}
                     </Chip>
                   ))}
@@ -136,6 +144,7 @@ function SmartInventoryDetail({ inventory }) {
             value={variables}
             rows={4}
             name="variables"
+            dataCy="smart-inventory-detail-variables"
           />
           <UserDateDetail label={t`Created`} date={created} user={created_by} />
           <UserDateDetail
diff --git a/awx/ui/src/screens/Inventory/SmartInventoryHostDetail/SmartInventoryHostDetail.js b/awx/ui/src/screens/Inventory/SmartInventoryHostDetail/SmartInventoryHostDetail.js
index 43abbab054..e792f29c46 100644
--- a/awx/ui/src/screens/Inventory/SmartInventoryHostDetail/SmartInventoryHostDetail.js
+++ b/awx/ui/src/screens/Inventory/SmartInventoryHostDetail/SmartInventoryHostDetail.js
@@ -55,6 +55,7 @@ function SmartInventoryHostDetail({ host }) {
           rows={4}
           value={variables}
           name="variables"
+          dataCy="smart-inventory-host-detail-variables"
         />
       </DetailList>
     </CardBody>
diff --git a/awx/ui/src/screens/Inventory/SmartInventoryHosts/SmartInventoryHostListItem.js b/awx/ui/src/screens/Inventory/SmartInventoryHosts/SmartInventoryHostListItem.js
index 925aa793e3..42bcf98fec 100644
--- a/awx/ui/src/screens/Inventory/SmartInventoryHosts/SmartInventoryHostListItem.js
+++ b/awx/ui/src/screens/Inventory/SmartInventoryHosts/SmartInventoryHostListItem.js
@@ -22,7 +22,7 @@ function SmartInventoryHostListItem({
   }));
 
   return (
-    <Tr id={`host-row-${host.id}`}>
+    <Tr id={`host-row-${host.id}`} ouiaId={`host-row-${host.id}`}>
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/Inventory/shared/InventoryGroupsDeleteModal.js b/awx/ui/src/screens/Inventory/shared/InventoryGroupsDeleteModal.js
index 436c86da14..35f7a4e6be 100644
--- a/awx/ui/src/screens/Inventory/shared/InventoryGroupsDeleteModal.js
+++ b/awx/ui/src/screens/Inventory/shared/InventoryGroupsDeleteModal.js
@@ -63,6 +63,7 @@ const InventoryGroupsDeleteModal = ({ onAfterDelete, isDisabled, groups }) => {
           component="button"
           aria-label={t`Delete`}
           onClick={() => setIsModalOpen(true)}
+          ouiaId="group-delete-dropdown-item"
         >
           {t`Delete`}
         </DropdownItem>
@@ -72,6 +73,7 @@ const InventoryGroupsDeleteModal = ({ onAfterDelete, isDisabled, groups }) => {
           aria-label={t`Delete`}
           onClick={() => setIsModalOpen(true)}
           isDisabled={isDisabled || isDeleteLoading}
+          ouiaId="group-delete-button"
         >
           {t`Delete`}
         </Button>
@@ -95,6 +97,7 @@ const InventoryGroupsDeleteModal = ({ onAfterDelete, isDisabled, groups }) => {
               variant="danger"
               key="delete"
               isDisabled={radioOption === null}
+              ouiaId="delete-modal-confirm-button"
             >
               {t`Delete`}
             </Button>,
@@ -103,6 +106,7 @@ const InventoryGroupsDeleteModal = ({ onAfterDelete, isDisabled, groups }) => {
               onClick={() => setIsModalOpen(false)}
               variant="link"
               key="cancel"
+              ouiaId="delete-modal-cancel-button"
             >
               {t`Cancel`}
             </Button>,
@@ -126,6 +130,7 @@ const InventoryGroupsDeleteModal = ({ onAfterDelete, isDisabled, groups }) => {
               label={t`Delete All Groups and Hosts`}
               name="option"
               onChange={() => setRadioOption('delete')}
+              ouiaId="delete-all-radio-button"
             />
             <Radio
               css="margin-top: 5px;"
@@ -134,6 +139,7 @@ const InventoryGroupsDeleteModal = ({ onAfterDelete, isDisabled, groups }) => {
               label={t`Promote Child Groups and Hosts`}
               name="option"
               onChange={() => setRadioOption('promote')}
+              ouiaId="promote-radio-button"
             />
           </div>
         </AlertModal>
diff --git a/awx/ui/src/screens/Job/JobDetail/JobDetail.js b/awx/ui/src/screens/Job/JobDetail/JobDetail.js
index 2b241f1589..1f7b78101b 100644
--- a/awx/ui/src/screens/Job/JobDetail/JobDetail.js
+++ b/awx/ui/src/screens/Job/JobDetail/JobDetail.js
@@ -315,11 +315,16 @@ function JobDetail({ job, inventorySourceLabels }) {
             dataCy="job-machine-credential"
             label={t`Machine Credential`}
             value={
-              <ChipGroup numChips={5} totalChips={1}>
+              <ChipGroup
+                numChips={5}
+                totalChips={1}
+                ouiaId="job-machine-credential-chips"
+              >
                 <CredentialChip
                   key={credential.id}
                   credential={credential}
                   isReadOnly
+                  ouiaId={`job-machine-credential-${credential.id}-chip`}
                 />
               </ChipGroup>
             }
@@ -331,9 +336,18 @@ function JobDetail({ job, inventorySourceLabels }) {
             fullWidth
             label={t`Credentials`}
             value={
-              <ChipGroup numChips={5} totalChips={credentials.length}>
+              <ChipGroup
+                numChips={5}
+                totalChips={credentials.length}
+                ouiaId="job-credential-chips"
+              >
                 {credentials.map((c) => (
-                  <CredentialChip key={c.id} credential={c} isReadOnly />
+                  <CredentialChip
+                    key={c.id}
+                    credential={c}
+                    isReadOnly
+                    ouiaId={`job-credential-${c.id}-chip`}
+                  />
                 ))}
               </ChipGroup>
             }
@@ -345,9 +359,13 @@ function JobDetail({ job, inventorySourceLabels }) {
             fullWidth
             label={t`Labels`}
             value={
-              <ChipGroup numChips={5} totalChips={labels.results.length}>
+              <ChipGroup
+                numChips={5}
+                totalChips={labels.results.length}
+                ouiaId="job-label-chips"
+              >
                 {labels.results.map((l) => (
-                  <Chip key={l.id} isReadOnly>
+                  <Chip key={l.id} isReadOnly ouiaId={`job-label-${l.id}-chip`}>
                     {l.name}
                   </Chip>
                 ))}
@@ -364,9 +382,14 @@ function JobDetail({ job, inventorySourceLabels }) {
               <ChipGroup
                 numChips={5}
                 totalChips={job.job_tags.split(',').length}
+                ouiaId="job-tag-chips"
               >
                 {job.job_tags.split(',').map((jobTag) => (
-                  <Chip key={jobTag} isReadOnly>
+                  <Chip
+                    key={jobTag}
+                    isReadOnly
+                    ouiaId={`job-tag-${jobTag}-chip`}
+                  >
                     {jobTag}
                   </Chip>
                 ))}
@@ -383,9 +406,14 @@ function JobDetail({ job, inventorySourceLabels }) {
               <ChipGroup
                 numChips={5}
                 totalChips={job.skip_tags.split(',').length}
+                ouiaId="job-skip-tag-chips"
               >
                 {job.skip_tags.split(',').map((skipTag) => (
-                  <Chip key={skipTag} isReadOnly>
+                  <Chip
+                    key={skipTag}
+                    isReadOnly
+                    ouiaId={`job-skip-tag-${skipTag}-chip`}
+                  >
                     {skipTag}
                   </Chip>
                 ))}
@@ -418,6 +446,7 @@ function JobDetail({ job, inventorySourceLabels }) {
             rows={4}
             label={t`Variables`}
             name="extra_vars"
+            dataCy="job-detail-extra-variables"
           />
         )}
         {job.artifacts && (
@@ -429,6 +458,7 @@ function JobDetail({ job, inventorySourceLabels }) {
             rows={4}
             label={t`Artifacts`}
             name="artifacts"
+            dataCy="job-detail-artifacts"
           />
         )}
       </DetailList>
diff --git a/awx/ui/src/screens/Job/JobOutput/HostEventModal.js b/awx/ui/src/screens/Job/JobOutput/HostEventModal.js
index b81e3418a2..322c9a6b0c 100644
--- a/awx/ui/src/screens/Job/JobOutput/HostEventModal.js
+++ b/awx/ui/src/screens/Job/JobOutput/HostEventModal.js
@@ -99,14 +99,17 @@ function HostEventModal({ onClose, hostEvent = {}, isOpen = false }) {
       title={t`Host Details`}
       aria-label={t`Host details modal`}
       width="75%"
+      ouiaId="host-event-modal"
     >
       <Tabs
         aria-label={t`Tabs`}
         activeKey={activeTabKey}
         onSelect={handleTabClick}
+        ouiaId="host-event-tabs"
       >
         <Tab
           aria-label={t`Details tab`}
+          ouiaId="details-tab"
           eventKey={0}
           title={<TabTitleText>{t`Details`}</TabTitleText>}
         >
@@ -139,6 +142,7 @@ function HostEventModal({ onClose, hostEvent = {}, isOpen = false }) {
           eventKey={1}
           title={<TabTitleText>{t`JSON`}</TabTitleText>}
           aria-label={t`JSON tab`}
+          ouiaId="json-tab"
         >
           {activeTabKey === 1 && jsonObj ? (
             <CodeEditor
@@ -157,6 +161,7 @@ function HostEventModal({ onClose, hostEvent = {}, isOpen = false }) {
           eventKey={2}
           title={<TabTitleText>{t`Standard Out`}</TabTitleText>}
           aria-label={t`Standard out tab`}
+          ouiaId="standard-out-tab"
         >
           {activeTabKey === 2 && stdOut ? (
             <CodeEditor
@@ -175,6 +180,7 @@ function HostEventModal({ onClose, hostEvent = {}, isOpen = false }) {
           eventKey={3}
           title={<TabTitleText>{t`Standard Error`}</TabTitleText>}
           aria-label={t`Standard error tab`}
+          ouiaId="standard-error-tab"
         >
           {activeTabKey === 3 && stdErr ? (
             <CodeEditor
diff --git a/awx/ui/src/screens/Job/JobOutput/JobOutputSearch.js b/awx/ui/src/screens/Job/JobOutput/JobOutputSearch.js
index 7071e89c72..4aba6622aa 100644
--- a/awx/ui/src/screens/Job/JobOutput/JobOutputSearch.js
+++ b/awx/ui/src/screens/Job/JobOutput/JobOutputSearch.js
@@ -140,6 +140,7 @@ function JobOutputSearch({
       clearAllFilters={handleRemoveAllSearchTerms}
       collapseListedFiltersBreakpoint="lg"
       clearFiltersButtonText={t`Clear all filters`}
+      ouiaId="job-output-toolbar"
     >
       <SearchToolbarContent>
         <ToolbarToggleGroup toggleIcon={<SearchIcon />} breakpoint="lg">
diff --git a/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js b/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js
index d5f0b12ec8..b0581c9391 100644
--- a/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js
+++ b/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js
@@ -73,7 +73,7 @@ function WorkflowOutputToolbar({ job }) {
     );
   };
   return (
-    <Toolbar id="workflow-output-toolbar">
+    <Toolbar id="workflow-output-toolbar" ouiaId="workflow-output-toolbar">
       <ToolbarJob>
         <StatusIconWithMargin status={job.status} />
         <b>{job.name}</b>
diff --git a/awx/ui/src/screens/Login/Login.js b/awx/ui/src/screens/Login/Login.js
index ede201c4e7..19ac8b0b09 100644
--- a/awx/ui/src/screens/Login/Login.js
+++ b/awx/ui/src/screens/Login/Login.js
@@ -152,6 +152,7 @@ function AWXLogin({ alt, isAuthenticated }) {
             variant="warning"
             isInline
             title={t`Your session has expired. Please log in to continue where you left off.`}
+            ouiaId="session-expired-warning-alert"
           />
         ) : null}
         <Formik
diff --git a/awx/ui/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.js b/awx/ui/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.js
index 515892d669..0e97092675 100644
--- a/awx/ui/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.js
+++ b/awx/ui/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.js
@@ -59,9 +59,10 @@ function ManagementJobListItem({
     }
   };
 
+  const rowId = `mgmt-jobs-row-${jobType ? jobType.replace('_', '-') : ''}`;
   return (
     <>
-      <Tr id={`mgmt-jobs-row-${jobType ? jobType.replace('_', '-') : ''}`}>
+      <Tr id={rowId} ouiaId={rowId}>
         <Td />
         <Td dataLabel={t`Name`}>
           <Link to={`${detailsUrl}`}>
diff --git a/awx/ui/src/screens/Metrics/Metrics.js b/awx/ui/src/screens/Metrics/Metrics.js
index 3cdca321fd..bee67f00ed 100644
--- a/awx/ui/src/screens/Metrics/Metrics.js
+++ b/awx/ui/src/screens/Metrics/Metrics.js
@@ -181,7 +181,7 @@ function Metrics() {
       <PageSection>
         <Card>
           <CardHeader>
-            <Toolbar>
+            <Toolbar ouiaId="metrics-toolbar">
               <ToolbarContent>
                 <ToolbarGroup>
                   <ToolbarItem>{t`Instance`}</ToolbarItem>
diff --git a/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js b/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
index b648cf0391..ef98cdbd0f 100644
--- a/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
+++ b/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
@@ -97,7 +97,10 @@ function NotificationTemplateListItem({
 
   return (
     <>
-      <Tr id={`notification-template-row-${template.id}`}>
+      <Tr
+        id={`notification-template-row-${template.id}`}
+        ouiaId={`notification-template-row-${template.id}`}
+      >
         <Td
           select={{
             rowIndex,
diff --git a/awx/ui/src/screens/Organization/OrganizationDetail/OrganizationDetail.js b/awx/ui/src/screens/Organization/OrganizationDetail/OrganizationDetail.js
index 5898992bb3..333a53bde7 100644
--- a/awx/ui/src/screens/Organization/OrganizationDetail/OrganizationDetail.js
+++ b/awx/ui/src/screens/Organization/OrganizationDetail/OrganizationDetail.js
@@ -116,10 +116,18 @@ function OrganizationDetail({ organization }) {
             fullWidth
             label={t`Instance Groups`}
             value={
-              <ChipGroup numChips={5} totalChips={instanceGroups.length}>
+              <ChipGroup
+                numChips={5}
+                totalChips={instanceGroups.length}
+                ouiaId="instance-group-chips"
+              >
                 {instanceGroups.map((ig) => (
                   <Link to={`${buildLinkURL(ig)}${ig.id}/details`} key={ig.id}>
-                    <Chip key={ig.id} isReadOnly>
+                    <Chip
+                      key={ig.id}
+                      isReadOnly
+                      ouiaId={`instance-group-${ig.id}-chip`}
+                    >
                       {ig.name}
                     </Chip>
                   </Link>
@@ -133,7 +141,11 @@ function OrganizationDetail({ organization }) {
             fullWidth
             label={t`Galaxy Credentials`}
             value={
-              <ChipGroup numChips={5} totalChips={galaxy_credentials.length}>
+              <ChipGroup
+                numChips={5}
+                totalChips={galaxy_credentials.length}
+                ouiaId="galaxy-credential-chips"
+              >
                 {galaxy_credentials.map((credential) => (
                   <Link
                     key={credential.id}
@@ -143,6 +155,7 @@ function OrganizationDetail({ organization }) {
                       credential={credential}
                       key={credential.id}
                       isReadOnly
+                      ouiaId={`galaxy-credential-${credential.id}-chip`}
                     />
                   </Link>
                 ))}
diff --git a/awx/ui/src/screens/Organization/OrganizationExecEnvList/OrganizationExecEnvListItem.js b/awx/ui/src/screens/Organization/OrganizationExecEnvList/OrganizationExecEnvListItem.js
index c25e31d22b..9fd3203d38 100644
--- a/awx/ui/src/screens/Organization/OrganizationExecEnvList/OrganizationExecEnvListItem.js
+++ b/awx/ui/src/screens/Organization/OrganizationExecEnvList/OrganizationExecEnvListItem.js
@@ -9,7 +9,10 @@ import { ExecutionEnvironment } from 'types';
 
 function OrganizationExecEnvListItem({ executionEnvironment, detailUrl }) {
   return (
-    <Tr id={`ee-row-${executionEnvironment.id}`}>
+    <Tr
+      id={`ee-row-${executionEnvironment.id}`}
+      ouiaId={`ee-row-${executionEnvironment.id}`}
+    >
       <Td dataLabel={t`Name`}>
         <Link to={`${detailUrl}`}>{executionEnvironment.name}</Link>
       </Td>
diff --git a/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js b/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js
index 68071c3c01..6b8bc6ba24 100644
--- a/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js
+++ b/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js
@@ -32,7 +32,7 @@ function OrganizationListItem({
     organization.custom_virtualenv && !organization.default_environment;
 
   return (
-    <Tr id={`org-row-${organization.id}`}>
+    <Tr id={`org-row-${organization.id}`} ouiaId={`org-row-${organization.id}`}>
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.js b/awx/ui/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.js
index 13f485e192..09c5d30f3a 100644
--- a/awx/ui/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.js
+++ b/awx/ui/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.js
@@ -10,7 +10,7 @@ import { ActionsTd, ActionItem } from 'components/PaginatedTable';
 
 function OrganizationTeamListItem({ team, detailUrl }) {
   return (
-    <Tr id={`team-row-${team.id}`}>
+    <Tr id={`team-row-${team.id}`} ouiaId={`team-row-${team.id}`}>
       <Td dataLabel={t`Name`}>
         <Link to={`${detailUrl}/details`}>{team.name}</Link>
       </Td>
diff --git a/awx/ui/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.js b/awx/ui/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.js
index c640355aae..199a629c77 100644
--- a/awx/ui/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.js
+++ b/awx/ui/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.js
@@ -42,7 +42,10 @@ function ProjectJobTemplateListItem({
     !template.execution_environment;
 
   return (
-    <Tr id={`template-row-${template.id}`}>
+    <Tr
+      id={`template-row-${template.id}`}
+      ouiaId={`template-row-${template.id}`}
+    >
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/Project/ProjectList/ProjectListItem.js b/awx/ui/src/screens/Project/ProjectList/ProjectListItem.js
index 47d65a4fcc..9313ea5bf1 100644
--- a/awx/ui/src/screens/Project/ProjectList/ProjectListItem.js
+++ b/awx/ui/src/screens/Project/ProjectList/ProjectListItem.js
@@ -155,7 +155,7 @@ function ProjectListItem({
 
   return (
     <>
-      <Tr id={`${project.id}`}>
+      <Tr id={`${project.id}`} ouiaId={`project-row-${project.id}`}>
         <Td
           expand={{
             rowIndex,
diff --git a/awx/ui/src/screens/Project/shared/ProjectSubForms/ManualSubForm.js b/awx/ui/src/screens/Project/shared/ProjectSubForms/ManualSubForm.js
index 1c472c19d8..8715d2be06 100644
--- a/awx/ui/src/screens/Project/shared/ProjectSubForms/ManualSubForm.js
+++ b/awx/ui/src/screens/Project/shared/ProjectSubForms/ManualSubForm.js
@@ -44,6 +44,7 @@ const ManualSubForm = ({
           css="grid-column: 1/-1"
           variant="warning"
           isInline
+          ouiaId="project-manual-subform-alert"
         >
           {t`
             There are no available playbook directories in ${project_base_dir}.
diff --git a/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js b/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js
index 4e6291a9a5..9c9f1e255b 100644
--- a/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js
+++ b/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js
@@ -72,6 +72,7 @@ function RADIUSDetail() {
               isInline
               data-cy="RADIUS-deprecation-warning"
               title={t`This feature is deprecated and will be removed in a future release.`}
+              ouiaId="radius-deprecation-alert"
             />
             <DetailList>
               {Object.keys(radius).map((key) => {
diff --git a/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js b/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js
index 54ecd612a6..32fb59d5cb 100644
--- a/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js
+++ b/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js
@@ -142,7 +142,7 @@ function SubscriptionModal({
       {!isLoading && !error && subscriptions?.length > 0 && (
         <TableComposable variant="compact" aria-label={t`Subscriptions table`}>
           <Thead>
-            <Tr>
+            <Tr ouiaId="subscription-table-header">
               <Th />
               <Th>{t`Name`}</Th>
               <Th modifier="fitContent">{t`Managed nodes`}</Th>
@@ -151,7 +151,11 @@ function SubscriptionModal({
           </Thead>
           <Tbody>
             {subscriptions.map((subscription) => (
-              <Tr key={`row-${subscription.pool_id}`} id={subscription.pool_id}>
+              <Tr
+                key={`row-${subscription.pool_id}`}
+                id={subscription.pool_id}
+                ouiaId={`subscription-row-${subscription.pool_id}`}
+              >
                 <Td
                   key={`row-${subscription.pool_id}`}
                   select={{
diff --git a/awx/ui/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.js b/awx/ui/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.js
index bcec78f963..2311759d5a 100644
--- a/awx/ui/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.js
+++ b/awx/ui/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.js
@@ -77,6 +77,7 @@ function TACACSDetail() {
               isInline
               data-cy="TACACS-deprecation-warning"
               title={t`This feature is deprecated and will be removed in a future release.`}
+              ouiaId="tacacs-deprecation-alert"
             />
             <DetailList>
               {Object.keys(tacacs).map((key) => {
diff --git a/awx/ui/src/screens/Team/TeamList/TeamListItem.js b/awx/ui/src/screens/Team/TeamList/TeamListItem.js
index 5c42efd5b1..899b82672f 100644
--- a/awx/ui/src/screens/Team/TeamList/TeamListItem.js
+++ b/awx/ui/src/screens/Team/TeamList/TeamListItem.js
@@ -21,7 +21,7 @@ function TeamListItem({ team, isSelected, onSelect, detailUrl, rowIndex }) {
   const labelId = `check-action-${team.id}`;
 
   return (
-    <Tr id={`team-row-${team.id}`}>
+    <Tr id={`team-row-${team.id}`} ouiaId={`team-row-${team.id}`}>
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/Team/TeamRoles/TeamRoleListItem.js b/awx/ui/src/screens/Team/TeamRoles/TeamRoleListItem.js
index d298faa65f..f6c9959145 100644
--- a/awx/ui/src/screens/Team/TeamRoles/TeamRoleListItem.js
+++ b/awx/ui/src/screens/Team/TeamRoles/TeamRoleListItem.js
@@ -8,7 +8,7 @@ import { Link } from 'react-router-dom';
 
 function TeamRoleListItem({ role, detailUrl, onDisassociate }) {
   return (
-    <Tr id={`role-item-row-${role.id}`}>
+    <Tr id={`role-item-row-${role.id}`} ouiaId={`role-item-row-${role.id}`}>
       <Td dataLabel={t`Resource Name`}>
         <Link to={{ pathname: `${detailUrl}` }}>
           <b>{role.summary_fields.resource_name}</b>
diff --git a/awx/ui/src/screens/Template/JobTemplateDetail/JobTemplateDetail.js b/awx/ui/src/screens/Template/JobTemplateDetail/JobTemplateDetail.js
index 15db9545fd..33f5781da1 100644
--- a/awx/ui/src/screens/Template/JobTemplateDetail/JobTemplateDetail.js
+++ b/awx/ui/src/screens/Template/JobTemplateDetail/JobTemplateDetail.js
@@ -183,11 +183,20 @@ function JobTemplateDetail({ template }) {
     <CardBody>
       <DetailList gutter="sm">
         <Detail label={t`Name`} value={name} dataCy="jt-detail-name" />
-        <Detail label={t`Description`} value={description} />
-        <Detail label={t`Job Type`} value={job_type} />
+        <Detail
+          label={t`Description`}
+          value={description}
+          dataCy="jt-detail-description"
+        />
+        <Detail
+          label={t`Job Type`}
+          value={job_type}
+          dataCy="jt-detail-job-type"
+        />
         {summary_fields.organization ? (
           <Detail
             label={t`Organization`}
+            dataCy="jt-detail-organization"
             value={
               <Link
                 to={`/organizations/${summary_fields.organization.id}/details`}
@@ -202,6 +211,7 @@ function JobTemplateDetail({ template }) {
         {summary_fields.inventory ? (
           <Detail
             label={t`Inventory`}
+            dataCy="jt-detail-inventory"
             value={inventoryValue(
               summary_fields.inventory.kind,
               summary_fields.inventory.id
@@ -213,6 +223,7 @@ function JobTemplateDetail({ template }) {
         {summary_fields.project ? (
           <Detail
             label={t`Project`}
+            dataCy="jt-detail-project"
             value={
               <Link to={`/projects/${summary_fields.project.id}/details`}>
                 {summary_fields.project.name}
@@ -228,21 +239,55 @@ function JobTemplateDetail({ template }) {
           helpText={t`The execution environment that will be used when launching
           this job template. The resolved execution environment can be overridden by
           explicitly assigning a different one to this job template.`}
+          dataCy="jt-detail-execution-environment"
+        />
+        <Detail
+          label={t`Source Control Branch`}
+          value={template.scm_branch}
+          dataCy="jt-detail-scm-branch"
+        />
+        <Detail
+          label={t`Playbook`}
+          value={playbook}
+          dataCy="jt-detail-playbook"
+        />
+        <Detail
+          label={t`Forks`}
+          value={forks || '0'}
+          dataCy="jt-detail-forks"
+        />
+        <Detail label={t`Limit`} value={limit} dataCy="jt-detail-limit" />
+        <Detail
+          label={t`Verbosity`}
+          value={verbosityDetails[0].details}
+          dataCy="jt-detail-verbosity"
+        />
+        <Detail
+          label={t`Timeout`}
+          value={timeout || '0'}
+          dataCy="jt-detail-timeout"
+        />
+        <Detail
+          label={t`Show Changes`}
+          value={diff_mode ? t`On` : t`Off`}
+          dataCy="jt-detail-show-changes"
+        />
+        <Detail
+          label={t`Job Slicing`}
+          value={job_slice_count}
+          dataCy="jt-detail-job-slice-count"
         />
-        <Detail label={t`Source Control Branch`} value={template.scm_branch} />
-        <Detail label={t`Playbook`} value={playbook} />
-        <Detail label={t`Forks`} value={forks || '0'} />
-        <Detail label={t`Limit`} value={limit} />
-        <Detail label={t`Verbosity`} value={verbosityDetails[0].details} />
-        <Detail label={t`Timeout`} value={timeout || '0'} />
-        <Detail label={t`Show Changes`} value={diff_mode ? t`On` : t`Off`} />
-        <Detail label={t`Job Slicing`} value={job_slice_count} />
         {host_config_key && (
           <>
-            <Detail label={t`Host Config Key`} value={host_config_key} />
+            <Detail
+              label={t`Host Config Key`}
+              value={host_config_key}
+              dataCy="jt-detail-host-config-key"
+            />
             <Detail
               label={t`Provisioning Callback URL`}
               value={generateCallBackUrl}
+              dataCy="jt-detail-provisioning-callback-url"
             />
           </>
         )}
@@ -250,18 +295,25 @@ function JobTemplateDetail({ template }) {
           <Detail
             label={t`Webhook Service`}
             value={webhook_service === 'github' ? t`GitHub` : t`GitLab`}
+            dataCy="jt-detail-webhook-service"
           />
         )}
         {webhook_receiver && (
           <Detail
             label={t`Webhook URL`}
             value={`${document.location.origin}${webhook_receiver}`}
+            dataCy="jt-detail-webhook-url"
           />
         )}
-        <Detail label={t`Webhook Key`} value={webhook_key} />
+        <Detail
+          label={t`Webhook Key`}
+          value={webhook_key}
+          dataCy="jt-detail-webhook-key"
+        />
         {summary_fields.webhook_credential && (
           <Detail
             label={t`Webhook Credential`}
+            dataCy="jt-detail-webhook-credential"
             value={
               <Link
                 to={`/credentials/${summary_fields.webhook_credential.id}/details`}
@@ -282,20 +334,32 @@ function JobTemplateDetail({ template }) {
           user={summary_fields.modified_by}
         />
         {renderOptionsField && (
-          <Detail fullWidth label={t`Enabled Options`} value={renderOptions} />
+          <Detail
+            fullWidth
+            label={t`Enabled Options`}
+            value={renderOptions}
+            dataCy="jt-detail-enabled-options"
+          />
         )}
         {summary_fields.credentials && summary_fields.credentials.length > 0 && (
           <Detail
             fullWidth
             label={t`Credentials`}
+            dataCy="jt-detail-credentials"
             value={
               <ChipGroup
                 numChips={5}
                 totalChips={summary_fields.credentials.length}
+                ouiaId="jt-detail-credential-chips"
               >
                 {summary_fields.credentials.map((c) => (
                   <Link to={`/credentials/${c.id}/details`} key={c.id}>
-                    <CredentialChip key={c.id} credential={c} isReadOnly />
+                    <CredentialChip
+                      key={c.id}
+                      credential={c}
+                      ouiaId={`credential-${c.id}-chip`}
+                      isReadOnly
+                    />
                   </Link>
                 ))}
               </ChipGroup>
@@ -306,13 +370,15 @@ function JobTemplateDetail({ template }) {
           <Detail
             fullWidth
             label={t`Labels`}
+            dataCy="jt-detail-labels"
             value={
               <ChipGroup
                 numChips={5}
                 totalChips={summary_fields.labels.results.length}
+                ouiaId="label-chips"
               >
                 {summary_fields.labels.results.map((l) => (
-                  <Chip key={l.id} isReadOnly>
+                  <Chip key={l.id} ouiaId={`label-${l.id}-chip`} isReadOnly>
                     {l.name}
                   </Chip>
                 ))}
@@ -324,11 +390,20 @@ function JobTemplateDetail({ template }) {
           <Detail
             fullWidth
             label={t`Instance Groups`}
+            dataCy="jt-detail-instance-groups"
             value={
-              <ChipGroup numChips={5} totalChips={instanceGroups.length}>
+              <ChipGroup
+                numChips={5}
+                totalChips={instanceGroups.length}
+                ouiaId="instance-group-chips"
+              >
                 {instanceGroups.map((ig) => (
                   <Link to={`${buildLinkURL(ig)}${ig.id}/details`} key={ig.id}>
-                    <Chip key={ig.id} isReadOnly>
+                    <Chip
+                      key={ig.id}
+                      ouiaId={`instance-group-${ig.id}-chip`}
+                      isReadOnly
+                    >
                       {ig.name}
                     </Chip>
                   </Link>
@@ -341,10 +416,19 @@ function JobTemplateDetail({ template }) {
           <Detail
             fullWidth
             label={t`Job Tags`}
+            dataCy="jt-detail-job-tags"
             value={
-              <ChipGroup numChips={5} totalChips={job_tags.split(',').length}>
+              <ChipGroup
+                numChips={5}
+                totalChips={job_tags.split(',').length}
+                ouiaId="job-tag-chips"
+              >
                 {job_tags.split(',').map((jobTag) => (
-                  <Chip key={jobTag} isReadOnly>
+                  <Chip
+                    key={jobTag}
+                    ouiaId={`job-tag-${jobTag}-chip`}
+                    isReadOnly
+                  >
                     {jobTag}
                   </Chip>
                 ))}
@@ -356,10 +440,19 @@ function JobTemplateDetail({ template }) {
           <Detail
             fullWidth
             label={t`Skip Tags`}
+            dataCy="jt-detail-skip-tags"
             value={
-              <ChipGroup numChips={5} totalChips={skip_tags.split(',').length}>
+              <ChipGroup
+                numChips={5}
+                totalChips={skip_tags.split(',').length}
+                ouiaId="skip-tag-chips"
+              >
                 {skip_tags.split(',').map((skipTag) => (
-                  <Chip key={skipTag} isReadOnly>
+                  <Chip
+                    key={skipTag}
+                    ouiaId={`skip-tag-${skipTag}-chip`}
+                    isReadOnly
+                  >
                     {skipTag}
                   </Chip>
                 ))}
@@ -371,7 +464,7 @@ function JobTemplateDetail({ template }) {
           value={extra_vars}
           rows={4}
           label={t`Variables`}
-          dataCy={`jt-details-${template.id}`}
+          dataCy={`jt-detail-${template.id}`}
           name="extra_vars"
         />
       </DetailList>
diff --git a/awx/ui/src/screens/Template/Survey/SurveyList.js b/awx/ui/src/screens/Template/Survey/SurveyList.js
index 7be6ae6277..5ef94011be 100644
--- a/awx/ui/src/screens/Template/Survey/SurveyList.js
+++ b/awx/ui/src/screens/Template/Survey/SurveyList.js
@@ -97,7 +97,7 @@ function SurveyList({
       <>
         <TableComposable ouiaId="survey-list">
           <Thead>
-            <Tr>
+            <Tr ouiaId="survey-table-header">
               <Th />
               <Th dataLabel={t`Name`}>{t`Name`}</Th>
               <Th dataLabel={t`Type`}>{t`Type`}</Th>
diff --git a/awx/ui/src/screens/Template/Survey/SurveyListItem.js b/awx/ui/src/screens/Template/Survey/SurveyListItem.js
index c2ebfd3ebb..bca3d5a4c3 100644
--- a/awx/ui/src/screens/Template/Survey/SurveyListItem.js
+++ b/awx/ui/src/screens/Template/Survey/SurveyListItem.js
@@ -23,7 +23,7 @@ const SurveyActionsTd = styled(ActionsTd)`
 
 function SurveyListItem({ canEdit, question, isChecked, onSelect, rowIndex }) {
   return (
-    <Tr>
+    <Tr ouiaId={`survey-row-${question.variable}`}>
       <Td
         data-cy={`${question.variable}-select`}
         select={{
@@ -69,9 +69,14 @@ function SurveyListItem({ canEdit, question, isChecked, onSelect, rowIndex }) {
             <ChipGroup
               numChips={5}
               totalChips={question.default.split('\n').length}
+              ouiaId="multiselect-default-chips"
             >
               {question.default.split('\n').map((chip) => (
-                <Chip key={chip} isReadOnly>
+                <Chip
+                  key={chip}
+                  isReadOnly
+                  ouiaId={`multiselect-default-${chip}-chip`}
+                >
                   {chip}
                 </Chip>
               ))}
diff --git a/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js b/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js
index fd8b6a1070..e5bf1980c4 100644
--- a/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js
+++ b/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js
@@ -131,6 +131,7 @@ function SurveyReorderModal({
         component = (
           <Select
             id={`survey-preview-multipleChoice-${q.variable}`}
+            ouiaId={`survey-preview-multipleChoice-${q.variable}`}
             isDisabled
             aria-label={t`Multiple Choice`}
             typeAheadAriaLabel={t`Multiple Choice`}
@@ -151,6 +152,7 @@ function SurveyReorderModal({
             aria-label={t`Multi-Select`}
             typeAheadAriaLabel={t`Multi-Select`}
             id={`survey-preview-multiSelect-${q.variable}`}
+            ouiaId={`survey-preview-multiSelect-${q.variable}`}
             noResultsFoundText={t`No results found`}
           >
             {q.choices.length > 0 &&
@@ -179,7 +181,7 @@ function SurveyReorderModal({
       title={t`Survey Question Order`}
       aria-label={t`Survey preview modal`}
       isOpen={isOrderModalOpen}
-      description={t`To reoder the survey questions drag and drop them in the desired location.`}
+      description={t`To reorder the survey questions drag and drop them in the desired location.`}
       onClose={() => onCloseOrderModal()}
       variant="medium"
       actions={[
@@ -201,7 +203,7 @@ function SurveyReorderModal({
     >
       <TableComposable>
         <Thead>
-          <Tr>
+          <Tr ouiaId="survey-order-table-header">
             <Th dataLabel={t`Order`}>{t`Order`}</Th>
             <Th dataLabel={t`Name`}>{t`Name`}</Th>
             <Th dataLabel={t`Default Answer(s)`}>{t`Default Answer(s)`}</Th>
@@ -216,6 +218,7 @@ function SurveyReorderModal({
               onDrop={onDrop}
               onDragEnd={onDragEnd}
               onDragStart={onDragStart}
+              ouiaId={`survey-order-row-${q.variable}`}
             >
               <Td dataLabel={t`Order`}>
                 <Button variant="plain">
diff --git a/awx/ui/src/screens/Template/Survey/SurveyToolbar.js b/awx/ui/src/screens/Template/Survey/SurveyToolbar.js
index d2ba2a91d1..246befb204 100644
--- a/awx/ui/src/screens/Template/Survey/SurveyToolbar.js
+++ b/awx/ui/src/screens/Template/Survey/SurveyToolbar.js
@@ -37,7 +37,7 @@ function SurveyToolbar({
   isDeleteDisabled = !canEdit || isDeleteDisabled;
   const match = useRouteMatch();
   return (
-    <Toolbar id="survey-toolbar">
+    <Toolbar id="survey-toolbar" ouiaId="survey-toolbar">
       <ToolbarContent>
         <ToolbarItem>
           <Checkbox
@@ -48,6 +48,7 @@ function SurveyToolbar({
             }}
             aria-label={t`Select all`}
             id="select-all"
+            ouiaId="select-all"
           />
         </ToolbarItem>
         <ToolbarGroup>
diff --git a/awx/ui/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.js b/awx/ui/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.js
index f2305ed5bb..410a544d14 100644
--- a/awx/ui/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.js
+++ b/awx/ui/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.js
@@ -190,9 +190,10 @@ function WorkflowJobTemplateDetail({ template }) {
               <ChipGroup
                 numChips={3}
                 totalChips={summary_fields.labels.results.length}
+                ouiaId="workflow-job-template-detail-label-chips"
               >
                 {summary_fields.labels.results.map((l) => (
-                  <Chip key={l.id} isReadOnly>
+                  <Chip key={l.id} ouiaId={`${l.name}-label-chip`} isReadOnly>
                     {l.name}
                   </Chip>
                 ))}
@@ -201,6 +202,7 @@ function WorkflowJobTemplateDetail({ template }) {
           />
         )}
         <VariablesDetail
+          dataCy="workflow-job-template-detail-extra-vars"
           label={t`Variables`}
           value={extra_vars}
           rows={4}
diff --git a/awx/ui/src/screens/Template/shared/JobTemplateForm.js b/awx/ui/src/screens/Template/shared/JobTemplateForm.js
index 68ba5d5cfa..5bddb6617e 100644
--- a/awx/ui/src/screens/Template/shared/JobTemplateForm.js
+++ b/awx/ui/src/screens/Template/shared/JobTemplateForm.js
@@ -573,6 +573,7 @@ function JobTemplateForm({
                       </span>
                     }
                     id="option-callbacks"
+                    ouiaId="option-callbacks"
                     isChecked={allowCallbacks}
                     onChange={(checked) => {
                       setAllowCallbacks(checked);
@@ -590,6 +591,7 @@ function JobTemplateForm({
                       </span>
                     }
                     id="wfjt-enabled-webhooks"
+                    ouiaId="wfjt-enabled-webhooks"
                     isChecked={enableWebhooks}
                     onChange={(checked) => {
                       setEnableWebhooks(checked);
diff --git a/awx/ui/src/screens/Template/shared/LabelSelect.js b/awx/ui/src/screens/Template/shared/LabelSelect.js
index 7b7d0b307e..ca23fab987 100644
--- a/awx/ui/src/screens/Template/shared/LabelSelect.js
+++ b/awx/ui/src/screens/Template/shared/LabelSelect.js
@@ -100,6 +100,7 @@ function LabelSelect({ value, placeholder, onChange, onError, createText }) {
       placeholderText={placeholder}
       createText={createText}
       noResultsFoundText={t`No results found`}
+      ouiaId="template-label-select"
     >
       {renderOptions(options)}
     </Select>
diff --git a/awx/ui/src/screens/Template/shared/WorkflowJobTemplateForm.js b/awx/ui/src/screens/Template/shared/WorkflowJobTemplateForm.js
index 06c0a6ad2d..0c427629e1 100644
--- a/awx/ui/src/screens/Template/shared/WorkflowJobTemplateForm.js
+++ b/awx/ui/src/screens/Template/shared/WorkflowJobTemplateForm.js
@@ -229,6 +229,7 @@ function WorkflowJobTemplateForm({
               </span>
             }
             id="wfjt-enabled-webhooks"
+            ouiaId="wfjt-enabled-webhooks"
             isChecked={enableWebhooks}
             onChange={(checked) => {
               setEnableWebhooks(checked);
diff --git a/awx/ui/src/screens/User/UserList/UserListItem.js b/awx/ui/src/screens/User/UserList/UserListItem.js
index a7c8397eab..e3aa2d0bea 100644
--- a/awx/ui/src/screens/User/UserList/UserListItem.js
+++ b/awx/ui/src/screens/User/UserList/UserListItem.js
@@ -27,7 +27,7 @@ function UserListItem({ user, isSelected, onSelect, detailUrl, rowIndex }) {
   const socialAuthUser = user.auth.length > 0;
 
   return (
-    <Tr id={`user-row-${user.id}`}>
+    <Tr id={`user-row-${user.id}`} ouiaId={`user-row-${user.id}`}>
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/User/UserOrganizations/UserOrganizationListItem.js b/awx/ui/src/screens/User/UserOrganizations/UserOrganizationListItem.js
index c44b55c75a..423131f86e 100644
--- a/awx/ui/src/screens/User/UserOrganizations/UserOrganizationListItem.js
+++ b/awx/ui/src/screens/User/UserOrganizations/UserOrganizationListItem.js
@@ -6,7 +6,10 @@ import { Tr, Td } from '@patternfly/react-table';
 export default function UserOrganizationListItem({ organization }) {
   const labelId = `organization-${organization.id}`;
   return (
-    <Tr id={`user-org-row-${organization.id}`}>
+    <Tr
+      id={`user-org-row-${organization.id}`}
+      ouiaId={`user-org-row-${organization.id}`}
+    >
       <Td id={labelId} dataLabel={t`Name`}>
         <Link to={`/organizations/${organization.id}/details`} id={labelId}>
           {organization.name}
diff --git a/awx/ui/src/screens/User/UserRoles/UserRolesListItem.js b/awx/ui/src/screens/User/UserRoles/UserRolesListItem.js
index b106949621..d8904a9267 100644
--- a/awx/ui/src/screens/User/UserRoles/UserRolesListItem.js
+++ b/awx/ui/src/screens/User/UserRoles/UserRolesListItem.js
@@ -8,7 +8,7 @@ function UserRolesListItem({ role, detailUrl, onSelect }) {
   const labelId = `userRole-${role.id}`;
 
   return (
-    <Tr id={`user-role-row-${role.id}`}>
+    <Tr id={`user-role-row-${role.id}`} ouiaId={`user-role-row-${role.id}`}>
       <Td id={labelId} dataLabel={t`Name`}>
         {role.summary_fields.resource_name ? (
           <Link to={`${detailUrl}`} id={labelId}>
diff --git a/awx/ui/src/screens/User/UserTeams/UserTeamListItem.js b/awx/ui/src/screens/User/UserTeams/UserTeamListItem.js
index b244ca110c..8f4f42c8ae 100644
--- a/awx/ui/src/screens/User/UserTeams/UserTeamListItem.js
+++ b/awx/ui/src/screens/User/UserTeams/UserTeamListItem.js
@@ -7,7 +7,7 @@ import { Team } from 'types';
 
 function UserTeamListItem({ team, isSelected, onSelect, rowIndex }) {
   return (
-    <Tr id={`user-team-row-${team.id}`}>
+    <Tr id={`user-team-row-${team.id}`} ouiaId={`user-team-row-${team.id}`}>
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js b/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js
index c897034e6b..d5ab4db96d 100644
--- a/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js
+++ b/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js
@@ -9,7 +9,7 @@ import { formatDateString } from 'util/dates';
 function UserTokenListItem({ token, isSelected, onSelect, rowIndex }) {
   const { id } = useParams();
   return (
-    <Tr id={`token-row-${token.id}`}>
+    <Tr id={`token-row-${token.id}`} ouiaId={`token-row-${token.id}`}>
       <Td
         select={{
           rowIndex,
diff --git a/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListApproveButton.js b/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListApproveButton.js
index c176fc7a8c..722937773a 100644
--- a/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListApproveButton.js
+++ b/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListApproveButton.js
@@ -41,6 +41,7 @@ function WorkflowApprovalListApproveButton({ onApprove, selectedItems }) {
           isDisabled={isDisabled}
           component="button"
           onClick={onApprove}
+          ouiaId="workflow-approval-approve-dropdown-item"
         >
           {t`Approve`}
         </DropdownItem>
diff --git a/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListDenyButton.js b/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListDenyButton.js
index 53dfe50992..16bb91c271 100644
--- a/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListDenyButton.js
+++ b/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListDenyButton.js
@@ -41,6 +41,7 @@ function WorkflowApprovalListDenyButton({ onDeny, selectedItems }) {
           isDisabled={isDisabled}
           component="button"
           onClick={onDeny}
+          ouiaId="workflow-approval-deny-dropdown-item"
         >
           {t`Deny`}
         </DropdownItem>