External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-14 03:10:42 -03:30
Code Issues Packages Projects Releases Wiki Activity

ouiaId to AddDropDownButton ToolbarAddButton TemplateList InventoryList

Browse Source 
add testability to DataListToolbar.jsx

add testability to AssociateModal.jsx HostGroupsList.jsx

fix lint

add ouiaId to InventoryGroupHostList.jsx

add ouiaId to ExecutionEnvironmentList.jsx

add ouiaId to InstanceGroupList.jsx

add ouiaId to InstanceGroupDetails.jsx

add ouiaId to ScheduleList.jsx and ContainerGroupDetails.jsx
This commit is contained in:
Tiago 2021-04-29 18:16:46 -03:00
parent 1d6579e110
commit d428a540a0
14 changed files with 31 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
awx/ui_next/src/components/AddDropDownButton/AddDropDownButton.jsx
View File

@ -5,7 +5,7 @@ import { Dropdown, DropdownPosition } from '@patternfly/react-core';
import { ToolbarAddButton } from '../PaginatedDataList';
import { useKebabifiedMenu } from '../../contexts/Kebabified';
function AddDropDownButton({ dropdownItems }) {
function AddDropDownButton({ dropdownItems, ouiaId }) {
const { isKebabified } = useKebabifiedMenu();
const [isOpen, setIsOpen] = useState(false);
const element = useRef(null);
@ -35,6 +35,7 @@ function AddDropDownButton({ dropdownItems }) {
position={DropdownPosition.right}
toggle={
<ToolbarAddButton
ouiaId={ouiaId}
aria-label={t`Add`}
showToggleIndicator
onClick={() => setIsOpen(!isOpen)}

2
awx/ui_next/src/components/AssociateModal/AssociateModal.jsx
View File

@ -25,6 +25,7 @@ function AssociateModal({
optionsRequest,
isModalOpen = false,
displayKey = 'name',
ouiaId,
}) {
const history = useHistory();
const { selected, handleSelect } = useSelected([]);
@ -93,6 +94,7 @@ function AssociateModal({
return (
<Fragment>
<Modal
ouiaId={ouiaId}
variant="large"
title={title}
aria-label={t`Association modal`}

1
awx/ui_next/src/components/DataListToolbar/DataListToolbar.jsx
View File

@ -123,6 +123,7 @@ function DataListToolbar({
<Dropdown
toggle={
<KebabToggle
data-cy="actions-kebab-toogle"
onToggle={isOpen => {
if (!isKebabModalOpen) {
setIsKebabOpen(isOpen);

4
awx/ui_next/src/components/PaginatedDataList/ToolbarAddButton.jsx
View File

@ -14,6 +14,7 @@ function ToolbarAddButton({
isDisabled,
defaultLabel = t`Add`,
showToggleIndicator,
ouiaId,
}) {
const { isKebabified } = useKebabifiedMenu();
@ -26,6 +27,7 @@ function ToolbarAddButton({
if (isKebabified) {
return (
<DropdownItem
ouiaId={ouiaId}
key="add"
isDisabled={isDisabled}
component={linkTo ? Link : 'button'}
@ -40,6 +42,7 @@ function ToolbarAddButton({
return (
<Tooltip content={defaultLabel} position="top">
<Button
ouiaId={ouiaId}
isDisabled={isDisabled}
component={Link}
to={linkTo}
@ -53,6 +56,7 @@ function ToolbarAddButton({
}
return (
<Button
ouiaId={ouiaId}
icon={showToggleIndicator ? <CaretDownIcon /> : null}
iconPosition={showToggleIndicator ? 'right' : null}
variant="primary"

1
awx/ui_next/src/components/ResourceAccessList/ResourceAccessList.jsx
View File

@ -166,6 +166,7 @@ function ResourceAccessList({ apiModel, resource }) {
resource?.summary_fields?.user_capabilities?.edit
? [
<ToolbarAddButton
ouiaId="access-add-button"
key="add"
onClick={() => setShowAddModal(true)}
/>,

2
awx/ui_next/src/components/Schedule/ScheduleList/ScheduleList.jsx
View File

@ -215,12 +215,14 @@ function ScheduleList({
...(canAdd
? [
<ToolbarAddButton
ouiaId="add-schedule-button"
key="add"
linkTo={`${location.pathname}/add`}
/>,
]
: []),
<ToolbarDeleteButton
ouiaId="delete-schedule-button"
key="delete"
onDelete={handleDelete}
itemsToDelete={selected}

8
awx/ui_next/src/components/TemplateList/TemplateList.jsx
View File

@ -143,6 +143,7 @@ function TemplateList({ defaultParams }) {
if (canAddJT) {
addDropDownButton.push(
<DropdownItem
ouiaId="add-job-template-item"
key={addTemplate}
component={Link}
to="/templates/job_template/add/"
@ -155,6 +156,7 @@ function TemplateList({ defaultParams }) {
if (canAddWFJT) {
addDropDownButton.push(
<DropdownItem
ouiaId="add-workflow-job-template-item"
component={Link}
to="/templates/workflow_job_template/add/"
key={addWFTemplate}
@ -165,7 +167,11 @@ function TemplateList({ defaultParams }) {
);
}
const addButton = (
<AddDropDownButton key="add" dropdownItems={addDropDownButton} />
<AddDropDownButton
ouiaId="add-template-button"
key="add"
dropdownItems={addDropDownButton}
/>
);
const deleteDetailsRequests = relatedResourceDeleteRequests.template(

1
awx/ui_next/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentList.jsx
View File

@ -172,6 +172,7 @@ function ExecutionEnvironmentList() {
...(canAdd
? [
<ToolbarAddButton
ouiaId="add-execution-environment"
key="add"
linkTo={`${match.url}/add`}
/>,

2
awx/ui_next/src/screens/Host/HostGroups/HostGroupsList.jsx
View File

@ -199,6 +199,7 @@ function HostGroupsList({ host }) {
...(canAdd
? [
<ToolbarAddButton
ouiaId="host-groups-add-button"
key="add"
onClick={() => setIsModalOpen(true)}
/>,
@ -227,6 +228,7 @@ function HostGroupsList({ host }) {
/>
{isModalOpen && (
<AssociateModal
ouiaId="associate-modal"
header={t`Groups`}
fetchRequest={fetchGroupsToAssociate}
optionsRequest={fetchGroupsOptions}

1
awx/ui_next/src/screens/InstanceGroup/ContainerGroupDetails/ContainerGroupDetails.jsx
View File

@ -100,6 +100,7 @@ function ContainerGroupDetails({ instanceGroup }) {
{instanceGroup.summary_fields.user_capabilities &&
instanceGroup.summary_fields.user_capabilities.delete && (
<DeleteButton
ouiaId="container-group-detail-delete-button"
name={name}
modalTitle={t`Delete instance group`}
onConfirm={deleteInstanceGroup}

1
awx/ui_next/src/screens/InstanceGroup/InstanceGroupDetails/InstanceGroupDetails.jsx
View File

@ -114,6 +114,7 @@ function InstanceGroupDetails({ instanceGroup }) {
instanceGroup.summary_fields.user_capabilities &&
instanceGroup.summary_fields.user_capabilities.delete && (
<DeleteButton
ouiaId="instance-group-detail-delete-button"
name={name}
modalTitle={t`Delete instance group`}
onConfirm={deleteInstanceGroup}

3
awx/ui_next/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupList.jsx
View File

@ -157,9 +157,11 @@ function InstanceGroupList() {
const addButton = (
<AddDropDownButton
ouiaId="add-instance-group-button"
key="add"
dropdownItems={[
<DropdownItem
ouiaId="add-container-group-item"
to="/instance_groups/container_group/add"
component={Link}
key={addContainerGroup}
@ -168,6 +170,7 @@ function InstanceGroupList() {
{addContainerGroup}
</DropdownItem>,
<DropdownItem
ouiaId="add-instance-group-item"
to="/instance_groups/add"
component={Link}
key={addInstanceGroup}

1
awx/ui_next/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostList.jsx
View File

@ -149,6 +149,7 @@ function InventoryGroupHostList() {
const addButton = (
<AddDropDownButton
ouiaId="add-hosts-button"
key="add"
dropdownItems={[
<DropdownItem

3
awx/ui_next/src/screens/Inventory/InventoryList/InventoryList.jsx
View File

@ -135,9 +135,11 @@ function InventoryList() {
const addSmartInventory = t`Add smart inventory`;
const addButton = (
<AddDropDownButton
ouiaId="add-inventory-button"
key="add"
dropdownItems={[
<DropdownItem
ouiaId="add-inventory-item"
to={`${match.url}/inventory/add/`}
component={Link}
key={addInventory}
@ -146,6 +148,7 @@ function InventoryList() {
{addInventory}
</DropdownItem>,
<DropdownItem
ouiaId="add-smart-inventory-item"
to={`${match.url}/smart_inventory/add/`}
component={Link}
key={addSmartInventory}