From 44cd8819f4494f0828da1ed64bd631a68e6501ec Mon Sep 17 00:00:00 2001
From: mabashian <mabashia@redhat.com>
Date: Thu, 18 Mar 2021 17:07:18 -0400
Subject: [PATCH] Remove CollapsibleSection as it's no longer used in the app.
 Adds ouiaId's to various buttons.

---
 .../AdHocCommands/AdHocCommands.jsx           |  1 +
 .../AssociateModal/AssociateModal.jsx         |  2 +
 .../ClipboardCopyButton.jsx                   |  2 +
 .../CollapsibleSection/CollapsibleSection.jsx | 58 -------------------
 .../CollapsibleSection.test.jsx               | 26 ---------
 .../CollapsibleSection/ExpandingContainer.jsx | 44 --------------
 .../components/CollapsibleSection/index.js    |  1 -
 .../components/DeleteButton/DeleteButton.jsx  |  2 +
 .../DisassociateButton/DisassociateButton.jsx |  3 +
 .../ExpandCollapse/ExpandCollapse.jsx         |  2 +
 .../FormActionGroup/FormActionGroup.jsx       |  4 +-
 .../components/FormField/PasswordInput.jsx    |  1 +
 .../JobList/JobListCancelButton.jsx           |  3 +
 .../src/components/JobList/JobListItem.jsx    |  1 +
 .../LaunchButton/ReLaunchDropDown.jsx         |  3 +-
 .../components/Lookup/HostFilterLookup.jsx    |  9 ++-
 .../DeleteRoleConfirmationModal.jsx           |  8 ++-
 .../DeleteRoleConfirmationModal.test.jsx.snap | 18 ++++--
 .../ScheduleDetail/ScheduleDetail.jsx         |  1 +
 .../ScheduleList/ScheduleListItem.jsx         |  1 +
 .../Schedule/shared/ScheduleForm.jsx          |  3 +
 .../components/ScreenHeader/ScreenHeader.jsx  |  1 +
 .../TemplateList/TemplateListItem.jsx         |  3 +
 .../UserAndTeamAccessAdd.jsx                  |  1 +
 .../src/components/Workflow/WorkflowTools.jsx | 13 ++++-
 .../ActivityStreamDetailButton.jsx            |  1 +
 .../ApplicationDetails/ApplicationDetails.jsx |  1 +
 .../ApplicationsList/ApplicationListItem.jsx  |  1 +
 .../CredentialDetail/CredentialDetail.jsx     |  6 +-
 .../CredentialList/CredentialListItem.jsx     |  1 +
 .../Credential/shared/CredentialForm.jsx      |  3 +
 .../CredentialPluginField.jsx                 |  2 +
 .../CredentialPluginPrompt.jsx                |  4 ++
 .../CredentialPluginSelected.jsx              |  2 +
 .../Credential/shared/ExternalTestModal.jsx   |  2 +
 .../CredentialTypeDetails.jsx                 |  1 +
 .../CredentialTypeListItem.jsx                |  1 +
 .../ExecutionEnvironmentDetails.jsx           |  2 +-
 .../ExecutionEnvironmentListItem.jsx          |  2 +-
 .../screens/Host/HostDetail/HostDetail.jsx    |  1 +
 .../screens/Host/HostGroups/HostGroupItem.jsx |  7 ++-
 .../screens/Host/HostList/HostListItem.jsx    |  1 +
 .../Host/HostList/SmartInventoryButton.jsx    |  1 +
 .../ContainerGroupDetails.jsx                 |  1 +
 .../InstanceGroupDetails.jsx                  |  1 +
 .../InstanceGroupListItem.jsx                 |  1 +
 .../InventoryDetail/InventoryDetail.jsx       |  1 +
 .../InventoryGroupDetail.jsx                  |  1 +
 .../InventoryGroupHostListItem.jsx            |  1 +
 .../InventoryGroups/InventoryGroupItem.jsx    |  1 +
 .../InventoryHostDetail.jsx                   |  1 +
 .../InventoryHostGroupItem.jsx                |  7 ++-
 .../InventoryHosts/InventoryHostItem.jsx      |  7 ++-
 .../InventoryList/InventoryListItem.jsx       |  1 +
 .../InventoryRelatedGroupListItem.jsx         |  1 +
 .../InventorySourceDetail.jsx                 |  1 +
 .../InventorySources/InventorySourceList.jsx  |  1 +
 .../InventorySourceListItem.jsx               |  1 +
 .../SmartInventoryDetail.jsx                  |  1 +
 .../shared/InventorySourceSyncButton.jsx      |  2 +
 .../src/screens/Job/JobDetail/JobDetail.jsx   | 12 +++-
 .../ManagementJobListItem.jsx                 |  1 +
 .../NotificationTemplateDetail.jsx            |  1 +
 .../OrganizationDetail/OrganizationDetail.jsx |  1 +
 .../OrganizationList/OrganizationListItem.jsx |  1 +
 .../OrganizationTeamListItem.jsx              |  1 +
 .../Project/ProjectDetail/ProjectDetail.jsx   |  1 +
 .../ProjectJobTemplatesListItem.jsx           |  2 +
 .../Project/ProjectList/ProjectListItem.jsx   |  2 +
 .../Project/shared/ProjectSyncButton.jsx      |  1 +
 .../ActivityStreamDetail.jsx                  |  2 +-
 .../AzureAD/AzureADDetail/AzureADDetail.jsx   |  2 +-
 .../GitHub/GitHubDetail/GitHubDetail.jsx      |  2 +-
 .../GoogleOAuth2Detail/GoogleOAuth2Detail.jsx |  2 +-
 .../Setting/Jobs/JobsDetail/JobsDetail.jsx    |  2 +-
 .../Setting/LDAP/LDAPDetail/LDAPDetail.jsx    |  2 +-
 .../License/LicenseDetail/LicenseDetail.jsx   |  2 +-
 .../Logging/LoggingDetail/LoggingDetail.jsx   |  2 +-
 .../MiscSystemDetail/MiscSystemDetail.jsx     |  2 +-
 .../RADIUS/RADIUSDetail/RADIUSDetail.jsx      |  2 +-
 .../Setting/SAML/SAMLDetail/SAMLDetail.jsx    |  2 +-
 .../TACACS/TACACSDetail/TACACSDetail.jsx      |  2 +-
 .../screens/Setting/UI/UIDetail/UIDetail.jsx  |  2 +-
 .../screens/Setting/shared/RevertAllAlert.jsx |  4 +-
 .../screens/Team/TeamDetail/TeamDetail.jsx    |  1 +
 .../screens/Team/TeamList/TeamListItem.jsx    |  1 +
 .../screens/Team/TeamRoles/TeamRolesList.jsx  |  2 +
 .../JobTemplateDetail/JobTemplateDetail.jsx   |  8 ++-
 .../screens/Template/Survey/SurveyList.jsx    |  2 +
 .../Template/Survey/SurveyListItem.jsx        |  2 +
 .../screens/Template/Survey/SurveyToolbar.jsx |  1 +
 .../WorkflowJobTemplateDetail.jsx             |  8 ++-
 .../Modals/DeleteAllNodesModal.jsx            |  2 +
 .../Modals/LinkModals/LinkDeleteModal.jsx     |  2 +
 .../Modals/LinkModals/LinkModal.jsx           |  2 +
 .../Modals/NodeModals/NodeDeleteModal.jsx     |  2 +
 .../Modals/NodeModals/NodeModal.jsx           |  2 +
 .../Modals/NodeModals/NodeNextButton.jsx      |  1 +
 .../Modals/NodeModals/NodeViewModal.jsx       |  1 +
 .../Modals/UnsavedChangesModal.jsx            |  2 +
 .../VisualizerStartScreen.jsx                 |  1 +
 .../VisualizerToolbar.jsx                     |  2 +
 .../Template/shared/WebhookSubForm.jsx        |  1 +
 .../screens/User/UserDetail/UserDetail.jsx    |  1 +
 .../screens/User/UserList/UserListItem.jsx    |  1 +
 .../screens/User/UserRoles/UserRolesList.jsx  |  2 +
 .../WorkflowApprovalDetail.jsx                |  2 +
 .../WorkflowApprovalListApproveButton.jsx     |  1 +
 .../WorkflowApprovalListDenyButton.jsx        |  1 +
 109 files changed, 220 insertions(+), 164 deletions(-)
 delete mode 100644 awx/ui_next/src/components/CollapsibleSection/CollapsibleSection.jsx
 delete mode 100644 awx/ui_next/src/components/CollapsibleSection/CollapsibleSection.test.jsx
 delete mode 100644 awx/ui_next/src/components/CollapsibleSection/ExpandingContainer.jsx
 delete mode 100644 awx/ui_next/src/components/CollapsibleSection/index.js

