|
@@ -235,10 +239,20 @@ function JobListItem({
+
{credentials.map((c) => (
-
+
))}
}
@@ -249,9 +263,17 @@ function JobListItem({
fullWidth
label={t`Labels`}
value={
-
+
{labels.results.map((l) => (
-
+
{l.name}
))}
diff --git a/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js b/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js
index c5fac44a4f..6bb4548593 100644
--- a/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js
+++ b/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js
@@ -77,6 +77,7 @@ function ReLaunchDropDown({
aria-label={t`relaunch jobs`}
id={id}
isPrimary
+ ouiaId="relaunch-job-toggle"
>
{t`Relaunch`}
@@ -98,6 +99,7 @@ function ReLaunchDropDown({
onToggle={onToggle}
aria-label={t`relaunch jobs`}
id={id}
+ ouiaId="relaunch-job-toggle"
>
diff --git a/awx/ui/src/components/LaunchPrompt/steps/CredentialsStep.js b/awx/ui/src/components/LaunchPrompt/steps/CredentialsStep.js
index 78694db0f5..cc6cc924d1 100644
--- a/awx/ui/src/components/LaunchPrompt/steps/CredentialsStep.js
+++ b/awx/ui/src/components/LaunchPrompt/steps/CredentialsStep.js
@@ -127,6 +127,7 @@ function CredentialsStep({
onClick={() => removeItem(item)}
isReadOnly={!canDelete}
credential={item}
+ ouiaId={`credential-chip-${item.id}`}
/>
);
diff --git a/awx/ui/src/components/LaunchPrompt/steps/OtherPromptsStep.js b/awx/ui/src/components/LaunchPrompt/steps/OtherPromptsStep.js
index ec942e6aea..d69fe75838 100644
--- a/awx/ui/src/components/LaunchPrompt/steps/OtherPromptsStep.js
+++ b/awx/ui/src/components/LaunchPrompt/steps/OtherPromptsStep.js
@@ -186,6 +186,7 @@ function ShowChangesToggle() {
labelOff={t`Off`}
isChecked={field.value}
onChange={helpers.setValue}
+ ouiaId="prompt-show-changes"
/>
);
diff --git a/awx/ui/src/components/ListHeader/ListHeader.js b/awx/ui/src/components/ListHeader/ListHeader.js
index d44103803e..32b9dd570d 100644
--- a/awx/ui/src/components/ListHeader/ListHeader.js
+++ b/awx/ui/src/components/ListHeader/ListHeader.js
@@ -96,6 +96,7 @@ function ListHeader(props) {
id={`${qsConfig.namespace}-list-toolbar`}
clearAllFilters={handleRemoveAll}
collapseListedFiltersBreakpoint="lg"
+ ouiaId={`${qsConfig.namespace}-list-toolbar`}
>
diff --git a/awx/ui/src/components/Lookup/HostFilterLookup.js b/awx/ui/src/components/Lookup/HostFilterLookup.js
index 3468d5d4b7..c4cf9aa0df 100644
--- a/awx/ui/src/components/Lookup/HostFilterLookup.js
+++ b/awx/ui/src/components/Lookup/HostFilterLookup.js
@@ -275,6 +275,7 @@ function HostFilterLookup({
key={name}
numChips={5}
totalChips={chips[key]?.chips?.length || 0}
+ ouiaId="host-filter-search-chips"
>
{chips[key]?.chips?.map((chip) => (
@@ -296,6 +297,7 @@ function HostFilterLookup({
key={chips[leftoverKey].key}
numChips={5}
totalChips={chips[leftoverKey]?.chips?.length || 0}
+ ouiaId="host-filter-advanced-search-chips"
>
{chips[leftoverKey]?.chips?.map((chip) => (
diff --git a/awx/ui/src/components/Lookup/Lookup.js b/awx/ui/src/components/Lookup/Lookup.js
index 357b607d6a..80267ca1e4 100644
--- a/awx/ui/src/components/Lookup/Lookup.js
+++ b/awx/ui/src/components/Lookup/Lookup.js
@@ -135,6 +135,7 @@ function Lookup(props) {
{multiple ? (
-
+
{items.map((item) =>
renderItemChip({
item,
@@ -156,6 +161,7 @@ function Lookup(props) {
) : (
{
setTypedText(inputValue);
@@ -175,6 +181,7 @@ function Lookup(props) {
isOpen={isModalOpen}
onClose={closeModal}
description={state?.selectedItems?.length > 0 && modalDescription}
+ ouiaId={`${id}-modal`}
actions={[
)}
{credentialTypes && credentialTypes.length > 0 && (
diff --git a/awx/ui/src/components/MultiSelect/TagMultiSelect.js b/awx/ui/src/components/MultiSelect/TagMultiSelect.js
index f4e606741d..d4c92de4d2 100644
--- a/awx/ui/src/components/MultiSelect/TagMultiSelect.js
+++ b/awx/ui/src/components/MultiSelect/TagMultiSelect.js
@@ -58,6 +58,7 @@ function TagMultiSelect({ onChange, value }) {
isOpen={isExpanded}
typeAheadAriaLabel={t`Select tags`}
noResultsFoundText={t`No results found`}
+ ouiaId="tag-multiselect"
>
{renderOptions(options)}
diff --git a/awx/ui/src/components/NotificationList/NotificationListItem.js b/awx/ui/src/components/NotificationList/NotificationListItem.js
index faf88aae29..0f1c9384df 100644
--- a/awx/ui/src/components/NotificationList/NotificationListItem.js
+++ b/awx/ui/src/components/NotificationList/NotificationListItem.js
@@ -21,7 +21,10 @@ function NotificationListItem({
showApprovalsToggle,
}) {
return (
-
+
{notification.name}
@@ -32,6 +35,7 @@ function NotificationListItem({
-
+
{isExpandable && | }
{isSelectable && | }
{React.Children.map(
diff --git a/awx/ui/src/components/PaginatedTable/PaginatedTable.js b/awx/ui/src/components/PaginatedTable/PaginatedTable.js
index ee1d379014..7ca948a982 100644
--- a/awx/ui/src/components/PaginatedTable/PaginatedTable.js
+++ b/awx/ui/src/components/PaginatedTable/PaginatedTable.js
@@ -128,6 +128,7 @@ function PaginatedTable({
}
onSetPage={handleSetPage}
onPerPageSelect={handleSetPageSize}
+ ouiaId="top-pagination"
titles={{
paginationTitle: t`Top Pagination`,
}}
@@ -165,6 +166,7 @@ function PaginatedTable({
}
onSetPage={handleSetPage}
onPerPageSelect={handleSetPageSize}
+ ouiaId="bottom-pagination"
/>
) : null}
>
diff --git a/awx/ui/src/components/PromptDetail/PromptDetail.js b/awx/ui/src/components/PromptDetail/PromptDetail.js
index 94da1aa91b..920ea0e6d7 100644
--- a/awx/ui/src/components/PromptDetail/PromptDetail.js
+++ b/awx/ui/src/components/PromptDetail/PromptDetail.js
@@ -108,19 +108,33 @@ function PromptDetail({
return (
<>
-
-
+
+
{workflowNode && (
)}
-
+
{details?.type === 'project' && (
)}
@@ -153,10 +167,10 @@ function PromptDetail({
rows={4}
value={overrides.extra_vars}
name="extra_vars"
+ dataCy="prompt-detail-variables"
/>
)}
-
{details?.type !== 'system_job_template' &&
hasPromptData(launchConfig) &&
hasOverrides && (
@@ -179,12 +193,14 @@ function PromptDetail({
{overrides.credentials.map((cred) => (
))}
@@ -220,6 +236,7 @@ function PromptDetail({
value={
{overrides.job_tags.length > 0 &&
overrides.job_tags.split(',').map((jobTag) => (
-
+
{jobTag}
))}
@@ -248,10 +269,15 @@ function PromptDetail({
? 0
: overrides.skip_tags.split(',').length
}
+ ouiaId="prompt-skip-tag-chips"
>
{overrides.skip_tags.length > 0 &&
overrides.skip_tags.split(',').map((skipTag) => (
-
+
{skipTag}
))}
@@ -268,6 +294,7 @@ function PromptDetail({
{(launchConfig.survey_enabled ||
launchConfig.ask_variables_on_launch) && (
{source_regions.split(',').map((region) => (
@@ -155,6 +156,7 @@ function PromptInventorySourceDetail({ resource }) {
{instance_filters.split(',').map((filter) => (
@@ -170,7 +172,11 @@ function PromptInventorySourceDetail({ resource }) {
fullWidth
label={t`Only Group By`}
value={
-
+
{group_by.split(',').map((group) => (
{group}
@@ -185,6 +191,7 @@ function PromptInventorySourceDetail({ resource }) {
)}
{source_vars && (
{summary_fields.credentials.map((cred) => (
@@ -211,6 +212,7 @@ function PromptJobTemplateDetail({ resource }) {
{summary_fields.labels.results.map((label) => (
@@ -226,7 +228,11 @@ function PromptJobTemplateDetail({ resource }) {
fullWidth
label={t`Instance Groups`}
value={
-
+
{instance_groups.map((ig) => (
{ig.name}
@@ -241,7 +247,11 @@ function PromptJobTemplateDetail({ resource }) {
fullWidth
label={t`Job Tags`}
value={
-
+
{job_tags.split(',').map((jobTag) => (
{jobTag}
@@ -256,7 +266,11 @@ function PromptJobTemplateDetail({ resource }) {
fullWidth
label={t`Skip Tags`}
value={
-
+
{skip_tags.split(',').map((skipTag) => (
{skipTag}
@@ -272,6 +286,7 @@ function PromptJobTemplateDetail({ resource }) {
rows={4}
value={extra_vars}
name="extra_vars"
+ dataCy="prompt-jt-detail-extra-vars"
/>
)}
>
diff --git a/awx/ui/src/components/PromptDetail/PromptProjectDetail.js b/awx/ui/src/components/PromptDetail/PromptProjectDetail.js
index 9b6f02c71c..15cbfd03d7 100644
--- a/awx/ui/src/components/PromptDetail/PromptProjectDetail.js
+++ b/awx/ui/src/components/PromptDetail/PromptProjectDetail.js
@@ -69,11 +69,13 @@ function PromptProjectDetail({ resource }) {
);
}
+ const prefixCy = 'prompt-project-detail';
return (
<>
{summary_fields?.organization ? (
-
-
-
+
+
+
{summary_fields?.credential?.id && (
)}
- {optionsList && }
+ {optionsList && (
+
+ )}
{({ project_base_dir }) => (
-
+
)}
-
+
>
);
}
diff --git a/awx/ui/src/components/PromptDetail/PromptWFJobTemplateDetail.js b/awx/ui/src/components/PromptDetail/PromptWFJobTemplateDetail.js
index 98993f3582..70fe71d854 100644
--- a/awx/ui/src/components/PromptDetail/PromptWFJobTemplateDetail.js
+++ b/awx/ui/src/components/PromptDetail/PromptWFJobTemplateDetail.js
@@ -116,6 +116,7 @@ function PromptWFJobTemplateDetail({ resource }) {
{summary_fields.labels.results.map((label) => (
@@ -132,6 +133,7 @@ function PromptWFJobTemplateDetail({ resource }) {
rows={4}
value={extra_vars}
name="extra_vars"
+ dataCy="prompt-wf-jt-detail-variables"
/>
)}
>
diff --git a/awx/ui/src/components/ResourceAccessList/ResourceAccessListItem.js b/awx/ui/src/components/ResourceAccessList/ResourceAccessListItem.js
index f229d0f47e..ccf692dd4c 100644
--- a/awx/ui/src/components/ResourceAccessList/ResourceAccessListItem.js
+++ b/awx/ui/src/components/ResourceAccessList/ResourceAccessListItem.js
@@ -51,7 +51,10 @@ function ResourceAccessListItem({ accessRecord, onRoleDelete }) {
const [teamRoles, userRoles] = getRoleLists();
return (
-
+
{accessRecord.id ? (
@@ -69,7 +72,11 @@ function ResourceAccessListItem({ accessRecord, onRoleDelete }) {
+
{userRoles.map(renderChip)}
}
@@ -79,7 +86,11 @@ function ResourceAccessListItem({ accessRecord, onRoleDelete }) {
+
{teamRoles.map(renderChip)}
}
diff --git a/awx/ui/src/components/RoutedTabs/RoutedTabs.js b/awx/ui/src/components/RoutedTabs/RoutedTabs.js
index 08fe66bdfd..3f8bd8bae8 100644
--- a/awx/ui/src/components/RoutedTabs/RoutedTabs.js
+++ b/awx/ui/src/components/RoutedTabs/RoutedTabs.js
@@ -29,7 +29,11 @@ function RoutedTabs({ tabsArray }) {
}
return (
-
+
{tabsArray.map((tab) => (
{tab.name}}
aria-controls=""
+ ouiaId={`${tab.name}-tab`}
/>
))}
diff --git a/awx/ui/src/components/Schedule/ScheduleDetail/ScheduleDetail.js b/awx/ui/src/components/Schedule/ScheduleDetail/ScheduleDetail.js
index 1f54c698cf..a9e1b94889 100644
--- a/awx/ui/src/components/Schedule/ScheduleDetail/ScheduleDetail.js
+++ b/awx/ui/src/components/Schedule/ScheduleDetail/ScheduleDetail.js
@@ -330,9 +330,18 @@ function ScheduleDetail({ hasDaysToKeepField, schedule, surveyConfig }) {
fullWidth
label={t`Credentials`}
value={
-
+
{credentials.map((c) => (
-
+
))}
}
@@ -346,9 +355,14 @@ function ScheduleDetail({ hasDaysToKeepField, schedule, surveyConfig }) {
{job_tags.split(',').map((jobTag) => (
-
+
{jobTag}
))}
@@ -364,9 +378,14 @@ function ScheduleDetail({ hasDaysToKeepField, schedule, surveyConfig }) {
{skip_tags.split(',').map((skipTag) => (
-
+
{skipTag}
))}
@@ -380,6 +399,7 @@ function ScheduleDetail({ hasDaysToKeepField, schedule, surveyConfig }) {
rows={4}
label={t`Variables`}
name="extra_vars"
+ dataCy="schedule-detail-variables"
/>
)}
diff --git a/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js b/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
index b29bbb30b4..6e26bdba61 100644
--- a/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
+++ b/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
@@ -64,7 +64,10 @@ function ScheduleListItem({
const isDisabled = Boolean(isMissingInventory || isMissingSurvey);
return (
-
+
|
{showError && error && !isLoading && (
diff --git a/awx/ui/src/components/Schedule/shared/FrequencyDetailSubform.js b/awx/ui/src/components/Schedule/shared/FrequencyDetailSubform.js
index a687b4213d..8074c07fa2 100644
--- a/awx/ui/src/components/Schedule/shared/FrequencyDetailSubform.js
+++ b/awx/ui/src/components/Schedule/shared/FrequencyDetailSubform.js
@@ -249,6 +249,7 @@ const FrequencyDetailSubform = () => {
}}
aria-label={t`Sunday`}
id="schedule-days-of-week-sun"
+ ouiaId="schedule-days-of-week-sun"
name="daysOfWeek"
/>
{
}}
aria-label={t`Monday`}
id="schedule-days-of-week-mon"
+ ouiaId="schedule-days-of-week-mon"
name="daysOfWeek"
/>
{
}}
aria-label={t`Tuesday`}
id="schedule-days-of-week-tue"
+ ouiaId="schedule-days-of-week-tue"
name="daysOfWeek"
/>
{
}}
aria-label={t`Wednesday`}
id="schedule-days-of-week-wed"
+ ouiaId="schedule-days-of-week-wed"
name="daysOfWeek"
/>
{
}}
aria-label={t`Thursday`}
id="schedule-days-of-week-thu"
+ ouiaId="schedule-days-of-week-thu"
name="daysOfWeek"
/>
{
}}
aria-label={t`Friday`}
id="schedule-days-of-week-fri"
+ ouiaId="schedule-days-of-week-fri"
name="daysOfWeek"
/>
{
}}
aria-label={t`Saturday`}
id="schedule-days-of-week-sat"
+ ouiaId="schedule-days-of-week-sat"
name="daysOfWeek"
/>
@@ -499,6 +506,7 @@ const FrequencyDetailSubform = () => {
event.target.value = 'never';
end.onChange(event);
}}
+ ouiaId="end-never-radio-button"
/>
{
event.target.value = 'after';
end.onChange(event);
}}
+ ouiaId="end-after-radio-button"
/>
{
event.target.value = 'onDate';
end.onChange(event);
}}
+ ouiaId="end-on-radio-button"
/>
{end?.value === 'after' && (
diff --git a/awx/ui/src/components/ScreenHeader/ScreenHeader.js b/awx/ui/src/components/ScreenHeader/ScreenHeader.js
index a5340410b8..9ec5022dcf 100644
--- a/awx/ui/src/components/ScreenHeader/ScreenHeader.js
+++ b/awx/ui/src/components/ScreenHeader/ScreenHeader.js
@@ -33,7 +33,7 @@ const ScreenHeader = ({ breadcrumbConfig, streamType }) => {
>
{!isOnlyOneCrumb && (
-
+
@@ -103,7 +103,7 @@ const Crumb = ({ breadcrumbConfig, showDivider }) => {
const crumb = breadcrumbConfig[match.url];
let crumbElement = (
-
+
{crumb}
);
@@ -119,7 +119,11 @@ const Crumb = ({ breadcrumbConfig, showDivider }) => {
<>
{crumbElement}
-
+
>
);
diff --git a/awx/ui/src/components/Search/Search.js b/awx/ui/src/components/Search/Search.js
index 7ddd5b5842..083f75243c 100644
--- a/awx/ui/src/components/Search/Search.js
+++ b/awx/ui/src/components/Search/Search.js
@@ -109,7 +109,12 @@ function Search({
const searchOptions = columns
.filter(({ key }) => key !== searchKey)
.map(({ key, name }) => (
-
+
{name}
));
diff --git a/awx/ui/src/components/SelectedList/SelectedList.js b/awx/ui/src/components/SelectedList/SelectedList.js
index 07846cd552..aaf7dca489 100644
--- a/awx/ui/src/components/SelectedList/SelectedList.js
+++ b/awx/ui/src/components/SelectedList/SelectedList.js
@@ -32,7 +32,11 @@ function SelectedList(props) {
{label}
-
+
{selected.map((item) =>
renderChip({
item,
diff --git a/awx/ui/src/components/Sort/Sort.js b/awx/ui/src/components/Sort/Sort.js
index a5edc11d44..5c46875887 100644
--- a/awx/ui/src/components/Sort/Sort.js
+++ b/awx/ui/src/components/Sort/Sort.js
@@ -92,7 +92,11 @@ function Sort({ columns, qsConfig, onSort }) {
const sortDropdownItems = columns
.filter(({ key }) => key !== sortKey)
.map(({ key, name }) => (
-
+
{name}
));
@@ -115,8 +119,13 @@ function Sort({ columns, qsConfig, onSort }) {
onSelect={handleDropdownSelect}
direction={up}
isOpen={isSortDropdownOpen}
+ ouiaId="sort-dropdown"
toggle={
-
+
{sortedColumnName}
}
@@ -128,6 +137,7 @@ function Sort({ columns, qsConfig, onSort }) {
variant={ButtonVariant.control}
aria-label={t`Sort`}
onClick={handleSort}
+ ouiaId="sort-button"
>
diff --git a/awx/ui/src/components/TemplateList/TemplateListItem.js b/awx/ui/src/components/TemplateList/TemplateListItem.js
index f5fb74fda5..9ebb8b2598 100644
--- a/awx/ui/src/components/TemplateList/TemplateListItem.js
+++ b/awx/ui/src/components/TemplateList/TemplateListItem.js
@@ -115,7 +115,10 @@ function TemplateListItem({
return (
<>
-
+
|
|
-
+
|
@@ -317,9 +323,15 @@ function TemplateListItem({
{summaryFields.credentials.map((c) => (
-
+
))}
}
@@ -334,9 +346,14 @@ function TemplateListItem({
{summaryFields.labels.results.map((l) => (
-
+
{l.name}
))}
diff --git a/awx/ui/src/components/Workflow/WorkflowActionTooltipItem.js b/awx/ui/src/components/Workflow/WorkflowActionTooltipItem.js
index c01192e2d7..d035938255 100644
--- a/awx/ui/src/components/Workflow/WorkflowActionTooltipItem.js
+++ b/awx/ui/src/components/Workflow/WorkflowActionTooltipItem.js
@@ -32,6 +32,7 @@ function WorkflowActionTooltipItem({
return (
diff --git a/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js b/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
index de6569306e..47c82f3f6e 100644
--- a/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
+++ b/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
@@ -56,6 +56,7 @@ function ActivityStreamDetailButton({ streamItem, user, description }) {
streamItem?.changes ? JSON.stringify(streamItem.changes) : ''
}
name="changes"
+ dataCy="activity-stream-detail-changes"
/>
)}
diff --git a/awx/ui/src/screens/ActivityStream/ActivityStreamListItem.js b/awx/ui/src/screens/ActivityStream/ActivityStreamListItem.js
index d5eb50eb35..8359fcaffc 100644
--- a/awx/ui/src/screens/ActivityStream/ActivityStreamListItem.js
+++ b/awx/ui/src/screens/ActivityStream/ActivityStreamListItem.js
@@ -37,7 +37,7 @@ function ActivityStreamListItem({ streamItem }) {
const description = ;
return (
-
+
|
{streamItem.timestamp ? formatDateString(streamItem.timestamp) : ''}
diff --git a/awx/ui/src/screens/Application/ApplicationTokens/ApplicationTokenListItem.js b/awx/ui/src/screens/Application/ApplicationTokens/ApplicationTokenListItem.js
index 7eab05c9ce..08fad316a8 100644
--- a/awx/ui/src/screens/Application/ApplicationTokens/ApplicationTokenListItem.js
+++ b/awx/ui/src/screens/Application/ApplicationTokens/ApplicationTokenListItem.js
@@ -16,7 +16,7 @@ function ApplicationTokenListItem({
rowIndex,
}) {
return (
- |
+
|
+ |
{label} *}
value={
-
+
diff --git a/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js b/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js
index c6b95964bd..ad54179832 100644
--- a/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js
+++ b/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js
@@ -43,7 +43,7 @@ function CredentialListItem({
}, []);
return (
-
+
|
}
variant={testVariant}
+ ouiaId="credential-plugin-test-alert"
/>
)}
diff --git a/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js b/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js
index ca2a1f72d7..6244214939 100644
--- a/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js
+++ b/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js
@@ -75,12 +75,14 @@ function CredentialTypeDetails({ credentialType }) {
value={jsonToYaml(JSON.stringify(inputs))}
rows={6}
name="input"
+ dataCy="credential-type-detail-input"
/>
+
setActiveTabId(eventKey)}
+ ouiaId="dashboard-tabs"
>
{t`Job status`}}
+ ouiaId="job-status-graph-tab"
>
@@ -129,6 +131,7 @@ function Dashboard() {
aria-label={t`Recent Jobs list tab`}
eventKey={1}
title={{t`Recent Jobs`}}
+ ouiaId="recent-jobs-list-tab"
>
{activeTabId === 1 && (
@@ -140,6 +143,7 @@ function Dashboard() {
aria-label={t`Recent Templates list tab`}
eventKey={2}
title={ {t`Recent Templates`}}
+ ouiaId="recent-templates-list-tab"
>
{activeTabId === 2 && (
diff --git a/awx/ui/src/screens/Dashboard/DashboardGraph.js b/awx/ui/src/screens/Dashboard/DashboardGraph.js
index 2229eb2922..53c5cd4fca 100644
--- a/awx/ui/src/screens/Dashboard/DashboardGraph.js
+++ b/awx/ui/src/screens/Dashboard/DashboardGraph.js
@@ -104,6 +104,7 @@ function DashboardGraph() {
selections={periodSelection}
isOpen={isPeriodDropdownOpen}
noResultsFoundText={t`No results found`}
+ ouiaId="dashboard-period-select"
>
{t`Past month`}
@@ -130,6 +131,7 @@ function DashboardGraph() {
}}
selections={jobTypeSelection}
isOpen={isJobTypeDropdownOpen}
+ ouiaId="dashboard-job-type-select"
>
{t`All job types`}
diff --git a/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js b/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js
index 83f64e1ec0..35280d0204 100644
--- a/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js
+++ b/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js
@@ -43,7 +43,10 @@ function ExecutionEnvironmentListItem({
}, []);
return (
-
+
|
+ |
|
{template.name}
|
diff --git a/awx/ui/src/screens/Host/HostDetail/HostDetail.js b/awx/ui/src/screens/Host/HostDetail/HostDetail.js
index 18d26e0982..7cbd5e4442 100644
--- a/awx/ui/src/screens/Host/HostDetail/HostDetail.js
+++ b/awx/ui/src/screens/Host/HostDetail/HostDetail.js
@@ -91,6 +91,7 @@ function HostDetail({ host }) {
rows={4}
value={variables}
name="variables"
+ dataCy="host-detail-variables"
/>
diff --git a/awx/ui/src/screens/Host/HostFacts/HostFacts.js b/awx/ui/src/screens/Host/HostFacts/HostFacts.js
index ca91cdb844..40aa2bc575 100644
--- a/awx/ui/src/screens/Host/HostFacts/HostFacts.js
+++ b/awx/ui/src/screens/Host/HostFacts/HostFacts.js
@@ -46,6 +46,7 @@ function HostFacts({ host }) {
rows="auto"
value={facts}
name="facts"
+ dataCy="host-facts-detail"
/>
diff --git a/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js b/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js
index 60f9a527f6..3cad209c1a 100644
--- a/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js
+++ b/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js
@@ -16,7 +16,7 @@ function HostGroupItem({ group, inventoryId, isSelected, onSelect, rowIndex }) {
const editUrl = `/inventories/inventory/${inventoryId}/groups/${group.id}/edit`;
return (
-
+
|
- |
+
|
|
-
+
|
diff --git a/awx/ui/src/screens/Host/HostList/SmartInventoryButton.js b/awx/ui/src/screens/Host/HostList/SmartInventoryButton.js
index bcd36906df..e0c00bd20a 100644
--- a/awx/ui/src/screens/Host/HostList/SmartInventoryButton.js
+++ b/awx/ui/src/screens/Host/HostList/SmartInventoryButton.js
@@ -26,6 +26,7 @@ function SmartInventoryButton({ onClick, isDisabled, hasInvalidKeys }) {
isDisabled={isDisabled}
component="button"
onClick={onClick}
+ ouiaId="smart-inventory-dropdown-item"
>
{t`Smart Inventory`}
diff --git a/awx/ui/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.js b/awx/ui/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.js
index ec82997685..124a25fc04 100644
--- a/awx/ui/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.js
+++ b/awx/ui/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.js
@@ -82,6 +82,7 @@ function ContainerGroupDetails({ instanceGroup, defaultExecution }) {
}
rows={6}
name="pod_spec_override"
+ dataCy="container-group-detail-pod-spec-override"
/>
)}
diff --git a/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js b/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js
index b85705d6d2..4f271826f5 100644
--- a/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js
+++ b/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js
@@ -49,7 +49,7 @@ function InstanceGroupListItem({
}
return (
-
+
|
- |
+
|
|
-
+
|
diff --git a/awx/ui/src/screens/Inventory/InventoryDetail/InventoryDetail.js b/awx/ui/src/screens/Inventory/InventoryDetail/InventoryDetail.js
index 25137d7fda..f239fb6df9 100644
--- a/awx/ui/src/screens/Inventory/InventoryDetail/InventoryDetail.js
+++ b/awx/ui/src/screens/Inventory/InventoryDetail/InventoryDetail.js
@@ -83,9 +83,17 @@ function InventoryDetail({ inventory }) {
fullWidth
label={t`Instance Groups`}
value={
-
+
{instanceGroups.map((ig) => (
-
+
{ig.name}
))}
@@ -98,6 +106,7 @@ function InventoryDetail({ inventory }) {
value={inventory.variables}
rows={4}
name="variables"
+ dataCy="inventory-detail-variables"
/>
setIsModalOpen(true)}
key={addExistingHost}
aria-label={addExistingHost}
+ ouiaId="add-existing-host-dropdown-item"
>
{addExistingHost}
,
@@ -169,6 +170,7 @@ function InventoryGroupHostList() {
to={`${addFormUrl}`}
key={addNewHost}
aria-label={addNewHost}
+ ouiaId="add-new-host-dropdown-item"
>
{addNewHost}
,
diff --git a/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js b/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js
index 0f00bad122..a0121e4b9d 100644
--- a/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js
@@ -28,7 +28,11 @@ function InventoryGroupHostListItem({
const labelId = `check-action-${host.id}`;
return (
-
+
|
+ |
|
diff --git a/awx/ui/src/screens/Inventory/InventoryHostFacts/InventoryHostFacts.js b/awx/ui/src/screens/Inventory/InventoryHostFacts/InventoryHostFacts.js
index 332b25f23d..80ea6879b0 100644
--- a/awx/ui/src/screens/Inventory/InventoryHostFacts/InventoryHostFacts.js
+++ b/awx/ui/src/screens/Inventory/InventoryHostFacts/InventoryHostFacts.js
@@ -40,6 +40,7 @@ function InventoryHostFacts({ host }) {
rows="auto"
value={result}
name="facts"
+ dataCy="inventory-host-facts-detail"
/>
diff --git a/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js b/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js
index c13f3d6a6d..836a4b958a 100644
--- a/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js
@@ -21,7 +21,10 @@ function InventoryHostGroupItem({
const editUrl = `/inventories/inventory/${inventoryId}/groups/${group.id}/edit`;
return (
-
+
|
+ |
|
+ |
|
diff --git a/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupList.js b/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupList.js
index 1fae0da610..98aa701e00 100644
--- a/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupList.js
+++ b/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupList.js
@@ -148,6 +148,7 @@ function InventoryRelatedGroupList() {
key={addExistingGroup}
onClick={() => setIsModalOpen(true)}
aria-label={addExistingGroup}
+ ouiaId="add-existing-group-dropdown-item"
>
{addExistingGroup}
,
diff --git a/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js b/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js
index 94d0a9c75a..3c2c9c090f 100644
--- a/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js
@@ -23,7 +23,11 @@ function InventoryRelatedGroupListItem({
const labelId = `check-action-${group.id}`;
return (
-
+
|
)}
diff --git a/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js b/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js
index 9df8993d82..7f9c516d4d 100644
--- a/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js
+++ b/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js
@@ -58,7 +58,7 @@ function InventorySourceListItem({
return (
<>
-
+
+
{instanceGroups.map((ig) => (
-
+
{ig.name}
))}
@@ -136,6 +144,7 @@ function SmartInventoryDetail({ inventory }) {
value={variables}
rows={4}
name="variables"
+ dataCy="smart-inventory-detail-variables"
/>
diff --git a/awx/ui/src/screens/Inventory/SmartInventoryHosts/SmartInventoryHostListItem.js b/awx/ui/src/screens/Inventory/SmartInventoryHosts/SmartInventoryHostListItem.js
index 925aa793e3..42bcf98fec 100644
--- a/awx/ui/src/screens/Inventory/SmartInventoryHosts/SmartInventoryHostListItem.js
+++ b/awx/ui/src/screens/Inventory/SmartInventoryHosts/SmartInventoryHostListItem.js
@@ -22,7 +22,7 @@ function SmartInventoryHostListItem({
}));
return (
-
+
{
component="button"
aria-label={t`Delete`}
onClick={() => setIsModalOpen(true)}
+ ouiaId="group-delete-dropdown-item"
>
{t`Delete`}
@@ -72,6 +73,7 @@ const InventoryGroupsDeleteModal = ({ onAfterDelete, isDisabled, groups }) => {
aria-label={t`Delete`}
onClick={() => setIsModalOpen(true)}
isDisabled={isDisabled || isDeleteLoading}
+ ouiaId="group-delete-button"
>
{t`Delete`}
@@ -95,6 +97,7 @@ const InventoryGroupsDeleteModal = ({ onAfterDelete, isDisabled, groups }) => {
variant="danger"
key="delete"
isDisabled={radioOption === null}
+ ouiaId="delete-modal-confirm-button"
>
{t`Delete`}
,
@@ -103,6 +106,7 @@ const InventoryGroupsDeleteModal = ({ onAfterDelete, isDisabled, groups }) => {
onClick={() => setIsModalOpen(false)}
variant="link"
key="cancel"
+ ouiaId="delete-modal-cancel-button"
>
{t`Cancel`}
,
@@ -126,6 +130,7 @@ const InventoryGroupsDeleteModal = ({ onAfterDelete, isDisabled, groups }) => {
label={t`Delete All Groups and Hosts`}
name="option"
onChange={() => setRadioOption('delete')}
+ ouiaId="delete-all-radio-button"
/>
{
label={t`Promote Child Groups and Hosts`}
name="option"
onChange={() => setRadioOption('promote')}
+ ouiaId="promote-radio-button"
/>
diff --git a/awx/ui/src/screens/Job/JobDetail/JobDetail.js b/awx/ui/src/screens/Job/JobDetail/JobDetail.js
index 2b241f1589..1f7b78101b 100644
--- a/awx/ui/src/screens/Job/JobDetail/JobDetail.js
+++ b/awx/ui/src/screens/Job/JobDetail/JobDetail.js
@@ -315,11 +315,16 @@ function JobDetail({ job, inventorySourceLabels }) {
dataCy="job-machine-credential"
label={t`Machine Credential`}
value={
-
+
}
@@ -331,9 +336,18 @@ function JobDetail({ job, inventorySourceLabels }) {
fullWidth
label={t`Credentials`}
value={
-
+
{credentials.map((c) => (
-
+
))}
}
@@ -345,9 +359,13 @@ function JobDetail({ job, inventorySourceLabels }) {
fullWidth
label={t`Labels`}
value={
-
+
{labels.results.map((l) => (
-
+
{l.name}
))}
@@ -364,9 +382,14 @@ function JobDetail({ job, inventorySourceLabels }) {
{job.job_tags.split(',').map((jobTag) => (
-
+
{jobTag}
))}
@@ -383,9 +406,14 @@ function JobDetail({ job, inventorySourceLabels }) {
{job.skip_tags.split(',').map((skipTag) => (
-
+
{skipTag}
))}
@@ -418,6 +446,7 @@ function JobDetail({ job, inventorySourceLabels }) {
rows={4}
label={t`Variables`}
name="extra_vars"
+ dataCy="job-detail-extra-variables"
/>
)}
{job.artifacts && (
@@ -429,6 +458,7 @@ function JobDetail({ job, inventorySourceLabels }) {
rows={4}
label={t`Artifacts`}
name="artifacts"
+ dataCy="job-detail-artifacts"
/>
)}
diff --git a/awx/ui/src/screens/Job/JobOutput/HostEventModal.js b/awx/ui/src/screens/Job/JobOutput/HostEventModal.js
index b81e3418a2..322c9a6b0c 100644
--- a/awx/ui/src/screens/Job/JobOutput/HostEventModal.js
+++ b/awx/ui/src/screens/Job/JobOutput/HostEventModal.js
@@ -99,14 +99,17 @@ function HostEventModal({ onClose, hostEvent = {}, isOpen = false }) {
title={t`Host Details`}
aria-label={t`Host details modal`}
width="75%"
+ ouiaId="host-event-modal"
>
{t`Details`}}
>
@@ -139,6 +142,7 @@ function HostEventModal({ onClose, hostEvent = {}, isOpen = false }) {
eventKey={1}
title={{t`JSON`}}
aria-label={t`JSON tab`}
+ ouiaId="json-tab"
>
{activeTabKey === 1 && jsonObj ? (
{t`Standard Out`}}
aria-label={t`Standard out tab`}
+ ouiaId="standard-out-tab"
>
{activeTabKey === 2 && stdOut ? (
{t`Standard Error`}}
aria-label={t`Standard error tab`}
+ ouiaId="standard-error-tab"
>
{activeTabKey === 3 && stdErr ? (
} breakpoint="lg">
diff --git a/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js b/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js
index d5f0b12ec8..b0581c9391 100644
--- a/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js
+++ b/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js
@@ -73,7 +73,7 @@ function WorkflowOutputToolbar({ job }) {
);
};
return (
-
+
{job.name}
diff --git a/awx/ui/src/screens/Login/Login.js b/awx/ui/src/screens/Login/Login.js
index ede201c4e7..19ac8b0b09 100644
--- a/awx/ui/src/screens/Login/Login.js
+++ b/awx/ui/src/screens/Login/Login.js
@@ -152,6 +152,7 @@ function AWXLogin({ alt, isAuthenticated }) {
variant="warning"
isInline
title={t`Your session has expired. Please log in to continue where you left off.`}
+ ouiaId="session-expired-warning-alert"
/>
) : null}
-
+
|
diff --git a/awx/ui/src/screens/Metrics/Metrics.js b/awx/ui/src/screens/Metrics/Metrics.js
index 3cdca321fd..bee67f00ed 100644
--- a/awx/ui/src/screens/Metrics/Metrics.js
+++ b/awx/ui/src/screens/Metrics/Metrics.js
@@ -181,7 +181,7 @@ function Metrics() {
-
+
{t`Instance`}
diff --git a/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js b/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
index b648cf0391..ef98cdbd0f 100644
--- a/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
+++ b/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
@@ -97,7 +97,10 @@ function NotificationTemplateListItem({
return (
<>
-
+
+
{instanceGroups.map((ig) => (
-
+
{ig.name}
@@ -133,7 +141,11 @@ function OrganizationDetail({ organization }) {
fullWidth
label={t`Galaxy Credentials`}
value={
-
+
{galaxy_credentials.map((credential) => (
))}
diff --git a/awx/ui/src/screens/Organization/OrganizationExecEnvList/OrganizationExecEnvListItem.js b/awx/ui/src/screens/Organization/OrganizationExecEnvList/OrganizationExecEnvListItem.js
index c25e31d22b..9fd3203d38 100644
--- a/awx/ui/src/screens/Organization/OrganizationExecEnvList/OrganizationExecEnvListItem.js
+++ b/awx/ui/src/screens/Organization/OrganizationExecEnvList/OrganizationExecEnvListItem.js
@@ -9,7 +9,10 @@ import { ExecutionEnvironment } from 'types';
function OrganizationExecEnvListItem({ executionEnvironment, detailUrl }) {
return (
-
+
|
{executionEnvironment.name}
|
diff --git a/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js b/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js
index 68071c3c01..6b8bc6ba24 100644
--- a/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js
+++ b/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js
@@ -32,7 +32,7 @@ function OrganizationListItem({
organization.custom_virtualenv && !organization.default_environment;
return (
-
+
|
+ |
|
{team.name}
|
diff --git a/awx/ui/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.js b/awx/ui/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.js
index c640355aae..199a629c77 100644
--- a/awx/ui/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.js
+++ b/awx/ui/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.js
@@ -42,7 +42,10 @@ function ProjectJobTemplateListItem({
!template.execution_environment;
return (
-
+
|
- |
+
{t`
There are no available playbook directories in ${project_base_dir}.
diff --git a/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js b/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js
index 4e6291a9a5..9c9f1e255b 100644
--- a/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js
+++ b/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js
@@ -72,6 +72,7 @@ function RADIUSDetail() {
isInline
data-cy="RADIUS-deprecation-warning"
title={t`This feature is deprecated and will be removed in a future release.`}
+ ouiaId="radius-deprecation-alert"
/>
{Object.keys(radius).map((key) => {
diff --git a/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js b/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js
index 54ecd612a6..32fb59d5cb 100644
--- a/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js
+++ b/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js
@@ -142,7 +142,7 @@ function SubscriptionModal({
{!isLoading && !error && subscriptions?.length > 0 && (
-
+
|
{t`Name`} |
{t`Managed nodes`} |
@@ -151,7 +151,11 @@ function SubscriptionModal({
{subscriptions.map((subscription) => (
-
+
|
{Object.keys(tacacs).map((key) => {
diff --git a/awx/ui/src/screens/Team/TeamList/TeamListItem.js b/awx/ui/src/screens/Team/TeamList/TeamListItem.js
index 5c42efd5b1..899b82672f 100644
--- a/awx/ui/src/screens/Team/TeamList/TeamListItem.js
+++ b/awx/ui/src/screens/Team/TeamList/TeamListItem.js
@@ -21,7 +21,7 @@ function TeamListItem({ team, isSelected, onSelect, detailUrl, rowIndex }) {
const labelId = `check-action-${team.id}`;
return (
-
+
|
+ |
{role.summary_fields.resource_name}
diff --git a/awx/ui/src/screens/Template/JobTemplateDetail/JobTemplateDetail.js b/awx/ui/src/screens/Template/JobTemplateDetail/JobTemplateDetail.js
index 15db9545fd..33f5781da1 100644
--- a/awx/ui/src/screens/Template/JobTemplateDetail/JobTemplateDetail.js
+++ b/awx/ui/src/screens/Template/JobTemplateDetail/JobTemplateDetail.js
@@ -183,11 +183,20 @@ function JobTemplateDetail({ template }) {
-
-
+
+
{summary_fields.organization ? (
{summary_fields.project.name}
@@ -228,21 +239,55 @@ function JobTemplateDetail({ template }) {
helpText={t`The execution environment that will be used when launching
this job template. The resolved execution environment can be overridden by
explicitly assigning a different one to this job template.`}
+ dataCy="jt-detail-execution-environment"
+ />
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
{host_config_key && (
<>
-
+
>
)}
@@ -250,18 +295,25 @@ function JobTemplateDetail({ template }) {
)}
{webhook_receiver && (
)}
-
+
{summary_fields.webhook_credential && (
{renderOptionsField && (
-
+
)}
{summary_fields.credentials && summary_fields.credentials.length > 0 && (
{summary_fields.credentials.map((c) => (
-
+
))}
@@ -306,13 +370,15 @@ function JobTemplateDetail({ template }) {
{summary_fields.labels.results.map((l) => (
-
+
{l.name}
))}
@@ -324,11 +390,20 @@ function JobTemplateDetail({ template }) {
+
{instanceGroups.map((ig) => (
-
+
{ig.name}
@@ -341,10 +416,19 @@ function JobTemplateDetail({ template }) {
+
{job_tags.split(',').map((jobTag) => (
-
+
{jobTag}
))}
@@ -356,10 +440,19 @@ function JobTemplateDetail({ template }) {
+
{skip_tags.split(',').map((skipTag) => (
-
+
{skipTag}
))}
@@ -371,7 +464,7 @@ function JobTemplateDetail({ template }) {
value={extra_vars}
rows={4}
label={t`Variables`}
- dataCy={`jt-details-${template.id}`}
+ dataCy={`jt-detail-${template.id}`}
name="extra_vars"
/>
diff --git a/awx/ui/src/screens/Template/Survey/SurveyList.js b/awx/ui/src/screens/Template/Survey/SurveyList.js
index 7be6ae6277..5ef94011be 100644
--- a/awx/ui/src/screens/Template/Survey/SurveyList.js
+++ b/awx/ui/src/screens/Template/Survey/SurveyList.js
@@ -97,7 +97,7 @@ function SurveyList({
<>
-
+
|
{t`Name`} |
{t`Type`} |
diff --git a/awx/ui/src/screens/Template/Survey/SurveyListItem.js b/awx/ui/src/screens/Template/Survey/SurveyListItem.js
index c2ebfd3ebb..bca3d5a4c3 100644
--- a/awx/ui/src/screens/Template/Survey/SurveyListItem.js
+++ b/awx/ui/src/screens/Template/Survey/SurveyListItem.js
@@ -23,7 +23,7 @@ const SurveyActionsTd = styled(ActionsTd)`
function SurveyListItem({ canEdit, question, isChecked, onSelect, rowIndex }) {
return (
-
+
|
{question.default.split('\n').map((chip) => (
-
+
{chip}
))}
diff --git a/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js b/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js
index fd8b6a1070..e5bf1980c4 100644
--- a/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js
+++ b/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js
@@ -131,6 +131,7 @@ function SurveyReorderModal({
component = (
| | | | | | | | | | | | | | |