diff --git a/awx/ui_next/src/components/AdHocCommands/AdHocCommands.jsx b/awx/ui_next/src/components/AdHocCommands/AdHocCommands.jsx
index 89387b9e8b..b4523b4bdd 100644
--- a/awx/ui_next/src/components/AdHocCommands/AdHocCommands.jsx
+++ b/awx/ui_next/src/components/AdHocCommands/AdHocCommands.jsx
@@ -128,6 +128,7 @@ function AdHocCommands({ adHocItems, i18n, hasListItems }) {
         </DropdownItem>
       ) : (
         <Button
+          ouiaId="run-command-button"
           variant="secondary"
           aria-label={i18n._(t`Run Command`)}
           onClick={() => setIsWizardOpen(true)}
diff --git a/awx/ui_next/src/components/AssociateModal/AssociateModal.jsx b/awx/ui_next/src/components/AssociateModal/AssociateModal.jsx
index e0ba840994..c95d09ab06 100644
--- a/awx/ui_next/src/components/AssociateModal/AssociateModal.jsx
+++ b/awx/ui_next/src/components/AssociateModal/AssociateModal.jsx
@@ -101,6 +101,7 @@ function AssociateModal({
         onClose={handleClose}
         actions={[
           <Button
+            ouiaId="associate-modal-save"
             aria-label={i18n._(t`Save`)}
             key="select"
             variant="primary"
@@ -110,6 +111,7 @@ function AssociateModal({
             {i18n._(t`Save`)}
           </Button>,
           <Button
+            ouiaId="associate-modal-cancel"
             aria-label={i18n._(t`Cancel`)}
             key="cancel"
             variant="link"
diff --git a/awx/ui_next/src/components/ClipboardCopyButton/ClipboardCopyButton.jsx b/awx/ui_next/src/components/ClipboardCopyButton/ClipboardCopyButton.jsx
index f2f8b855d6..2563ca5b15 100644
--- a/awx/ui_next/src/components/ClipboardCopyButton/ClipboardCopyButton.jsx
+++ b/awx/ui_next/src/components/ClipboardCopyButton/ClipboardCopyButton.jsx
@@ -46,6 +46,7 @@ class ClipboardCopyButton extends React.Component {
       exitDelay,
       copiedSuccessTip,
       isDisabled,
+      ouiaId,
     } = this.props;
     const { copied } = this.state;
 
@@ -57,6 +58,7 @@ class ClipboardCopyButton extends React.Component {
         content={copied ? copiedSuccessTip : copyTip}
       >
         <Button
+          ouiaId={ouiaId}
           isDisabled={isDisabled}
           variant="plain"
           onClick={this.handleCopyClick}
diff --git a/awx/ui_next/src/components/CollapsibleSection/CollapsibleSection.jsx b/awx/ui_next/src/components/CollapsibleSection/CollapsibleSection.jsx
deleted file mode 100644
index b9e60385b8..0000000000
--- a/awx/ui_next/src/components/CollapsibleSection/CollapsibleSection.jsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import React, { useState } from 'react';
-import { bool, string } from 'prop-types';
-import styled from 'styled-components';
-import { Button } from '@patternfly/react-core';
-import { AngleRightIcon } from '@patternfly/react-icons';
-import omitProps from '../../util/omitProps';
-import ExpandingContainer from './ExpandingContainer';
-
-// Make button findable by tests
-Button.displayName = 'Button';
-
-const Toggle = styled.div`
-  display: flex;
-
-  hr {
-    margin-left: 20px;
-    flex: 1 1 auto;
-    align-self: center;
-    border: 0;
-    border-bottom: 1px solid var(--pf-global--BorderColor--300);
-  }
-`;
-
-const Arrow = styled(omitProps(AngleRightIcon, 'isExpanded'))`
-  margin-right: -5px;
-  margin-left: 5px;
-  transition: transform 0.1s ease-out;
-  transform-origin: 50% 50%;
-  ${props => props.isExpanded && `transform: rotate(90deg);`}
-`;
-
-function CollapsibleSection({ label, startExpanded, children }) {
-  const [isExpanded, setIsExpanded] = useState(startExpanded);
-  const toggle = () => setIsExpanded(!isExpanded);
-
-  return (
-    <div>
-      <Toggle>
-        <Button onClick={toggle}>
-          {label} <Arrow isExpanded={isExpanded} />
-        </Button>
-        <hr />
-      </Toggle>
-      <ExpandingContainer isExpanded={isExpanded}>
-        {children}
-      </ExpandingContainer>
-    </div>
-  );
-}
-CollapsibleSection.propTypes = {
-  label: string.isRequired,
-  startExpanded: bool,
-};
-CollapsibleSection.defaultProps = {
-  startExpanded: false,
-};
-
-export default CollapsibleSection;
diff --git a/awx/ui_next/src/components/CollapsibleSection/CollapsibleSection.test.jsx b/awx/ui_next/src/components/CollapsibleSection/CollapsibleSection.test.jsx
deleted file mode 100644
index d3b5d09930..0000000000
--- a/awx/ui_next/src/components/CollapsibleSection/CollapsibleSection.test.jsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import CollapsibleSection from './CollapsibleSection';
-
-describe('<CollapsibleSection>', () => {
-  it('should render contents', () => {
-    const wrapper = shallow(
-      <CollapsibleSection label="Advanced">foo</CollapsibleSection>
-    );
-    expect(wrapper.find('Button > *').prop('isExpanded')).toEqual(false);
-    expect(wrapper.find('ExpandingContainer').prop('isExpanded')).toEqual(
-      false
-    );
-    expect(wrapper.find('ExpandingContainer').prop('children')).toEqual('foo');
-  });
-
-  it('should toggle when clicked', () => {
-    const wrapper = shallow(
-      <CollapsibleSection label="Advanced">foo</CollapsibleSection>
-    );
-    expect(wrapper.find('Button > *').prop('isExpanded')).toEqual(false);
-    wrapper.find('Button').simulate('click');
-    expect(wrapper.find('Button > *').prop('isExpanded')).toEqual(true);
-    expect(wrapper.find('ExpandingContainer').prop('isExpanded')).toEqual(true);
-  });
-});
diff --git a/awx/ui_next/src/components/CollapsibleSection/ExpandingContainer.jsx b/awx/ui_next/src/components/CollapsibleSection/ExpandingContainer.jsx
deleted file mode 100644
index 346297c94a..0000000000
--- a/awx/ui_next/src/components/CollapsibleSection/ExpandingContainer.jsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import 'styled-components/macro';
-import React, { useState, useEffect, useRef } from 'react';
-import { bool } from 'prop-types';
-import styled from 'styled-components';
-
-const Container = styled.div`
-  margin: 15px 0;
-  transition: height 0.2s ease-out;
-  ${props => props.hideOverflow && `overflow: hidden;`}
-`;
-
-function ExpandingContainer({ isExpanded, children }) {
-  const [contentHeight, setContentHeight] = useState(0);
-  const [hideOverflow, setHideOverflow] = useState(!isExpanded);
-  const ref = useRef(null);
-  useEffect(() => {
-    ref.current.addEventListener('transitionend', () => {
-      setHideOverflow(!isExpanded);
-    });
-  });
-  useEffect(() => {
-    setContentHeight(ref.current.scrollHeight);
-  }, [setContentHeight, children]);
-  const height = isExpanded ? contentHeight : '0';
-  return (
-    <Container
-      ref={ref}
-      css={`
-        height: ${height}px;
-      `}
-      hideOverflow={!isExpanded || hideOverflow}
-    >
-      {children}
-    </Container>
-  );
-}
-ExpandingContainer.propTypes = {
-  isExpanded: bool,
-};
-ExpandingContainer.defaultProps = {
-  isExpanded: false,
-};
-
-export default ExpandingContainer;
diff --git a/awx/ui_next/src/components/CollapsibleSection/index.js b/awx/ui_next/src/components/CollapsibleSection/index.js
deleted file mode 100644
index a4623e90ed..0000000000
--- a/awx/ui_next/src/components/CollapsibleSection/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './CollapsibleSection';
diff --git a/awx/ui_next/src/components/DeleteButton/DeleteButton.jsx b/awx/ui_next/src/components/DeleteButton/DeleteButton.jsx
index f17bd9ca95..68963bcf12 100644
--- a/awx/ui_next/src/components/DeleteButton/DeleteButton.jsx
+++ b/awx/ui_next/src/components/DeleteButton/DeleteButton.jsx
@@ -35,6 +35,7 @@ function DeleteButton({
         onClose={() => setIsOpen(false)}
         actions={[
           <Button
+            ouiaId="delete-modal-confirm"
             key="delete"
             variant="danger"
             aria-label={i18n._(t`Delete`)}
@@ -44,6 +45,7 @@ function DeleteButton({
             {i18n._(t`Delete`)}
           </Button>,
           <Button
+            ouiaId="delete-modal-cancel"
             key="cancel"
             variant="link"
             aria-label={i18n._(t`Cancel`)}
diff --git a/awx/ui_next/src/components/DisassociateButton/DisassociateButton.jsx b/awx/ui_next/src/components/DisassociateButton/DisassociateButton.jsx
index 273da865e2..220a242c34 100644
--- a/awx/ui_next/src/components/DisassociateButton/DisassociateButton.jsx
+++ b/awx/ui_next/src/components/DisassociateButton/DisassociateButton.jsx
@@ -90,6 +90,7 @@ function DisassociateButton({
         <Tooltip content={renderTooltip()} position="top">
           <div>
             <Button
+              ouiaId="disassociate-button"
               variant="secondary"
               aria-label={i18n._(t`Disassociate`)}
               onClick={() => setIsOpen(true)}
@@ -109,6 +110,7 @@ function DisassociateButton({
           onClose={() => setIsOpen(false)}
           actions={[
             <Button
+              ouiaId="disassociate-modal-confirm"
               key="disassociate"
               variant="danger"
               aria-label={i18n._(t`confirm disassociate`)}
@@ -117,6 +119,7 @@ function DisassociateButton({
               {i18n._(t`Disassociate`)}
             </Button>,
             <Button
+              ouiaId="disassociate-modal-cancel"
               key="cancel"
               variant="link"
               aria-label={i18n._(t`Cancel`)}
diff --git a/awx/ui_next/src/components/ExpandCollapse/ExpandCollapse.jsx b/awx/ui_next/src/components/ExpandCollapse/ExpandCollapse.jsx
index 00a33b68c2..251ad86354 100644
--- a/awx/ui_next/src/components/ExpandCollapse/ExpandCollapse.jsx
+++ b/awx/ui_next/src/components/ExpandCollapse/ExpandCollapse.jsx
@@ -36,6 +36,7 @@ function ExpandCollapse({ isCompact, onCompact, onExpand, i18n }) {
     <Fragment>
       <ToolbarItem>
         <Button
+          ouiaId="toolbar-collapse-button"
           variant="plain"
           aria-label={i18n._(t`Collapse`)}
           onClick={onCompact}
@@ -46,6 +47,7 @@ function ExpandCollapse({ isCompact, onCompact, onExpand, i18n }) {
       </ToolbarItem>
       <ToolbarItem>
         <Button
+          ouiaId="toolbar-expand-button"
           variant="plain"
           aria-label={i18n._(t`Expand`)}
           onClick={onExpand}
diff --git a/awx/ui_next/src/components/FormActionGroup/FormActionGroup.jsx b/awx/ui_next/src/components/FormActionGroup/FormActionGroup.jsx
index 47b64f3ab5..1d59a2de78 100644
--- a/awx/ui_next/src/components/FormActionGroup/FormActionGroup.jsx
+++ b/awx/ui_next/src/components/FormActionGroup/FormActionGroup.jsx
@@ -10,7 +10,7 @@ const FormActionGroup = ({ onCancel, onSubmit, submitDisabled, i18n }) => {
     <FormFullWidthLayout>
       <ActionGroup>
         <Button
-          ouiaId="Save"
+          ouiaId="form-save-button"
           aria-label={i18n._(t`Save`)}
           variant="primary"
           type="button"
@@ -20,7 +20,7 @@ const FormActionGroup = ({ onCancel, onSubmit, submitDisabled, i18n }) => {
           {i18n._(t`Save`)}
         </Button>
         <Button
-          ouiaId="Cancel"
+          ouiaId="form-cancel-button"
           aria-label={i18n._(t`Cancel`)}
           variant="link"
           type="button"
diff --git a/awx/ui_next/src/components/FormField/PasswordInput.jsx b/awx/ui_next/src/components/FormField/PasswordInput.jsx
index 1fd6979206..3c406dcba0 100644
--- a/awx/ui_next/src/components/FormField/PasswordInput.jsx
+++ b/awx/ui_next/src/components/FormField/PasswordInput.jsx
@@ -36,6 +36,7 @@ function PasswordInput(props) {
         content={inputType === 'password' ? i18n._(t`Show`) : i18n._(t`Hide`)}
       >
         <Button
+          ouiaId={`${id}-toggle`}
           variant={ButtonVariant.control}
           aria-label={i18n._(t`Toggle Password`)}
           onClick={handlePasswordToggle}
diff --git a/awx/ui_next/src/components/JobList/JobListCancelButton.jsx b/awx/ui_next/src/components/JobList/JobListCancelButton.jsx
index ff4cf1cda6..1743130313 100644
--- a/awx/ui_next/src/components/JobList/JobListCancelButton.jsx
+++ b/awx/ui_next/src/components/JobList/JobListCancelButton.jsx
@@ -115,6 +115,7 @@ function JobListCancelButton({ i18n, jobsToCancel, onCancel }) {
         <Tooltip content={renderTooltip()} position="top">
           <div>
             <Button
+              ouiaId="cancel-job-button"
               variant="secondary"
               aria-label={cancelJobText}
               onClick={toggleModal}
@@ -133,6 +134,7 @@ function JobListCancelButton({ i18n, jobsToCancel, onCancel }) {
           onClose={toggleModal}
           actions={[
             <Button
+              ouiaId="cancel-job-confirm-button"
               id="cancel-job-confirm-button"
               key="delete"
               variant="danger"
@@ -142,6 +144,7 @@ function JobListCancelButton({ i18n, jobsToCancel, onCancel }) {
               {cancelJobText}
             </Button>,
             <Button
+              ouiaId="cancel-job-return-button"
               id="cancel-job-return-button"
               key="cancel"
               variant="secondary"
diff --git a/awx/ui_next/src/components/JobList/JobListItem.jsx b/awx/ui_next/src/components/JobList/JobListItem.jsx
index 50f31400e5..62b51a551d 100644
--- a/awx/ui_next/src/components/JobList/JobListItem.jsx
+++ b/awx/ui_next/src/components/JobList/JobListItem.jsx
@@ -99,6 +99,7 @@ function JobListItem({
               <LaunchButton resource={job}>
                 {({ handleRelaunch }) => (
                   <Button
+                    ouiaId={`${job.id}-relaunch-button`}
                     variant="plain"
                     onClick={handleRelaunch}
                     aria-label={i18n._(t`Relaunch`)}
diff --git a/awx/ui_next/src/components/LaunchButton/ReLaunchDropDown.jsx b/awx/ui_next/src/components/LaunchButton/ReLaunchDropDown.jsx
index 709d31e06c..6842ca5ab9 100644
--- a/awx/ui_next/src/components/LaunchButton/ReLaunchDropDown.jsx
+++ b/awx/ui_next/src/components/LaunchButton/ReLaunchDropDown.jsx
@@ -11,7 +11,7 @@ import {
 } from '@patternfly/react-core';
 import { RocketIcon } from '@patternfly/react-icons';
 
-function ReLaunchDropDown({ isPrimary = false, handleRelaunch, i18n }) {
+function ReLaunchDropDown({ isPrimary = false, handleRelaunch, i18n, ouiaId }) {
   const [isOpen, setIsOPen] = useState(false);
 
   const onToggle = () => {
@@ -54,6 +54,7 @@ function ReLaunchDropDown({ isPrimary = false, handleRelaunch, i18n }) {
   if (isPrimary) {
     return (
       <Dropdown
+        ouiaId={ouiaId}
         position={DropdownPosition.left}
         direction={DropdownDirection.up}
         isOpen={isOpen}
diff --git a/awx/ui_next/src/components/Lookup/HostFilterLookup.jsx b/awx/ui_next/src/components/Lookup/HostFilterLookup.jsx
index 78a5f3fd6d..89ea2feef0 100644
--- a/awx/ui_next/src/components/Lookup/HostFilterLookup.jsx
+++ b/awx/ui_next/src/components/Lookup/HostFilterLookup.jsx
@@ -247,6 +247,7 @@ function HostFilterLookup({
   const renderLookup = () => (
     <InputGroup onBlur={onBlur}>
       <Button
+        ouiaId="host-filter-search-button"
         aria-label={i18n._(t`Search`)}
         id="host-filter"
         isDisabled={isDisabled}
@@ -311,6 +312,7 @@ function HostFilterLookup({
         variant="large"
         actions={[
           <Button
+            ouiaId="host-filter-modal-select-button"
             isDisabled={!location.search}
             key="select"
             onClick={save}
@@ -318,7 +320,12 @@ function HostFilterLookup({
           >
             {i18n._(t`Select`)}
           </Button>,
-          <Button key="cancel" variant="link" onClick={handleClose}>
+          <Button
+            ouiaId="host-filter-modal-cancel-button"
+            key="cancel"
+            variant="link"
+            onClick={handleClose}
+          >
             {i18n._(t`Cancel`)}
           </Button>,
         ]}
diff --git a/awx/ui_next/src/components/ResourceAccessList/DeleteRoleConfirmationModal.jsx b/awx/ui_next/src/components/ResourceAccessList/DeleteRoleConfirmationModal.jsx
index 7e5777c627..d06c75b36d 100644
--- a/awx/ui_next/src/components/ResourceAccessList/DeleteRoleConfirmationModal.jsx
+++ b/awx/ui_next/src/components/ResourceAccessList/DeleteRoleConfirmationModal.jsx
@@ -29,6 +29,7 @@ function DeleteRoleConfirmationModal({
       onClose={onCancel}
       actions={[
         <Button
+          ouiaId="delete-role-modal-delete-button"
           key="delete"
           variant="danger"
           aria-label={i18n._(t`Confirm delete`)}
@@ -36,7 +37,12 @@ function DeleteRoleConfirmationModal({
         >
           {i18n._(t`Delete`)}
         </Button>,
-        <Button key="cancel" variant="link" onClick={onCancel}>
+        <Button
+          ouiaId="delete-role-modal-cancel-button"
+          key="cancel"
+          variant="link"
+          onClick={onCancel}
+        >
           {i18n._(t`Cancel`)}
         </Button>,
       ]}
diff --git a/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap b/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
index 820035723e..a1dd54a0a3 100644
--- a/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
+++ b/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
@@ -23,12 +23,14 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
         <Button
           aria-label="Confirm delete"
           onClick={[Function]}
+          ouiaId="delete-role-modal-delete-button"
           variant="danger"
         >
           Delete
         </Button>,
         <Button
           onClick={[Function]}
+          ouiaId="delete-role-modal-cancel-button"
           variant="link"
         >
           Cancel
@@ -50,12 +52,14 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
             <Button
               aria-label="Confirm delete"
               onClick={[Function]}
+              ouiaId="delete-role-modal-delete-button"
               variant="danger"
             >
               Delete
             </Button>,
             <Button
               onClick={[Function]}
+              ouiaId="delete-role-modal-cancel-button"
               variant="link"
             >
               Cancel
@@ -74,12 +78,14 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
               <Button
                 aria-label="Confirm delete"
                 onClick={[Function]}
+                ouiaId="delete-role-modal-delete-button"
                 variant="danger"
               >
                 Delete
               </Button>,
               <Button
                 onClick={[Function]}
+                ouiaId="delete-role-modal-cancel-button"
                 variant="link"
               >
                 Cancel
@@ -203,7 +209,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
                           aria-disabled="false"
                           aria-label="Confirm delete"
                           class="pf-c-button pf-m-danger"
-                          data-ouia-component-id="OUIA-Generated-Button-danger-1"
+                          data-ouia-component-id="delete-role-modal-delete-button"
                           data-ouia-component-type="PF4/Button"
                           data-ouia-safe="true"
                           type="button"
@@ -213,7 +219,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
                         <button
                           aria-disabled="false"
                           class="pf-c-button pf-m-link"
-                          data-ouia-component-id="OUIA-Generated-Button-link-1"
+                          data-ouia-component-id="delete-role-modal-cancel-button"
                           data-ouia-component-type="PF4/Button"
                           data-ouia-safe="true"
                           type="button"
@@ -233,12 +239,14 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
                   <Button
                     aria-label="Confirm delete"
                     onClick={[Function]}
+                    ouiaId="delete-role-modal-delete-button"
                     variant="danger"
                   >
                     Delete
                   </Button>,
                   <Button
                     onClick={[Function]}
+                    ouiaId="delete-role-modal-cancel-button"
                     variant="link"
                   >
                     Cancel
@@ -498,13 +506,14 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
                                 aria-label="Confirm delete"
                                 key="delete"
                                 onClick={[Function]}
+                                ouiaId="delete-role-modal-delete-button"
                                 variant="danger"
                               >
                                 <button
                                   aria-disabled={false}
                                   aria-label="Confirm delete"
                                   className="pf-c-button pf-m-danger"
-                                  data-ouia-component-id="OUIA-Generated-Button-danger-1"
+                                  data-ouia-component-id="delete-role-modal-delete-button"
                                   data-ouia-component-type="PF4/Button"
                                   data-ouia-safe={true}
                                   disabled={false}
@@ -518,13 +527,14 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
                               <Button
                                 key="cancel"
                                 onClick={[Function]}
+                                ouiaId="delete-role-modal-cancel-button"
                                 variant="link"
                               >
                                 <button
                                   aria-disabled={false}
                                   aria-label={null}
                                   className="pf-c-button pf-m-link"
-                                  data-ouia-component-id="OUIA-Generated-Button-link-1"
+                                  data-ouia-component-id="delete-role-modal-cancel-button"
                                   data-ouia-component-type="PF4/Button"
                                   data-ouia-safe={true}
                                   disabled={false}
diff --git a/awx/ui_next/src/components/Schedule/ScheduleDetail/ScheduleDetail.jsx b/awx/ui_next/src/components/Schedule/ScheduleDetail/ScheduleDetail.jsx
index 1b8b6094f1..8cf47b14a6 100644
--- a/awx/ui_next/src/components/Schedule/ScheduleDetail/ScheduleDetail.jsx
+++ b/awx/ui_next/src/components/Schedule/ScheduleDetail/ScheduleDetail.jsx
@@ -393,6 +393,7 @@ function ScheduleDetail({ hasDaysToKeepField, schedule, i18n, surveyConfig }) {
       <CardActionsRow>
         {summary_fields?.user_capabilities?.edit && (
           <Button
+            ouiaId="schedule-detail-edit-button"
             aria-label={i18n._(t`Edit`)}
             component={Link}
             to={pathname.replace('details', 'edit')}
diff --git a/awx/ui_next/src/components/Schedule/ScheduleList/ScheduleListItem.jsx b/awx/ui_next/src/components/Schedule/ScheduleList/ScheduleListItem.jsx
index b642f28638..c241e5b201 100644
--- a/awx/ui_next/src/components/Schedule/ScheduleList/ScheduleListItem.jsx
+++ b/awx/ui_next/src/components/Schedule/ScheduleList/ScheduleListItem.jsx
@@ -116,6 +116,7 @@ function ScheduleListItem({
           tooltip={i18n._(t`Edit Schedule`)}
         >
           <Button
+            ouiaId={`${schedule.id}-edit-button`}
             aria-label={i18n._(t`Edit Schedule`)}
             css="grid-column: 2"
             variant="plain"
diff --git a/awx/ui_next/src/components/Schedule/shared/ScheduleForm.jsx b/awx/ui_next/src/components/Schedule/shared/ScheduleForm.jsx
index e64eefbbff..17d79e10e1 100644
--- a/awx/ui_next/src/components/Schedule/shared/ScheduleForm.jsx
+++ b/awx/ui_next/src/components/Schedule/shared/ScheduleForm.jsx
@@ -541,6 +541,7 @@ function ScheduleForm({
                   <FormFullWidthLayout>
                     <ActionGroup>
                       <Button
+                        ouiaId="schedule-form-save-button"
                         aria-label={i18n._(t`Save`)}
                         variant="primary"
                         type="button"
@@ -552,6 +553,7 @@ function ScheduleForm({
 
                       {isTemplate && showPromptButton && (
                         <Button
+                          ouiaId="schedule-form-prompt-button"
                           variant="secondary"
                           type="button"
                           aria-label={i18n._(t`Prompt`)}
@@ -561,6 +563,7 @@ function ScheduleForm({
                         </Button>
                       )}
                       <Button
+                        ouiaId="schedule-form-cancel-button"
                         aria-label={i18n._(t`Cancel`)}
                         variant="secondary"
                         type="button"
diff --git a/awx/ui_next/src/components/ScreenHeader/ScreenHeader.jsx b/awx/ui_next/src/components/ScreenHeader/ScreenHeader.jsx
index d856a430ee..8446540392 100644
--- a/awx/ui_next/src/components/ScreenHeader/ScreenHeader.jsx
+++ b/awx/ui_next/src/components/ScreenHeader/ScreenHeader.jsx
@@ -53,6 +53,7 @@ const ScreenHeader = ({ breadcrumbConfig, i18n, streamType }) => {
           <div>
             <Tooltip content={i18n._(t`View activity stream`)} position="top">
               <Button
+                ouiaId="activity-stream-button"
                 aria-label={i18n._(t`View activity stream`)}
                 variant="plain"
                 component={Link}
diff --git a/awx/ui_next/src/components/TemplateList/TemplateListItem.jsx b/awx/ui_next/src/components/TemplateList/TemplateListItem.jsx
index 6becf3e1ef..70c0076fd2 100644
--- a/awx/ui_next/src/components/TemplateList/TemplateListItem.jsx
+++ b/awx/ui_next/src/components/TemplateList/TemplateListItem.jsx
@@ -159,6 +159,7 @@ function TemplateListItem({
             tooltip={i18n._(t`Visualizer`)}
           >
             <Button
+              ouiaId={`${template.id}-visualizer-button`}
               id={`template-action-visualizer-${template.id}`}
               isDisabled={isDisabled}
               aria-label={i18n._(t`Visualizer`)}
@@ -176,6 +177,7 @@ function TemplateListItem({
             <LaunchButton resource={template}>
               {({ handleLaunch }) => (
                 <Button
+                  ouiaId={`${template.id}-launch-button`}
                   id={`template-action-launch-${template.id}`}
                   isDisabled={isDisabled}
                   aria-label={i18n._(t`Launch template`)}
@@ -192,6 +194,7 @@ function TemplateListItem({
             tooltip={i18n._(t`Edit Template`)}
           >
             <Button
+              ouiaId={`${template.id}-edit-button`}
               id={`template-action-edit-${template.id}`}
               isDisabled={isDisabled}
               aria-label={i18n._(t`Edit Template`)}
diff --git a/awx/ui_next/src/components/UserAndTeamAccessAdd/UserAndTeamAccessAdd.jsx b/awx/ui_next/src/components/UserAndTeamAccessAdd/UserAndTeamAccessAdd.jsx
index e8d8742b00..ea29ba2c1c 100644
--- a/awx/ui_next/src/components/UserAndTeamAccessAdd/UserAndTeamAccessAdd.jsx
+++ b/awx/ui_next/src/components/UserAndTeamAccessAdd/UserAndTeamAccessAdd.jsx
@@ -156,6 +156,7 @@ function UserAndTeamAccessAdd({ i18n, title, onFetchData, apiModel }) {
         </DropdownItem>
       ) : (
         <Button
+          ouiaId="access-add-button"
           variant="primary"
           aria-label={i18n._(t`Add`)}
           onClick={() => setIsWizardOpen(true)}
diff --git a/awx/ui_next/src/components/Workflow/WorkflowTools.jsx b/awx/ui_next/src/components/Workflow/WorkflowTools.jsx
index 20db0a6bb8..7fa6a13621 100644
--- a/awx/ui_next/src/components/Workflow/WorkflowTools.jsx
+++ b/awx/ui_next/src/components/Workflow/WorkflowTools.jsx
@@ -90,6 +90,7 @@ function WorkflowTools({
           position="bottom"
         >
           <Button
+            ouiaId="visualizer-zoom-to-fit-button"
             variant="tertiary"
             css="margin-right: 30px;"
             onClick={() => onFitGraph()}
@@ -99,6 +100,7 @@ function WorkflowTools({
         </Tooltip>
         <Tooltip content={i18n._(t`Zoom Out`)} position="bottom">
           <Button
+            ouiaId="visualizer-zoom-out-button"
             variant="tertiary"
             css="margin-right: 10px;"
             onClick={() => zoomOut()}
@@ -119,6 +121,7 @@ function WorkflowTools({
         />
         <Tooltip content={i18n._(t`Zoom In`)} position="bottom">
           <Button
+            ouiaId="visualizer-zoom-in-button"
             variant="tertiary"
             css="margin: 0px 25px 0px 10px;"
             onClick={() => zoomIn()}
@@ -129,6 +132,7 @@ function WorkflowTools({
         <Pan>
           <Tooltip content={i18n._(t`Pan Left`)} position="left">
             <Button
+              ouiaId="visualizer-pan-left-button"
               variant="tertiary"
               css="margin-right: 10px;"
               onClick={() => onPan('left')}
@@ -139,6 +143,7 @@ function WorkflowTools({
           <PanCenter>
             <Tooltip content={i18n._(t`Pan Up`)} position="top">
               <Button
+                ouiaId="visualizer-pan-up-button"
                 variant="tertiary"
                 css="margin-bottom: 10px;"
                 onClick={() => onPan('up')}
@@ -150,12 +155,17 @@ function WorkflowTools({
               content={i18n._(t`Set zoom to 100% and center graph`)}
               position="top"
             >
-              <Button variant="tertiary" onClick={() => onPanToMiddle()}>
+              <Button
+                ouiaId="visualizer-pan-middle-button"
+                variant="tertiary"
+                onClick={() => onPanToMiddle()}
+              >
                 <HomeIcon />
               </Button>
             </Tooltip>
             <Tooltip content={i18n._(t`Pan Down`)} position="bottom">
               <Button
+                ouiaId="visualizer-pan-down-button"
                 variant="tertiary"
                 css="margin-top: 10px;"
                 onClick={() => onPan('down')}
@@ -166,6 +176,7 @@ function WorkflowTools({
           </PanCenter>
           <Tooltip content={i18n._(t`Pan Right`)} position="right">
             <Button
+              ouiaId="visualizer-pan-right-button"
               variant="tertiary"
               css="margin-left: 10px;"
               onClick={() => onPan('right')}
diff --git a/awx/ui_next/src/screens/ActivityStream/ActivityStreamDetailButton.jsx b/awx/ui_next/src/screens/ActivityStream/ActivityStreamDetailButton.jsx
index 7220b205a9..12fc841f07 100644
--- a/awx/ui_next/src/screens/ActivityStream/ActivityStreamDetailButton.jsx
+++ b/awx/ui_next/src/screens/ActivityStream/ActivityStreamDetailButton.jsx
@@ -21,6 +21,7 @@ function ActivityStreamDetailButton({ i18n, streamItem, user, description }) {
   return (
     <>
       <Button
+        ouiaId={`${streamItem.id}-view-details-button`}
         aria-label={i18n._(t`View event details`)}
         variant="plain"
         component="button"
diff --git a/awx/ui_next/src/screens/Application/ApplicationDetails/ApplicationDetails.jsx b/awx/ui_next/src/screens/Application/ApplicationDetails/ApplicationDetails.jsx
index 80d7a8c916..4960ad09c2 100644
--- a/awx/ui_next/src/screens/Application/ApplicationDetails/ApplicationDetails.jsx
+++ b/awx/ui_next/src/screens/Application/ApplicationDetails/ApplicationDetails.jsx
@@ -112,6 +112,7 @@ function ApplicationDetails({
         {application.summary_fields.user_capabilities &&
           application.summary_fields.user_capabilities.edit && (
             <Button
+              ouiaId="application-details-edit-button"
               component={Link}
               to={`/applications/${application.id}/edit`}
               aria-label={i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Application/ApplicationsList/ApplicationListItem.jsx b/awx/ui_next/src/screens/Application/ApplicationsList/ApplicationListItem.jsx
index 0d8a10b98e..bb21d76622 100644
--- a/awx/ui_next/src/screens/Application/ApplicationsList/ApplicationListItem.jsx
+++ b/awx/ui_next/src/screens/Application/ApplicationsList/ApplicationListItem.jsx
@@ -50,6 +50,7 @@ function ApplicationListItem({
           tooltip={i18n._(t`Edit application`)}
         >
           <Button
+            ouiaId={`${application.id}-edit-button`}
             aria-label={i18n._(t`Edit application`)}
             variant="plain"
             component={Link}
diff --git a/awx/ui_next/src/screens/Credential/CredentialDetail/CredentialDetail.jsx b/awx/ui_next/src/screens/Credential/CredentialDetail/CredentialDetail.jsx
index 187e196400..7b3a48affb 100644
--- a/awx/ui_next/src/screens/Credential/CredentialDetail/CredentialDetail.jsx
+++ b/awx/ui_next/src/screens/Credential/CredentialDetail/CredentialDetail.jsx
@@ -247,7 +247,11 @@ function CredentialDetail({ i18n, credential }) {
       )}
       <CardActionsRow>
         {user_capabilities.edit && (
-          <Button component={Link} to={`/credentials/${credentialId}/edit`}>
+          <Button
+            ouiaId="credential-detail-edit-button"
+            component={Link}
+            to={`/credentials/${credentialId}/edit`}
+          >
             {i18n._(t`Edit`)}
           </Button>
         )}
diff --git a/awx/ui_next/src/screens/Credential/CredentialList/CredentialListItem.jsx b/awx/ui_next/src/screens/Credential/CredentialList/CredentialListItem.jsx
index 34662e5ed2..78bc9b74e4 100644
--- a/awx/ui_next/src/screens/Credential/CredentialList/CredentialListItem.jsx
+++ b/awx/ui_next/src/screens/Credential/CredentialList/CredentialListItem.jsx
@@ -63,6 +63,7 @@ function CredentialListItem({
       <ActionsTd dataLabel={i18n._(t`Actions`)}>
         <ActionItem visible={canEdit} tooltip={i18n._(t`Edit Credential`)}>
           <Button
+            ouiaId={`${credential.id}-edit-button`}
             isDisabled={isDisabled}
             aria-label={i18n._(t`Edit Credential`)}
             variant="plain"
diff --git a/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx b/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx
index 8972fadb89..3966fd70cc 100644
--- a/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx
+++ b/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx
@@ -265,6 +265,7 @@ function CredentialForm({
               <FormFullWidthLayout>
                 <ActionGroup>
                   <Button
+                    ouiaId="credential-form-save-button"
                     id="credential-form-save-button"
                     aria-label={i18n._(t`Save`)}
                     variant="primary"
@@ -277,6 +278,7 @@ function CredentialForm({
                     credentialTypes[formik.values.credential_type]?.kind ===
                       'external' && (
                       <Button
+                        ouiaId="credential-form-test-button"
                         id="credential-form-test-button"
                         aria-label={i18n._(t`Test`)}
                         variant="secondary"
@@ -288,6 +290,7 @@ function CredentialForm({
                       </Button>
                     )}
                   <Button
+                    ouiaId="credential-form-cancel-button"
                     id="credential-form-cancel-button"
                     aria-label={i18n._(t`Cancel`)}
                     variant="link"
diff --git a/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginField.jsx b/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginField.jsx
index 62c579e791..c1e77a84c3 100644
--- a/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginField.jsx
+++ b/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginField.jsx
@@ -37,6 +37,7 @@ function CredentialPluginInput(props) {
           credential={inputField?.value?.credential}
           onClearPlugin={() => helpers.setValue('')}
           onEditPlugin={() => setShowPluginWizard(true)}
+          fieldId={fieldOptions.id}
         />
       ) : (
         <InputGroup>
@@ -55,6 +56,7 @@ function CredentialPluginInput(props) {
             )}
           >
             <Button
+              ouiaId={`credential-field-${fieldOptions.id}-external-button`}
               id={`credential-${fieldOptions.id}-external-button`}
               variant={ButtonVariant.control}
               aria-label={i18n._(
diff --git a/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginPrompt/CredentialPluginPrompt.jsx b/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginPrompt/CredentialPluginPrompt.jsx
index 51d832c8c4..1fb1c60230 100644
--- a/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginPrompt/CredentialPluginPrompt.jsx
+++ b/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginPrompt/CredentialPluginPrompt.jsx
@@ -58,6 +58,7 @@ function CredentialPluginWizard({ i18n, handleSubmit, onClose }) {
         {({ activeStep, onNext, onBack }) => (
           <>
             <Button
+              ouiaId="credential-plugin-prompt-next"
               id="credential-plugin-prompt-next"
               variant="primary"
               onClick={onNext}
@@ -74,6 +75,7 @@ function CredentialPluginWizard({ i18n, handleSubmit, onClose }) {
                   position="right"
                 >
                   <Button
+                    ouiaId="credential-plugin-prompt-test"
                     id="credential-plugin-prompt-test"
                     variant="secondary"
                     onClick={() => testPluginMetadata()}
@@ -83,6 +85,7 @@ function CredentialPluginWizard({ i18n, handleSubmit, onClose }) {
                 </Tooltip>
 
                 <Button
+                  ouiaId="credential-plugin-prompt-back"
                   id="credential-plugin-prompt-back"
                   variant="secondary"
                   onClick={onBack}
@@ -92,6 +95,7 @@ function CredentialPluginWizard({ i18n, handleSubmit, onClose }) {
               </>
             )}
             <Button
+              ouiaId="credential-plugin-prompt-cancel"
               id="credential-plugin-prompt-cancel"
               variant="link"
               onClick={onClose}
diff --git a/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginSelected.jsx b/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginSelected.jsx
index d97a7a39df..a71993ed96 100644
--- a/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginSelected.jsx
+++ b/awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginSelected.jsx
@@ -28,6 +28,7 @@ function CredentialPluginSelected({
   credential,
   onEditPlugin,
   onClearPlugin,
+  fieldId,
 }) {
   return (
     <>
@@ -38,6 +39,7 @@ function CredentialPluginSelected({
           position="top"
         >
           <Button
+            ouiaId={`credential-field-${fieldId}-edit-plugin-button`}
             aria-label={i18n._(t`Edit Credential Plugin Configuration`)}
             onClick={onEditPlugin}
             variant={ButtonVariant.control}
diff --git a/awx/ui_next/src/screens/Credential/shared/ExternalTestModal.jsx b/awx/ui_next/src/screens/Credential/shared/ExternalTestModal.jsx
index 3e80b5e8d2..01075f9c76 100644
--- a/awx/ui_next/src/screens/Credential/shared/ExternalTestModal.jsx
+++ b/awx/ui_next/src/screens/Credential/shared/ExternalTestModal.jsx
@@ -81,6 +81,7 @@ function ExternalTestModal({
             variant="small"
             actions={[
               <Button
+                ouiaId="external-test-modal-run-button"
                 id="run-external-credential-test"
                 key="confirm"
                 variant="primary"
@@ -89,6 +90,7 @@ function ExternalTestModal({
                 {i18n._(t`Run`)}
               </Button>,
               <Button
+                ouiaId="external-test-modal-cancel-button"
                 id="cancel-external-credential-test"
                 key="cancel"
                 variant="link"
diff --git a/awx/ui_next/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.jsx b/awx/ui_next/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.jsx
index 0cdf678d67..5b52c11db0 100644
--- a/awx/ui_next/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.jsx
+++ b/awx/ui_next/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.jsx
@@ -68,6 +68,7 @@ function CredentialTypeDetails({ credentialType, i18n }) {
         {credentialType.summary_fields.user_capabilities &&
           credentialType.summary_fields.user_capabilities.edit && (
             <Button
+              ouiaId="credential-type-detail-edit-button"
               aria-label={i18n._(t`edit`)}
               component={Link}
               to={`/credential_types/${id}/edit`}
diff --git a/awx/ui_next/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.jsx b/awx/ui_next/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.jsx
index ea461b58bb..b05a47bf73 100644
--- a/awx/ui_next/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.jsx
+++ b/awx/ui_next/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.jsx
@@ -40,6 +40,7 @@ function CredentialTypeListItem({
           tooltip={i18n._(t`Edit credential type`)}
         >
           <Button
+            ouiaId={`${credentialType.id}-edit-button`}
             aria-label={i18n._(t`Edit credential type`)}
             variant="plain"
             component={Link}
diff --git a/awx/ui_next/src/screens/ExecutionEnvironment/ExecutionEnvironmentDetails/ExecutionEnvironmentDetails.jsx b/awx/ui_next/src/screens/ExecutionEnvironment/ExecutionEnvironmentDetails/ExecutionEnvironmentDetails.jsx
index e777003c92..5357b00ca9 100644
--- a/awx/ui_next/src/screens/ExecutionEnvironment/ExecutionEnvironmentDetails/ExecutionEnvironmentDetails.jsx
+++ b/awx/ui_next/src/screens/ExecutionEnvironment/ExecutionEnvironmentDetails/ExecutionEnvironmentDetails.jsx
@@ -107,10 +107,10 @@ function ExecutionEnvironmentDetails({ executionEnvironment, i18n }) {
       {!managedByTower && (
         <CardActionsRow>
           <Button
+            ouiaId="execution-environment-detail-edit-button"
             aria-label={i18n._(t`edit`)}
             component={Link}
             to={`/execution_environments/${id}/edit`}
-            ouiaId="edit-button"
           >
             {i18n._(t`Edit`)}
           </Button>
diff --git a/awx/ui_next/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.jsx b/awx/ui_next/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.jsx
index 07816ff5fc..ab38b3e00a 100644
--- a/awx/ui_next/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.jsx
+++ b/awx/ui_next/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.jsx
@@ -81,7 +81,7 @@ function ExecutionEnvironmentListItem({
           tooltip={i18n._(t`Edit Execution Environment`)}
         >
           <Button
-            ouiaId={`edit-ee-${executionEnvironment.id}`}
+            ouiaId={`${executionEnvironment.id}-edit-button`}
             aria-label={i18n._(t`Edit Execution Environment`)}
             variant="plain"
             component={Link}
diff --git a/awx/ui_next/src/screens/Host/HostDetail/HostDetail.jsx b/awx/ui_next/src/screens/Host/HostDetail/HostDetail.jsx
index aecb17a53e..30f543d3ee 100644
--- a/awx/ui_next/src/screens/Host/HostDetail/HostDetail.jsx
+++ b/awx/ui_next/src/screens/Host/HostDetail/HostDetail.jsx
@@ -109,6 +109,7 @@ function HostDetail({ i18n, host }) {
       <CardActionsRow>
         {user_capabilities?.edit && (
           <Button
+            ouiaId="host-detail-edit-button"
             aria-label={i18n._(t`edit`)}
             component={Link}
             to={`/hosts/${id}/edit`}
diff --git a/awx/ui_next/src/screens/Host/HostGroups/HostGroupItem.jsx b/awx/ui_next/src/screens/Host/HostGroups/HostGroupItem.jsx
index 1e235ee4c2..9f26cc3bc4 100644
--- a/awx/ui_next/src/screens/Host/HostGroups/HostGroupItem.jsx
+++ b/awx/ui_next/src/screens/Host/HostGroups/HostGroupItem.jsx
@@ -48,7 +48,12 @@ function HostGroupItem({ i18n, group, inventoryId, isSelected, onSelect }) {
         >
           {group.summary_fields.user_capabilities.edit && (
             <Tooltip content={i18n._(t`Edit Group`)} position="top">
-              <Button variant="plain" component={Link} to={editUrl}>
+              <Button
+                ouiaId={`${group.id}-edit-button`}
+                variant="plain"
+                component={Link}
+                to={editUrl}
+              >
                 <PencilAltIcon />
               </Button>
             </Tooltip>
diff --git a/awx/ui_next/src/screens/Host/HostList/HostListItem.jsx b/awx/ui_next/src/screens/Host/HostList/HostListItem.jsx
index 87c4d4eff6..efcd070427 100644
--- a/awx/ui_next/src/screens/Host/HostList/HostListItem.jsx
+++ b/awx/ui_next/src/screens/Host/HostList/HostListItem.jsx
@@ -52,6 +52,7 @@ function HostListItem({
           tooltip={i18n._(t`Edit Host`)}
         >
           <Button
+            ouiaId={`${host.id}-edit-button}`}
             aria-label={i18n._(t`Edit Host`)}
             variant="plain"
             component={Link}
diff --git a/awx/ui_next/src/screens/Host/HostList/SmartInventoryButton.jsx b/awx/ui_next/src/screens/Host/HostList/SmartInventoryButton.jsx
index 9e90bbf531..83d30dece4 100644
--- a/awx/ui_next/src/screens/Host/HostList/SmartInventoryButton.jsx
+++ b/awx/ui_next/src/screens/Host/HostList/SmartInventoryButton.jsx
@@ -35,6 +35,7 @@ function SmartInventoryButton({ onClick, i18n, isDisabled }) {
     >
       <div>
         <Button
+          ouiaId="smart-inventory-button"
           onClick={onClick}
           aria-label={i18n._(t`Smart Inventory`)}
           variant="secondary"
diff --git a/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.jsx b/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.jsx
index 6cf0bedf87..96845ea500 100644
--- a/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.jsx
+++ b/awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.jsx
@@ -86,6 +86,7 @@ function ContainerGroupDetails({ instanceGroup, i18n }) {
         {instanceGroup.summary_fields.user_capabilities &&
           instanceGroup.summary_fields.user_capabilities.edit && (
             <Button
+              ouiaId="container-group-detail-edit-button"
               aria-label={i18n._(t`edit`)}
               component={Link}
               to={`/instance_groups/container_group/${id}/edit`}
diff --git a/awx/ui_next/src/screens/InstanceGroup/InstanceGroupDetails/InstanceGroupDetails.jsx b/awx/ui_next/src/screens/InstanceGroup/InstanceGroupDetails/InstanceGroupDetails.jsx
index 05ad3277dc..62b723f294 100644
--- a/awx/ui_next/src/screens/InstanceGroup/InstanceGroupDetails/InstanceGroupDetails.jsx
+++ b/awx/ui_next/src/screens/InstanceGroup/InstanceGroupDetails/InstanceGroupDetails.jsx
@@ -126,6 +126,7 @@ function InstanceGroupDetails({ instanceGroup, i18n }) {
         {instanceGroup.summary_fields.user_capabilities &&
           instanceGroup.summary_fields.user_capabilities.edit && (
             <Button
+              ouiaId="instance-group-detail-edit-button"
               aria-label={i18n._(t`edit`)}
               component={Link}
               to={`/instance_groups/${id}/edit`}
diff --git a/awx/ui_next/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.jsx b/awx/ui_next/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.jsx
index 4c47269074..bd7b80573d 100644
--- a/awx/ui_next/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.jsx
+++ b/awx/ui_next/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.jsx
@@ -105,6 +105,7 @@ function InstanceGroupListItem({
           tooltip={i18n._(t`Edit instance group`)}
         >
           <Button
+            ouiaId={`${instanceGroup.id}-edit-button`}
             aria-label={i18n._(t`Edit instance group`)}
             variant="plain"
             component={Link}
diff --git a/awx/ui_next/src/screens/Inventory/InventoryDetail/InventoryDetail.jsx b/awx/ui_next/src/screens/Inventory/InventoryDetail/InventoryDetail.jsx
index ec441d7390..32d9eda3e5 100644
--- a/awx/ui_next/src/screens/Inventory/InventoryDetail/InventoryDetail.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventoryDetail/InventoryDetail.jsx
@@ -114,6 +114,7 @@ function InventoryDetail({ inventory, i18n }) {
       <CardActionsRow>
         {userCapabilities.edit && (
           <Button
+            ouiaId="inventory-detail-edit-button"
             component={Link}
             to={`/inventories/inventory/${inventory.id}/edit`}
           >
diff --git a/awx/ui_next/src/screens/Inventory/InventoryGroupDetail/InventoryGroupDetail.jsx b/awx/ui_next/src/screens/Inventory/InventoryGroupDetail/InventoryGroupDetail.jsx
index 8a4fa92fdf..ed891f3c53 100644
--- a/awx/ui_next/src/screens/Inventory/InventoryGroupDetail/InventoryGroupDetail.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventoryGroupDetail/InventoryGroupDetail.jsx
@@ -56,6 +56,7 @@ function InventoryGroupDetail({ i18n, inventoryGroup }) {
       <CardActionsRow>
         {user_capabilities?.edit && (
           <Button
+            ouiaId="inventory-group-detail-edit-button"
             variant="primary"
             aria-label={i18n._(t`Edit`)}
             onClick={() =>
diff --git a/awx/ui_next/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.jsx b/awx/ui_next/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.jsx
index 6557db5c3e..643b5ae140 100644
--- a/awx/ui_next/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.jsx
@@ -74,6 +74,7 @@ function InventoryGroupHostListItem({
           {host.summary_fields.user_capabilities?.edit && (
             <Tooltip content={i18n._(t`Edit Host`)} position="top">
               <Button
+                ouiaId={`${host.id}-edit-button`}
                 aria-label={i18n._(t`Edit Host`)}
                 css="grid-column: 2"
                 variant="plain"
diff --git a/awx/ui_next/src/screens/Inventory/InventoryGroups/InventoryGroupItem.jsx b/awx/ui_next/src/screens/Inventory/InventoryGroups/InventoryGroupItem.jsx
index d2d26dce79..631476517e 100644
--- a/awx/ui_next/src/screens/Inventory/InventoryGroups/InventoryGroupItem.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventoryGroups/InventoryGroupItem.jsx
@@ -55,6 +55,7 @@ function InventoryGroupItem({
           {group.summary_fields.user_capabilities.edit && (
             <Tooltip content={i18n._(t`Edit Group`)} position="top">
               <Button
+                ouiaId={`${group.id}-edit-button`}
                 aria-label={i18n._(t`Edit Group`)}
                 variant="plain"
                 component={Link}
diff --git a/awx/ui_next/src/screens/Inventory/InventoryHostDetail/InventoryHostDetail.jsx b/awx/ui_next/src/screens/Inventory/InventoryHostDetail/InventoryHostDetail.jsx
index c90c20885f..e167230c4c 100644
--- a/awx/ui_next/src/screens/Inventory/InventoryHostDetail/InventoryHostDetail.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventoryHostDetail/InventoryHostDetail.jsx
@@ -99,6 +99,7 @@ function InventoryHostDetail({ i18n, host }) {
       <CardActionsRow>
         {user_capabilities?.edit && (
           <Button
+            ouiaId="inventory-host-detail-edit-button"
             aria-label={i18n._(t`edit`)}
             component={Link}
             to={`/inventories/inventory/${inventory.id}/hosts/${id}/edit`}
diff --git a/awx/ui_next/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.jsx b/awx/ui_next/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.jsx
index d4ed2b4166..fa3ed0e12c 100644
--- a/awx/ui_next/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.jsx
@@ -54,7 +54,12 @@ function InventoryHostGroupItem({
         >
           {group.summary_fields.user_capabilities.edit && (
             <Tooltip content={i18n._(t`Edit Group`)} position="top">
-              <Button variant="plain" component={Link} to={editUrl}>
+              <Button
+                ouiaId={`${group.id}-edit-button`}
+                variant="plain"
+                component={Link}
+                to={editUrl}
+              >
                 <PencilAltIcon />
               </Button>
             </Tooltip>
diff --git a/awx/ui_next/src/screens/Inventory/InventoryHosts/InventoryHostItem.jsx b/awx/ui_next/src/screens/Inventory/InventoryHosts/InventoryHostItem.jsx
index 2fa80ede52..61b9242a0b 100644
--- a/awx/ui_next/src/screens/Inventory/InventoryHosts/InventoryHostItem.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventoryHosts/InventoryHostItem.jsx
@@ -66,7 +66,12 @@ function InventoryHostItem(props) {
           <HostToggle host={host} />
           {host.summary_fields.user_capabilities?.edit && (
             <Tooltip content={i18n._(t`Edit Host`)} position="top">
-              <Button variant="plain" component={Link} to={`${editUrl}`}>
+              <Button
+                ouiaId={`${host.id}-edit-button`}
+                variant="plain"
+                component={Link}
+                to={`${editUrl}`}
+              >
                 <PencilAltIcon />
               </Button>
             </Tooltip>
diff --git a/awx/ui_next/src/screens/Inventory/InventoryList/InventoryListItem.jsx b/awx/ui_next/src/screens/Inventory/InventoryList/InventoryListItem.jsx
index 2b2f660efd..5d3275b6e8 100644
--- a/awx/ui_next/src/screens/Inventory/InventoryList/InventoryListItem.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventoryList/InventoryListItem.jsx
@@ -115,6 +115,7 @@ function InventoryListItem({
             tooltip={i18n._(t`Edit Inventory`)}
           >
             <Button
+              ouiaId={`${inventory.id}-edit-button`}
               isDisabled={isCopying}
               aria-label={i18n._(t`Edit Inventory`)}
               variant="plain"
diff --git a/awx/ui_next/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.jsx b/awx/ui_next/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.jsx
index 731e1f8e59..2e3514d4ea 100644
--- a/awx/ui_next/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.jsx
@@ -63,6 +63,7 @@ function InventoryRelatedGroupListItem({
           {group.summary_fields.user_capabilities?.edit && (
             <Tooltip content={i18n._(t`Edit Group`)} position="top">
               <Button
+                ouiaId={`${group.id}-edit-button`}
                 aria-label={i18n._(t`Edit Group`)}
                 css="grid-column: 2"
                 variant="plain"
diff --git a/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx b/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx
index 11a59aeb44..4eda04831d 100644
--- a/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx
@@ -265,6 +265,7 @@ function InventorySourceDetail({ inventorySource, i18n }) {
       <CardActionsRow>
         {user_capabilities?.edit && (
           <Button
+            ouiaId="inventory-source-detail-edit-button"
             component={Link}
             aria-label={i18n._(t`edit`)}
             to={`/inventories/inventory/${inventory.id}/sources/${id}/edit`}
diff --git a/awx/ui_next/src/screens/Inventory/InventorySources/InventorySourceList.jsx b/awx/ui_next/src/screens/Inventory/InventorySources/InventorySourceList.jsx
index 13f0d79f77..4013d9a53b 100644
--- a/awx/ui_next/src/screens/Inventory/InventorySources/InventorySourceList.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventorySources/InventorySourceList.jsx
@@ -183,6 +183,7 @@ function InventorySourceList({ i18n }) {
                       position="top"
                     >
                       <Button
+                        ouiaId="sync-all-button"
                         onClick={syncAll}
                         aria-label={i18n._(t`Sync all`)}
                         variant="secondary"
diff --git a/awx/ui_next/src/screens/Inventory/InventorySources/InventorySourceListItem.jsx b/awx/ui_next/src/screens/Inventory/InventorySources/InventorySourceListItem.jsx
index c8a8c61363..a09320db3e 100644
--- a/awx/ui_next/src/screens/Inventory/InventorySources/InventorySourceListItem.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventorySources/InventorySourceListItem.jsx
@@ -122,6 +122,7 @@ function InventorySourceListItem({
             )}
             {source.summary_fields.user_capabilities.edit && (
               <Button
+                ouiaId={`${source.id}-edit-button`}
                 aria-label={i18n._(t`Edit Source`)}
                 variant="plain"
                 component={Link}
diff --git a/awx/ui_next/src/screens/Inventory/SmartInventoryDetail/SmartInventoryDetail.jsx b/awx/ui_next/src/screens/Inventory/SmartInventoryDetail/SmartInventoryDetail.jsx
index fa29c0ad61..3ae34e52c6 100644
--- a/awx/ui_next/src/screens/Inventory/SmartInventoryDetail/SmartInventoryDetail.jsx
+++ b/awx/ui_next/src/screens/Inventory/SmartInventoryDetail/SmartInventoryDetail.jsx
@@ -151,6 +151,7 @@ function SmartInventoryDetail({ inventory, i18n }) {
         <CardActionsRow>
           {user_capabilities?.edit && (
             <Button
+              ouiaId="smart-inventory-detail-edit-button"
               component={Link}
               aria-label={i18n._(t`edit`)}
               to={`/inventories/smart_inventory/${id}/edit`}
diff --git a/awx/ui_next/src/screens/Inventory/shared/InventorySourceSyncButton.jsx b/awx/ui_next/src/screens/Inventory/shared/InventorySourceSyncButton.jsx
index 03e32442ed..d6b8f02058 100644
--- a/awx/ui_next/src/screens/Inventory/shared/InventorySourceSyncButton.jsx
+++ b/awx/ui_next/src/screens/Inventory/shared/InventorySourceSyncButton.jsx
@@ -57,6 +57,7 @@ function InventorySourceSyncButton({ source, icon, i18n }) {
       {['running', 'pending', 'updating'].includes(source.status) ? (
         <Tooltip content={i18n._(t`Cancel sync process`)} position="top">
           <Button
+            ouiaId={`${source}-cancel-sync-button`}
             isDisabled={cancelSyncLoading || startSyncLoading}
             aria-label={i18n._(t`Cancel sync source`)}
             variant={icon ? 'plain' : 'secondary'}
@@ -68,6 +69,7 @@ function InventorySourceSyncButton({ source, icon, i18n }) {
       ) : (
         <Tooltip content={i18n._(t`Start sync process`)} position="top">
           <Button
+            ouiaId={`${source}-sync-button`}
             isDisabled={cancelSyncLoading || startSyncLoading}
             aria-label={i18n._(t`Start sync source`)}
             variant={icon ? 'plain' : 'secondary'}
diff --git a/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx b/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx
index b81d774512..a4f8a0beb2 100644
--- a/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx
+++ b/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx
@@ -387,13 +387,21 @@ function JobDetail({ job, i18n }) {
           (job.status === 'failed' && job.type === 'job' ? (
             <LaunchButton resource={job}>
               {({ handleRelaunch }) => (
-                <ReLaunchDropDown isPrimary handleRelaunch={handleRelaunch} />
+                <ReLaunchDropDown
+                  ouiaId="job-detail-relaunch-dropdown"
+                  isPrimary
+                  handleRelaunch={handleRelaunch}
+                />
               )}
             </LaunchButton>
           ) : (
             <LaunchButton resource={job} aria-label={i18n._(t`Relaunch`)}>
               {({ handleRelaunch }) => (
-                <Button type="submit" onClick={handleRelaunch}>
+                <Button
+                  ouiaId="job-detail-relaunch-button"
+                  type="submit"
+                  onClick={handleRelaunch}
+                >
                   {i18n._(t`Relaunch`)}
                 </Button>
               )}
diff --git a/awx/ui_next/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.jsx b/awx/ui_next/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.jsx
index 06ca1b8dc4..0347cfa47a 100644
--- a/awx/ui_next/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.jsx
+++ b/awx/ui_next/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.jsx
@@ -95,6 +95,7 @@ function ManagementJobListItem({
                     position="top"
                   >
                     <Button
+                      ouiaId={`${id}-launch-button`}
                       aria-label={i18n._(t`Launch management job`)}
                       variant="plain"
                       onClick={handleLaunch}
diff --git a/awx/ui_next/src/screens/NotificationTemplate/NotificationTemplateDetail/NotificationTemplateDetail.jsx b/awx/ui_next/src/screens/NotificationTemplate/NotificationTemplateDetail/NotificationTemplateDetail.jsx
index b9becea72f..1d1c303f81 100644
--- a/awx/ui_next/src/screens/NotificationTemplate/NotificationTemplateDetail/NotificationTemplateDetail.jsx
+++ b/awx/ui_next/src/screens/NotificationTemplate/NotificationTemplateDetail/NotificationTemplateDetail.jsx
@@ -350,6 +350,7 @@ function NotificationTemplateDetail({ i18n, template, defaultMessages }) {
         {summary_fields.user_capabilities &&
           summary_fields.user_capabilities.edit && (
             <Button
+              ouiaId="notification-template-detail-edit-button"
               component={Link}
               to={`/notification_templates/${template.id}/edit`}
               aria-label={i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx b/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx
index cefd823202..db282620a5 100644
--- a/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx
+++ b/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx
@@ -142,6 +142,7 @@ function OrganizationDetail({ i18n, organization }) {
       <CardActionsRow>
         {summary_fields.user_capabilities.edit && (
           <Button
+            ouiaId="organization-detail-edit-button"
             aria-label={i18n._(t`Edit`)}
             component={Link}
             to={`/organizations/${id}/edit`}
diff --git a/awx/ui_next/src/screens/Organization/OrganizationList/OrganizationListItem.jsx b/awx/ui_next/src/screens/Organization/OrganizationList/OrganizationListItem.jsx
index 5393360ee6..86fb43cdf8 100644
--- a/awx/ui_next/src/screens/Organization/OrganizationList/OrganizationListItem.jsx
+++ b/awx/ui_next/src/screens/Organization/OrganizationList/OrganizationListItem.jsx
@@ -74,6 +74,7 @@ function OrganizationListItem({
           tooltip={i18n._(t`Edit Organization`)}
         >
           <Button
+            ouiaId={`${organization.id}-edit-button`}
             aria-label={i18n._(t`Edit Organization`)}
             variant="plain"
             component={Link}
diff --git a/awx/ui_next/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.jsx b/awx/ui_next/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.jsx
index 7ffec8c2c0..586b7fe229 100644
--- a/awx/ui_next/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.jsx
+++ b/awx/ui_next/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.jsx
@@ -39,6 +39,7 @@ function OrganizationTeamListItem({ i18n, team, detailUrl }) {
           {team.summary_fields.user_capabilities.edit && (
             <Tooltip content={i18n._(t`Edit Team`)} position="top">
               <Button
+                ouiaId={`${team.id}-edit-button`}
                 aria-label={i18n._(t`Edit Team`)}
                 css="grid-column: 2"
                 variant="plain"
diff --git a/awx/ui_next/src/screens/Project/ProjectDetail/ProjectDetail.jsx b/awx/ui_next/src/screens/Project/ProjectDetail/ProjectDetail.jsx
index b4a9fec1f9..d00ab5da57 100644
--- a/awx/ui_next/src/screens/Project/ProjectDetail/ProjectDetail.jsx
+++ b/awx/ui_next/src/screens/Project/ProjectDetail/ProjectDetail.jsx
@@ -154,6 +154,7 @@ function ProjectDetail({ project, i18n }) {
       <CardActionsRow>
         {summary_fields.user_capabilities?.edit && (
           <Button
+            ouiaId="project-detail-edit-button"
             aria-label={i18n._(t`edit`)}
             component={Link}
             to={`/projects/${id}/edit`}
diff --git a/awx/ui_next/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.jsx b/awx/ui_next/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.jsx
index 77179e1c25..9f93620f56 100644
--- a/awx/ui_next/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.jsx
+++ b/awx/ui_next/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.jsx
@@ -118,6 +118,7 @@ function ProjectJobTemplateListItem({
               <LaunchButton resource={template}>
                 {({ handleLaunch }) => (
                   <Button
+                    ouiaId={`${template.id}-launch-button`}
                     css="grid-column: 1"
                     variant="plain"
                     onClick={handleLaunch}
@@ -131,6 +132,7 @@ function ProjectJobTemplateListItem({
           {template.summary_fields.user_capabilities.edit && (
             <Tooltip content={i18n._(t`Edit Template`)} position="top">
               <Button
+                ouiaId={`${template.id}-edit-button`}
                 css="grid-column: 2"
                 variant="plain"
                 component={Link}
diff --git a/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.jsx b/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.jsx
index d5aae4ccfd..55c265cf0d 100644
--- a/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.jsx
+++ b/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.jsx
@@ -146,6 +146,7 @@ function ProjectListItem({
           stringToCopy={project.scm_revision}
           copyTip={i18n._(t`Copy full revision to clipboard.`)}
           copiedSuccessTip={i18n._(t`Successfully copied to clipboard!`)}
+          ouiaId="copy-revision-button"
         />
       </Td>
       <ActionsTd dataLabel={i18n._(t`Actions`)}>
@@ -160,6 +161,7 @@ function ProjectListItem({
           tooltip={i18n._(t`Edit Project`)}
         >
           <Button
+            ouiaId={`${project.id}-edit-button`}
             isDisabled={isDisabled}
             aria-label={i18n._(t`Edit Project`)}
             variant="plain"
diff --git a/awx/ui_next/src/screens/Project/shared/ProjectSyncButton.jsx b/awx/ui_next/src/screens/Project/shared/ProjectSyncButton.jsx
index 5a4cc23fdc..2d316d5fa7 100644
--- a/awx/ui_next/src/screens/Project/shared/ProjectSyncButton.jsx
+++ b/awx/ui_next/src/screens/Project/shared/ProjectSyncButton.jsx
@@ -27,6 +27,7 @@ function ProjectSyncButton({ i18n, projectId }) {
   return (
     <>
       <Button
+        ouiaId={`${projectId}-sync-button`}
         aria-label={i18n._(t`Sync Project`)}
         variant={isDetailsView ? 'secondary' : 'plain'}
         onClick={handleSync}
diff --git a/awx/ui_next/src/screens/Setting/ActivityStream/ActivityStreamDetail/ActivityStreamDetail.jsx b/awx/ui_next/src/screens/Setting/ActivityStream/ActivityStreamDetail/ActivityStreamDetail.jsx
index 55bcb74db0..16391ab3d4 100644
--- a/awx/ui_next/src/screens/Setting/ActivityStream/ActivityStreamDetail/ActivityStreamDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/ActivityStream/ActivityStreamDetail/ActivityStreamDetail.jsx
@@ -84,9 +84,9 @@ function ActivityStreamDetail({ i18n }) {
         {me?.is_superuser && (
           <CardActionsRow>
             <Button
+              ouiaId="activity-stream-detail-edit-button"
               aria-label={i18n._(t`Edit`)}
               component={Link}
-              ouiaId="edit-button"
               to="/settings/activity_stream/edit"
             >
               {i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Setting/AzureAD/AzureADDetail/AzureADDetail.jsx b/awx/ui_next/src/screens/Setting/AzureAD/AzureADDetail/AzureADDetail.jsx
index aa3528f3a3..c93f9b8009 100644
--- a/awx/ui_next/src/screens/Setting/AzureAD/AzureADDetail/AzureADDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/AzureAD/AzureADDetail/AzureADDetail.jsx
@@ -76,9 +76,9 @@ function AzureADDetail({ i18n }) {
         {me?.is_superuser && (
           <CardActionsRow>
             <Button
+              ouiaId="azure-detail-edit-button"
               aria-label={i18n._(t`Edit`)}
               component={Link}
-              ouiaId="edit-button"
               to="/settings/azure/edit"
             >
               {i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Setting/GitHub/GitHubDetail/GitHubDetail.jsx b/awx/ui_next/src/screens/Setting/GitHub/GitHubDetail/GitHubDetail.jsx
index 816ae229b8..fcea0d549c 100644
--- a/awx/ui_next/src/screens/Setting/GitHub/GitHubDetail/GitHubDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/GitHub/GitHubDetail/GitHubDetail.jsx
@@ -139,9 +139,9 @@ function GitHubDetail({ i18n }) {
         {me?.is_superuser && (
           <CardActionsRow>
             <Button
+              ouiaId="github-detail-edit-button"
               aria-label={i18n._(t`Edit`)}
               component={Link}
-              ouiaId="edit-button"
               to={`${baseURL}/${category}/edit`}
             >
               {i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Setting/GoogleOAuth2/GoogleOAuth2Detail/GoogleOAuth2Detail.jsx b/awx/ui_next/src/screens/Setting/GoogleOAuth2/GoogleOAuth2Detail/GoogleOAuth2Detail.jsx
index 98a241f801..ff59e2604c 100644
--- a/awx/ui_next/src/screens/Setting/GoogleOAuth2/GoogleOAuth2Detail/GoogleOAuth2Detail.jsx
+++ b/awx/ui_next/src/screens/Setting/GoogleOAuth2/GoogleOAuth2Detail/GoogleOAuth2Detail.jsx
@@ -76,9 +76,9 @@ function GoogleOAuth2Detail({ i18n }) {
         {me?.is_superuser && (
           <CardActionsRow>
             <Button
+              ouiaId="google-detail-edit-button"
               aria-label={i18n._(t`Edit`)}
               component={Link}
-              ouiaId="edit-button"
               to="/settings/google_oauth2/edit"
             >
               {i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Setting/Jobs/JobsDetail/JobsDetail.jsx b/awx/ui_next/src/screens/Setting/Jobs/JobsDetail/JobsDetail.jsx
index a29a633a2d..1e56a72b69 100644
--- a/awx/ui_next/src/screens/Setting/Jobs/JobsDetail/JobsDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/Jobs/JobsDetail/JobsDetail.jsx
@@ -93,9 +93,9 @@ function JobsDetail({ i18n }) {
         {me?.is_superuser && (
           <CardActionsRow>
             <Button
+              ouiaId="jobs-detail-edit-button"
               aria-label={i18n._(t`Edit`)}
               component={Link}
-              ouiaId="edit-button"
               to="/settings/jobs/edit"
             >
               {i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Setting/LDAP/LDAPDetail/LDAPDetail.jsx b/awx/ui_next/src/screens/Setting/LDAP/LDAPDetail/LDAPDetail.jsx
index 74850dfbe4..ba1fe9df8e 100644
--- a/awx/ui_next/src/screens/Setting/LDAP/LDAPDetail/LDAPDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/LDAP/LDAPDetail/LDAPDetail.jsx
@@ -157,9 +157,9 @@ function LDAPDetail({ i18n }) {
         {me?.is_superuser && (
           <CardActionsRow>
             <Button
+              ouiaId="ldap-detail-edit-button"
               aria-label={i18n._(t`Edit`)}
               component={Link}
-              ouiaId="edit-button"
               to={`${baseURL}/${category}/edit`}
             >
               {i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Setting/License/LicenseDetail/LicenseDetail.jsx b/awx/ui_next/src/screens/Setting/License/LicenseDetail/LicenseDetail.jsx
index 05f551c512..73efe6d31a 100644
--- a/awx/ui_next/src/screens/Setting/License/LicenseDetail/LicenseDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/License/LicenseDetail/LicenseDetail.jsx
@@ -11,9 +11,9 @@ function LicenseDetail({ i18n }) {
       {i18n._(t`Detail coming soon :)`)}
       <CardActionsRow>
         <Button
+          ouiaId="license-detail-edit-button"
           aria-label={i18n._(t`Edit`)}
           component={Link}
-          ouiaId="edit-button"
           to="/settings/license/edit"
         >
           {i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Setting/Logging/LoggingDetail/LoggingDetail.jsx b/awx/ui_next/src/screens/Setting/Logging/LoggingDetail/LoggingDetail.jsx
index 54643f1773..3a6850779b 100644
--- a/awx/ui_next/src/screens/Setting/Logging/LoggingDetail/LoggingDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/Logging/LoggingDetail/LoggingDetail.jsx
@@ -97,9 +97,9 @@ function LoggingDetail({ i18n }) {
         {me?.is_superuser && (
           <CardActionsRow>
             <Button
+              ouiaId="logging-detail-edit-button"
               aria-label={i18n._(t`Edit`)}
               component={Link}
-              ouiaId="edit-button"
               to="/settings/logging/edit"
             >
               {i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Setting/MiscSystem/MiscSystemDetail/MiscSystemDetail.jsx b/awx/ui_next/src/screens/Setting/MiscSystem/MiscSystemDetail/MiscSystemDetail.jsx
index 032f7f6d1b..02f37b2d96 100644
--- a/awx/ui_next/src/screens/Setting/MiscSystem/MiscSystemDetail/MiscSystemDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/MiscSystem/MiscSystemDetail/MiscSystemDetail.jsx
@@ -137,9 +137,9 @@ function MiscSystemDetail({ i18n }) {
         {me?.is_superuser && (
           <CardActionsRow>
             <Button
+              ouiaId="system-detail-edit-button"
               aria-label={i18n._(t`Edit`)}
               component={Link}
-              ouiaId="edit-button"
               to="/settings/miscellaneous_system/edit"
             >
               {i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.jsx b/awx/ui_next/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.jsx
index d776f177c7..589bae4368 100644
--- a/awx/ui_next/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.jsx
@@ -76,9 +76,9 @@ function RADIUSDetail({ i18n }) {
         {me?.is_superuser && (
           <CardActionsRow>
             <Button
+              ouiaId="radius-detail-edit-button"
               aria-label={i18n._(t`Edit`)}
               component={Link}
-              ouiaId="edit-button"
               to="/settings/radius/edit"
             >
               {i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Setting/SAML/SAMLDetail/SAMLDetail.jsx b/awx/ui_next/src/screens/Setting/SAML/SAMLDetail/SAMLDetail.jsx
index f8fb104ffb..baf7c3f570 100644
--- a/awx/ui_next/src/screens/Setting/SAML/SAMLDetail/SAMLDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/SAML/SAMLDetail/SAMLDetail.jsx
@@ -77,9 +77,9 @@ function SAMLDetail({ i18n }) {
         {me?.is_superuser && (
           <CardActionsRow>
             <Button
+              ouiaId="saml-detail-edit-button"
               aria-label={i18n._(t`Edit`)}
               component={Link}
-              ouiaId="edit-button"
               to="/settings/saml/edit"
             >
               {i18n._(t`Edit`)}
diff --git a/awx/ui_next/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.jsx b/awx/ui_next/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.jsx
index 094dbf72bd..4f2bdaed77 100644
--- a/awx/ui_next/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.jsx
@@ -79,7 +79,7 @@ function TACACSDetail({ i18n }) {
               aria-label={i18n._(t`Edit`)}
               component={Link}
               to="/settings/tacacs/edit"
-              ouiaId="edit-button"
+              ouiaId="tacacs-detail-edit-button"
             >
               {i18n._(t`Edit`)}
             </Button>
diff --git a/awx/ui_next/src/screens/Setting/UI/UIDetail/UIDetail.jsx b/awx/ui_next/src/screens/Setting/UI/UIDetail/UIDetail.jsx
index e65f176b83..02e4873f59 100644
--- a/awx/ui_next/src/screens/Setting/UI/UIDetail/UIDetail.jsx
+++ b/awx/ui_next/src/screens/Setting/UI/UIDetail/UIDetail.jsx
@@ -94,7 +94,7 @@ function UIDetail({ i18n }) {
               aria-label={i18n._(t`Edit`)}
               component={Link}
               to="/settings/ui/edit"
-              ouiaId="edit-button"
+              ouiaId="ui-detail-edit-button"
             >
               {i18n._(t`Edit`)}
             </Button>
diff --git a/awx/ui_next/src/screens/Setting/shared/RevertAllAlert.jsx b/awx/ui_next/src/screens/Setting/shared/RevertAllAlert.jsx
index 96983f02e0..3622e0afd2 100644
--- a/awx/ui_next/src/screens/Setting/shared/RevertAllAlert.jsx
+++ b/awx/ui_next/src/screens/Setting/shared/RevertAllAlert.jsx
@@ -14,20 +14,20 @@ function RevertAllAlert({ i18n, onClose, onRevertAll }) {
       ouiaId="revert-all-modal"
       actions={[
         <Button
+          ouiaId="revert-all-confirm-button"
           key="revert"
           variant="primary"
           aria-label={i18n._(t`Confirm revert all`)}
           onClick={onRevertAll}
-          ouiaId="confirm-revert-all-button"
         >
           {i18n._(t`Revert all`)}
         </Button>,
         <Button
+          ouiaId="revert-all-cancel-button"
           key="cancel"
           variant="link"
           aria-label={i18n._(t`Cancel revert`)}
           onClick={onClose}
-          ouiaId="cancel-revert-all-button"
         >
           {i18n._(t`Cancel`)}
         </Button>,
diff --git a/awx/ui_next/src/screens/Team/TeamDetail/TeamDetail.jsx b/awx/ui_next/src/screens/Team/TeamDetail/TeamDetail.jsx
index 8347c1c735..b624d995e2 100644
--- a/awx/ui_next/src/screens/Team/TeamDetail/TeamDetail.jsx
+++ b/awx/ui_next/src/screens/Team/TeamDetail/TeamDetail.jsx
@@ -54,6 +54,7 @@ function TeamDetail({ team, i18n }) {
         {summary_fields.user_capabilities &&
           summary_fields.user_capabilities.edit && (
             <Button
+              ouiaId="team-detail-edit-button"
               aria-label={i18n._(t`Edit`)}
               component={Link}
               to={`/teams/${id}/edit`}
diff --git a/awx/ui_next/src/screens/Team/TeamList/TeamListItem.jsx b/awx/ui_next/src/screens/Team/TeamList/TeamListItem.jsx
index a6f56eee3c..e7135a1fa5 100644
--- a/awx/ui_next/src/screens/Team/TeamList/TeamListItem.jsx
+++ b/awx/ui_next/src/screens/Team/TeamList/TeamListItem.jsx
@@ -57,6 +57,7 @@ function TeamListItem({
           tooltip={i18n._(t`Edit Team`)}
         >
           <Button
+            ouiaId={`${team.id}-edit-button`}
             aria-label={i18n._(t`Edit Team`)}
             variant="plain"
             component={Link}
diff --git a/awx/ui_next/src/screens/Team/TeamRoles/TeamRolesList.jsx b/awx/ui_next/src/screens/Team/TeamRoles/TeamRolesList.jsx
index 1e65d52f54..af3089df35 100644
--- a/awx/ui_next/src/screens/Team/TeamRoles/TeamRolesList.jsx
+++ b/awx/ui_next/src/screens/Team/TeamRoles/TeamRolesList.jsx
@@ -196,6 +196,7 @@ function TeamRolesList({ i18n, me, team }) {
           onClose={() => setRoleToDisassociate(null)}
           actions={[
             <Button
+              ouiaId="disassociate-confirm-button"
               key="disassociate"
               variant="danger"
               aria-label={i18n._(t`confirm disassociate`)}
@@ -204,6 +205,7 @@ function TeamRolesList({ i18n, me, team }) {
               {i18n._(t`Disassociate`)}
             </Button>,
             <Button
+              ouiaId="disassociate-cancel-button"
               key="cancel"
               variant="link"
               aria-label={i18n._(t`Cancel`)}
diff --git a/awx/ui_next/src/screens/Template/JobTemplateDetail/JobTemplateDetail.jsx b/awx/ui_next/src/screens/Template/JobTemplateDetail/JobTemplateDetail.jsx
index 8dc5cfe9e5..abd0078571 100644
--- a/awx/ui_next/src/screens/Template/JobTemplateDetail/JobTemplateDetail.jsx
+++ b/awx/ui_next/src/screens/Template/JobTemplateDetail/JobTemplateDetail.jsx
@@ -372,6 +372,7 @@ function JobTemplateDetail({ i18n, template }) {
         {summary_fields.user_capabilities &&
           summary_fields.user_capabilities.edit && (
             <Button
+              ouiaId="job-template-detail-edit-button"
               component={Link}
               to={`/templates/job_template/${templateId}/edit`}
               aria-label={i18n._(t`Edit`)}
@@ -382,7 +383,12 @@ function JobTemplateDetail({ i18n, template }) {
         {canLaunch && (
           <LaunchButton resource={template} aria-label={i18n._(t`Launch`)}>
             {({ handleLaunch }) => (
-              <Button variant="secondary" type="submit" onClick={handleLaunch}>
+              <Button
+                ouiaId="job-template-detail-launch-button"
+                variant="secondary"
+                type="submit"
+                onClick={handleLaunch}
+              >
                 {i18n._(t`Launch`)}
               </Button>
             )}
diff --git a/awx/ui_next/src/screens/Template/Survey/SurveyList.jsx b/awx/ui_next/src/screens/Template/Survey/SurveyList.jsx
index 45ff07dd79..939b08e0ce 100644
--- a/awx/ui_next/src/screens/Template/Survey/SurveyList.jsx
+++ b/awx/ui_next/src/screens/Template/Survey/SurveyList.jsx
@@ -98,6 +98,7 @@ function SurveyList({
       }}
       actions={[
         <Button
+          ouiaId="delete-confirm-button"
           key="delete"
           variant="danger"
           aria-label={i18n._(t`confirm delete`)}
@@ -106,6 +107,7 @@ function SurveyList({
           {i18n._(t`Delete`)}
         </Button>,
         <Button
+          ouiaId="delete-cancel-button"
           key="cancel"
           variant="link"
           aria-label={i18n._(t`cancel delete`)}
diff --git a/awx/ui_next/src/screens/Template/Survey/SurveyListItem.jsx b/awx/ui_next/src/screens/Template/Survey/SurveyListItem.jsx
index 076c9629d6..b5bebc3b87 100644
--- a/awx/ui_next/src/screens/Template/Survey/SurveyListItem.jsx
+++ b/awx/ui_next/src/screens/Template/Survey/SurveyListItem.jsx
@@ -66,6 +66,7 @@ function SurveyListItem({
           <Stack>
             <StackItem>
               <Button
+                ouiaId={`${question.variable}-move-up-button`}
                 variant="plain"
                 aria-label={i18n._(t`move up`)}
                 isDisabled={isFirst || !canEdit}
@@ -76,6 +77,7 @@ function SurveyListItem({
             </StackItem>
             <StackItem>
               <Button
+                ouiaId={`${question.variable}-move-down-button`}
                 variant="plain"
                 aria-label={i18n._(t`move down`)}
                 isDisabled={isLast || !canEdit}
diff --git a/awx/ui_next/src/screens/Template/Survey/SurveyToolbar.jsx b/awx/ui_next/src/screens/Template/Survey/SurveyToolbar.jsx
index d8c122a0e9..53be234309 100644
--- a/awx/ui_next/src/screens/Template/Survey/SurveyToolbar.jsx
+++ b/awx/ui_next/src/screens/Template/Survey/SurveyToolbar.jsx
@@ -65,6 +65,7 @@ function SurveyToolbar({
           </ToolbarItem>
           <ToolbarItem>
             <Button
+              ouiaId="survey-delete-button"
               variant="secondary"
               isDisabled={isDeleteDisabled}
               onClick={() => onToggleDeleteModal(true)}
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.jsx
index 7d21bafb3f..7d326d649d 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.jsx
@@ -212,6 +212,7 @@ function WorkflowJobTemplateDetail({ template, i18n }) {
         {summary_fields.user_capabilities &&
           summary_fields.user_capabilities.edit && (
             <Button
+              ouiaId="workflow-job-template-detail-edit-button"
               component={Link}
               to={`/templates/workflow_job_template/${id}/edit`}
               aria-label={i18n._(t`Edit`)}
@@ -222,7 +223,12 @@ function WorkflowJobTemplateDetail({ template, i18n }) {
         {canLaunch && (
           <LaunchButton resource={template} aria-label={i18n._(t`Launch`)}>
             {({ handleLaunch }) => (
-              <Button variant="secondary" type="submit" onClick={handleLaunch}>
+              <Button
+                ouiaId="workflow-job-template-detail-launch-button"
+                variant="secondary"
+                type="submit"
+                onClick={handleLaunch}
+              >
                 {i18n._(t`Launch`)}
               </Button>
             )}
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/DeleteAllNodesModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/DeleteAllNodesModal.jsx
index bae18f2011..99fc39810f 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/DeleteAllNodesModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/DeleteAllNodesModal.jsx
@@ -11,6 +11,7 @@ function DeleteAllNodesModal({ i18n }) {
     <AlertModal
       actions={[
         <Button
+          ouiaId="delete-all-confirm-button"
           id="confirm-delete-all-nodes"
           key="remove"
           variant="danger"
@@ -20,6 +21,7 @@ function DeleteAllNodesModal({ i18n }) {
           {i18n._(t`Remove`)}
         </Button>,
         <Button
+          ouiaId="delete-all-cancel-button"
           id="cancel-delete-all-nodes"
           key="cancel"
           variant="link"
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkDeleteModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkDeleteModal.jsx
index e0f9252cbb..d0863a76fa 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkDeleteModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkDeleteModal.jsx
@@ -19,6 +19,7 @@ function LinkDeleteModal({ i18n }) {
       onClose={() => dispatch({ type: 'SET_LINK_TO_DELETE', value: null })}
       actions={[
         <Button
+          ouiaId="link-remove-confirm-button"
           id="confirm-link-removal"
           aria-label={i18n._(t`Confirm link removal`)}
           key="remove"
@@ -28,6 +29,7 @@ function LinkDeleteModal({ i18n }) {
           {i18n._(t`Remove`)}
         </Button>,
         <Button
+          ouiaId="link-remove-cancel-button"
           id="cancel-link-removal"
           aria-label={i18n._(t`Cancel link removal`)}
           key="cancel"
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx
index b3469e93dd..fcf8d0129d 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx
@@ -25,6 +25,7 @@ function LinkModal({ header, i18n, onConfirm }) {
       onClose={() => dispatch({ type: 'CANCEL_LINK_MODAL' })}
       actions={[
         <Button
+          ouiaId="link-confirm-button"
           id="link-confirm"
           key="save"
           variant="primary"
@@ -34,6 +35,7 @@ function LinkModal({ header, i18n, onConfirm }) {
           {i18n._(t`Save`)}
         </Button>,
         <Button
+          ouiaId="link-cancel-button"
           id="link-cancel"
           key="cancel"
           variant="link"
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeDeleteModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeDeleteModal.jsx
index 2f150c3472..9c05eb063a 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeDeleteModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeDeleteModal.jsx
@@ -20,6 +20,7 @@ function NodeDeleteModal({ i18n }) {
       onClose={() => dispatch({ type: 'SET_NODE_TO_DELETE', value: null })}
       actions={[
         <Button
+          ouiaId="node-removal-confirm-button"
           id="confirm-node-removal"
           key="remove"
           variant="danger"
@@ -29,6 +30,7 @@ function NodeDeleteModal({ i18n }) {
           {i18n._(t`Remove`)}
         </Button>,
         <Button
+          ouiaId="node-removal-cancel-button"
           id="cancel-node-removal"
           key="cancel"
           variant="link"
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeModal.jsx
index a0aeb1b184..868ef0c6e5 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeModal.jsx
@@ -134,6 +134,7 @@ function NodeModalForm({
             />
             {activeStep && activeStep.id !== promptSteps[0]?.id && (
               <Button
+                ouiaId="node-modal-back-button"
                 id="back-node-modal"
                 variant="secondary"
                 aria-label={i18n._(t`Back`)}
@@ -143,6 +144,7 @@ function NodeModalForm({
               </Button>
             )}
             <Button
+              ouiaId="node-modal-cancel-button"
               id="cancel-node-modal"
               variant="link"
               aria-label={i18n._(t`Cancel`)}
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeNextButton.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeNextButton.jsx
index 3bf90c3712..dcf8a8d8d0 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeNextButton.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeNextButton.jsx
@@ -19,6 +19,7 @@ function NodeNextButton({
 
   return (
     <Button
+      ouiaId="node-modal-next-button"
       id="next-node-modal"
       variant="primary"
       type="submit"
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeViewModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeViewModal.jsx
index d95c9dc274..d3288e4750 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeViewModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeViewModal.jsx
@@ -199,6 +199,7 @@ function NodeViewModal({ i18n, readOnly }) {
           ? []
           : [
               <Button
+                ouiaId="node-view-edit-button"
                 id="node-view-edit-button"
                 key="edit"
                 aria-label={i18n._(t`Edit Node`)}
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/UnsavedChangesModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/UnsavedChangesModal.jsx
index 84316595c3..ce5c82b3e0 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/UnsavedChangesModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/UnsavedChangesModal.jsx
@@ -16,6 +16,7 @@ function UnsavedChangesModal({ i18n, onSaveAndExit, onExit }) {
       onClose={() => dispatch({ type: 'TOGGLE_UNSAVED_CHANGES_MODAL' })}
       actions={[
         <Button
+          ouiaId="unsaved-changes-exit-button"
           id="confirm-exit-without-saving"
           key="exit"
           variant="danger"
@@ -25,6 +26,7 @@ function UnsavedChangesModal({ i18n, onSaveAndExit, onExit }) {
           {i18n._(t`Exit Without Saving`)}
         </Button>,
         <Button
+          ouiaId="unsaved-changes-save-exit-button"
           id="confirm-save-and-exit"
           key="save"
           variant="primary"
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerStartScreen.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerStartScreen.jsx
index 33eb1daa27..66cebb6bf1 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerStartScreen.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerStartScreen.jsx
@@ -44,6 +44,7 @@ function VisualizerStartScreen({ i18n, readOnly }) {
             <>
               <p>{i18n._(t`Please click the Start button to begin.`)}</p>
               <Button
+                ouiaId="visualizer-start-button"
                 id="visualizer-start"
                 aria-label={i18n._(t`Start`)}
                 onClick={() =>
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.jsx
index f68453185a..48b616656c 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.jsx
@@ -156,6 +156,7 @@ function VisualizerToolbar({
                 </ActionButton>
               </Tooltip>
               <Button
+                ouiaId="visualizer-save-button"
                 id="visualizer-save"
                 css="margin: 0 32px"
                 aria-label={i18n._(t`Save`)}
@@ -167,6 +168,7 @@ function VisualizerToolbar({
             </>
           )}
           <Button
+            ouiaId="visualizer-close-button"
             id="visualizer-close"
             aria-label={i18n._(t`Close`)}
             onClick={onClose}
diff --git a/awx/ui_next/src/screens/Template/shared/WebhookSubForm.jsx b/awx/ui_next/src/screens/Template/shared/WebhookSubForm.jsx
index cf8a51d448..6a32857f43 100644
--- a/awx/ui_next/src/screens/Template/shared/WebhookSubForm.jsx
+++ b/awx/ui_next/src/screens/Template/shared/WebhookSubForm.jsx
@@ -200,6 +200,7 @@ function WebhookSubForm({ i18n, templateType }) {
               value={webhookKeyField.value}
             />
             <Button
+              ouiaId="update-webhook-key-button"
               isDisabled={isUpdateKeyDisabled}
               variant="tertiary"
               aria-label={i18n._(t`Update webhook key`)}
diff --git a/awx/ui_next/src/screens/User/UserDetail/UserDetail.jsx b/awx/ui_next/src/screens/User/UserDetail/UserDetail.jsx
index 83d8ea77b0..960ec5e154 100644
--- a/awx/ui_next/src/screens/User/UserDetail/UserDetail.jsx
+++ b/awx/ui_next/src/screens/User/UserDetail/UserDetail.jsx
@@ -85,6 +85,7 @@ function UserDetail({ user, i18n }) {
         {summary_fields.user_capabilities &&
           summary_fields.user_capabilities.edit && (
             <Button
+              ouiaId="user-detail-edit-button"
               aria-label={i18n._(t`edit`)}
               component={Link}
               to={`/users/${id}/edit`}
diff --git a/awx/ui_next/src/screens/User/UserList/UserListItem.jsx b/awx/ui_next/src/screens/User/UserList/UserListItem.jsx
index ba4cc016fe..672e381c47 100644
--- a/awx/ui_next/src/screens/User/UserList/UserListItem.jsx
+++ b/awx/ui_next/src/screens/User/UserList/UserListItem.jsx
@@ -82,6 +82,7 @@ function UserListItem({
           tooltip={i18n._(t`Edit User`)}
         >
           <Button
+            ouiaId={`${user.id}-edit-button`}
             aria-label={i18n._(t`Edit User`)}
             variant="plain"
             component={Link}
diff --git a/awx/ui_next/src/screens/User/UserRoles/UserRolesList.jsx b/awx/ui_next/src/screens/User/UserRoles/UserRolesList.jsx
index 6ce20a7dd1..8ebbb97bd8 100644
--- a/awx/ui_next/src/screens/User/UserRoles/UserRolesList.jsx
+++ b/awx/ui_next/src/screens/User/UserRoles/UserRolesList.jsx
@@ -196,6 +196,7 @@ function UserRolesList({ i18n, user }) {
           onClose={() => setRoleToDisassociate(null)}
           actions={[
             <Button
+              ouiaId="disassociate-confirm-button"
               key="disassociate"
               variant="danger"
               aria-label={i18n._(t`Confirm disassociate`)}
@@ -204,6 +205,7 @@ function UserRolesList({ i18n, user }) {
               {i18n._(t`Disassociate`)}
             </Button>,
             <Button
+              ouiaId="disassociate-cancel-button"
               key="cancel"
               variant="link"
               aria-label={i18n._(t`Cancel`)}
diff --git a/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalDetail/WorkflowApprovalDetail.jsx b/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalDetail/WorkflowApprovalDetail.jsx
index eb9e8f6677..bbc6d3c659 100644
--- a/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalDetail/WorkflowApprovalDetail.jsx
+++ b/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalDetail/WorkflowApprovalDetail.jsx
@@ -187,6 +187,7 @@ function WorkflowApprovalDetail({ i18n, workflowApproval }) {
         {workflowApproval.can_approve_or_deny && (
           <>
             <Button
+              ouiaId={`${workflowApproval.id}-approve-button`}
               aria-label={i18n._(t`Approve`)}
               variant="primary"
               onClick={approveWorkflowApproval}
@@ -195,6 +196,7 @@ function WorkflowApprovalDetail({ i18n, workflowApproval }) {
               {i18n._(t`Approve`)}
             </Button>
             <Button
+              ouiaId={`${workflowApproval.id}-deny-button`}
               aria-label={i18n._(t`Deny`)}
               variant="danger"
               onClick={denyWorkflowApproval}
diff --git a/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListApproveButton.jsx b/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListApproveButton.jsx
index a61a03c47d..fdf92597aa 100644
--- a/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListApproveButton.jsx
+++ b/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListApproveButton.jsx
@@ -50,6 +50,7 @@ function WorkflowApprovalListApproveButton({ onApprove, selectedItems, i18n }) {
         <Tooltip content={renderTooltip()} position="top">
           <div>
             <Button
+              ouiaId="workflow-approval-approve-button"
               isDisabled={isDisabled}
               aria-label={i18n._(t`Approve`)}
               variant="primary"
diff --git a/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListDenyButton.jsx b/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListDenyButton.jsx
index cd07b52547..822b2aa9c4 100644
--- a/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListDenyButton.jsx
+++ b/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListDenyButton.jsx
@@ -50,6 +50,7 @@ function WorkflowApprovalListDenyButton({ onDeny, selectedItems, i18n }) {
         <Tooltip content={renderTooltip()} position="top">
           <div>
             <Button
+              ouiaId="workflow-approval-deny-button"
               isDisabled={isDisabled}
               aria-label={i18n._(t`Deny`)}
               variant="danger"