particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

src: Remove ouia-ids

Browse source 
Since we're moving away from IQE the `ouia-id` atributes should be no longer needed. This removes them from the entire code base.
This commit is contained in:
regexowl 2025-04-25 10:07:43 +02:00 • committed by Simon Steinbeiß
parent 357dd3a910
commit e6b030ea4c
30 changed files with 4 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/Components/Blueprints/BlueprintActionsMenu.tsx
View file

@ -48,7 +48,6 @@ export const BlueprintActionsMenu: React.FunctionComponent<
};
return (
<Dropdown
ouiaId={`blueprints-dropdown`}
isOpen={showBlueprintActionsMenu}
onSelect={onSelect}
onOpenChange={(showBlueprintActionsMenu: boolean) =>

1
src/Components/Blueprints/BlueprintCard.tsx
View file

@ -36,7 +36,6 @@ const BlueprintCard = ({ blueprint }: blueprintProps) => {
<>
<Card
isSelected={blueprint.id === selectedBlueprintId}
ouiaId={`blueprint-card-${blueprint.id}`}
data-testid={`blueprint-card`}
isCompact
isClickable

1
src/Components/Blueprints/BlueprintsSideBar.tsx
View file

@ -155,7 +155,6 @@ const BlueprintsSidebar = () => {
<Flex justifyContent={{ default: 'justifyContentCenter' }}>
<FlexItem>
<Button
ouiaId={`clear-selected-blueprint-button`}
variant="link"
isDisabled={!selectedBlueprintId}
onClick={handleClickViewAll}

1
src/Components/Blueprints/BuildImagesButton.tsx
View file

@ -193,7 +193,6 @@ export const BuildImagesButtonEmptyState = ({
};
return (
<Button
ouiaId="build-images-button"
onClick={onBuildHandler}
isDisabled={!selectedBlueprintId}
isLoading={imageBuildLoading}

1
src/Components/Blueprints/EditBlueprintButton.tsx
View file

@ -13,7 +13,6 @@ export const EditBlueprintButton = () => {
return (
<Button
ouiaId="edit-blueprint-button"
onClick={() =>
navigate(resolveRelPath(`imagewizard/${selectedBlueprintId}`))
}

2
src/Components/Blueprints/ImportBlueprintModal.tsx
View file

@ -243,7 +243,6 @@ export const ImportBlueprintModal: React.FunctionComponent<
</>
}
onClose={onImportClose}
ouiaId="import-blueprint-modal"
>
<Form>
<FormGroup fieldId="checkbox-import-custom-repositories">
@ -302,7 +301,6 @@ export const ImportBlueprintModal: React.FunctionComponent<
state: { blueprint: importedBlueprint },
})
}
ouiaId="import-blueprint-finish"
data-testid="import-blueprint-finish"
>
Review and finish

4
src/Components/CreateImageWizard/CreateImageWizard.tsx
View file

@ -114,7 +114,6 @@ export const CustomWizardFooter = ({
return (
<WizardFooterWrapper>
<Button
ouiaId={nextBtnID}
variant="primary"
onClick={() => {
if (!process.env.IS_ON_PREMISE) {
@ -131,7 +130,6 @@ export const CustomWizardFooter = ({
Next
</Button>
<Button
ouiaId={backBtnID}
variant="secondary"
onClick={() => {
if (!process.env.IS_ON_PREMISE) {
@ -149,7 +147,6 @@ export const CustomWizardFooter = ({
</Button>
{optional && (
<Button
ouiaId={reviewAndFinishBtnID}
variant="tertiary"
onClick={() => {
if (!process.env.IS_ON_PREMISE) {
@ -167,7 +164,6 @@ export const CustomWizardFooter = ({
</Button>
)}
<Button
ouiaId={cancelBtnID}
variant="link"
onClick={() => {
if (!process.env.IS_ON_PREMISE) {

3
src/Components/CreateImageWizard/ValidatedInput.tsx
View file

@ -13,7 +13,6 @@ import type { StepValidation } from './utilities/useValidation';
type ValidatedTextInputPropTypes = TextInputProps & {
dataTestId?: string;
ouiaId?: string;
ariaLabel: string | undefined;
helperText: string | undefined;
validator: (value: string | undefined) => boolean;
@ -137,7 +136,6 @@ export const ErrorMessage = ({ errorMessage }: ErrorMessageProps) => {
export const ValidatedInput = ({
dataTestId,
ouiaId,
ariaLabel,
helperText,
validator,
@ -164,7 +162,6 @@ export const ValidatedInput = ({
<TextInput
value={value}
data-testid={dataTestId}
ouiaId={ouiaId || ''}
type="text"
onChange={onChange!}
validated={handleValidation()}

1
src/Components/CreateImageWizard/steps/FileSystem/FileSystemConfiguration.tsx
View file

@ -81,7 +81,6 @@ const FileSystemConfiguration = () => {
<FileSystemTable />
<TextContent>
<Button
ouiaId="add-partition"
data-testid="file-system-add-partition"
className="pf-v5-u-text-align-left"
variant="link"

2
src/Components/CreateImageWizard/steps/FileSystem/FileSystemPartition.tsx
View file

@ -24,7 +24,6 @@ const FileSystemPartition = () => {
<FormGroup>
<Radio
id="automatic file system config radio"
ouiaId="automatic-configure-fsc-radio"
label={
<>
<Label isCompact color="blue">
@ -42,7 +41,6 @@ const FileSystemPartition = () => {
/>
<Radio
id="manual file system config radio"
ouiaId="manual-configure-fsc-radio"
label="Manually configure partitions"
name="fsc-radio-manual"
description="Manually configure the file system of your image by adding, removing, and editing partitions"

6
src/Components/CreateImageWizard/steps/FileSystem/FileSystemTable.tsx
View file

@ -147,7 +147,6 @@ const Row = ({ partition, onDragEnd, onDragStart, onDrop }: RowPropTypes) => {
variant="link"
icon={<MinusCircleIcon />}
onClick={() => handleRemovePartition(partition.id)}
ouiaId="remove-mount-point"
isDisabled={partition.mountpoint === '/'}
/>
</Td>
@ -193,7 +192,6 @@ const MountpointPrefix = ({ partition }: MountpointPrefixPropTypes) => {
const toggle = (toggleRef: React.Ref<MenuToggleElement>) => (
<MenuToggle
ouiaId="mount-point"
ref={toggleRef}
onClick={onToggleClick}
isExpanded={isOpen}
@ -250,7 +248,6 @@ const MountpointSuffix = ({ partition }: MountpointSuffixPropTypes) => {
);
}}
aria-label="mountpoint suffix"
ouiaId="mount-suffix"
/>
);
};
@ -289,7 +286,6 @@ const MinimumSize = ({ partition }: MinimumSizePropTypes) => {
: ''
}
type="text"
ouiaId="size"
stepValidation={stepValidation}
fieldName={`min-size-${partition.id}`}
placeholder="File system"
@ -339,7 +335,6 @@ const SizeUnit = ({ partition }: SizeUnitPropTypes) => {
const toggle = (toggleRef: React.Ref<MenuToggleElement>) => (
<MenuToggle
ouiaId="unit"
ref={toggleRef}
onClick={onToggleClick}
isExpanded={isOpen}
@ -511,7 +506,6 @@ const FileSystemTable = () => {
return (
<Table
className={isDragging ? styles.modifiers.dragOver : ''}
ouiaId="partition_table_v2"
aria-label="File system table"
variant="compact"
data-testid="fsc-table"

1
src/Components/CreateImageWizard/steps/ImageOutput/ArchSelect.tsx
View file

@ -57,7 +57,6 @@ const ArchSelect = () => {
const toggle = (toggleRef: React.Ref<MenuToggleElement>) => (
<MenuToggle
ouiaId="arch_select"
ref={toggleRef}
onClick={onToggleClick}
isExpanded={isOpen}

1
src/Components/CreateImageWizard/steps/ImageOutput/ReleaseSelect.tsx
View file

@ -144,7 +144,6 @@ const ReleaseSelect = () => {
const toggle = (toggleRef: React.Ref<MenuToggleElement>) => (
<MenuToggle
ouiaId="release_select"
ref={toggleRef}
onClick={onToggleClick}
isExpanded={isOpen}

1
src/Components/CreateImageWizard/steps/Oscap/components/OnPremWarning.tsx
View file

@ -25,7 +25,6 @@ const OscapOnPremWarning = () => {
isInline
variant="warning"
title="The packages required to apply security profiles by using OpenSCAP are missing on this host. Install them with the following command"
ouiaId="oscap-unavailable-alert"
/>
</FormGroup>
<FormGroup>

2
src/Components/CreateImageWizard/steps/Oscap/components/ProfileSelector.tsx
View file

@ -448,7 +448,6 @@ const ProfileSelector = () => {
const toggleOpenSCAP = (toggleRef: React.Ref<MenuToggleElement>) => (
<MenuToggle
ouiaId="profileSelect"
data-testid="profileSelect"
ref={toggleRef}
variant="typeahead"
@ -483,7 +482,6 @@ const ProfileSelector = () => {
const toggleCompliance = (toggleRef: React.Ref<MenuToggleElement>) => (
<MenuToggle
ouiaId="compliancePolicySelect"
ref={toggleRef}
onClick={() => setIsOpen(!isOpen)}
isExpanded={isOpen}

4
src/Components/CreateImageWizard/steps/Packages/Packages.tsx
View file

@ -477,7 +477,6 @@ const Packages = () => {
<EmptyStateActions>
<Button
variant="primary"
ouiaId="search-other-repositories"
onClick={() => setActiveTabKey(Repos.OTHER)}
>
Search other repositories
@ -556,7 +555,6 @@ const Packages = () => {
isLoading={createLoading}
isDisabled={createLoading}
onClick={handleConfirmModalToggle}
ouiaId="Add-listed-repos"
>
Add listed repositories
</Button>,
@ -564,7 +562,6 @@ const Packages = () => {
Back
</Button>,
]}
ouiaId="Custom-repos-warning-modal"
>
You have selected packages that belong to custom repositories. By
continuing, you are acknowledging and consenting to adding the following
@ -1245,7 +1242,6 @@ const Packages = () => {
<ToolbarContent>
<ToolbarItem variant="search-filter">
<SearchInput
data-ouia-component-id="packages-search-input"
type="text"
placeholder="Type to search"
aria-label="Search packages"

1
src/Components/CreateImageWizard/steps/Registration/ActivationKeysList.tsx
View file

@ -222,7 +222,6 @@ const ActivationKeysList = () => {
isDisabled={
!isSuccessActivationKeys || registrationType === 'register-later'
}
ouiaId="activation_key_select"
>
<TextInputGroup isPlain>
<TextInputGroupMain

6
src/Components/CreateImageWizard/steps/Review/Footer/CreateDropdown.tsx
View file

@ -86,11 +86,7 @@ export const CreateSaveAndBuildBtn = ({
return (
<DropdownList>
<DropdownItem
onClick={onSaveAndBuild}
ouiaId="wizard-create-build-btn"
isDisabled={isDisabled}
>
<DropdownItem onClick={onSaveAndBuild} isDisabled={isDisabled}>
Create blueprint and build image(s)
</DropdownItem>
</DropdownList>

6
src/Components/CreateImageWizard/steps/Review/Footer/EditDropdown.tsx
View file

@ -80,11 +80,7 @@ export const EditSaveAndBuildBtn = ({
return (
<DropdownList>
<DropdownItem
onClick={onSaveAndBuild}
ouiaId="wizard-edit-build-btn"
isDisabled={isDisabled}
>
<DropdownItem onClick={onSaveAndBuild} isDisabled={isDisabled}>
Save changes and build image(s)
</DropdownItem>
</DropdownList>

9
src/Components/CreateImageWizard/steps/Review/Footer/Footer.tsx
View file

@ -100,7 +100,6 @@ const ReviewWizardFooter = () => {
}}
/>
)}
ouiaId="wizard-finish-dropdown"
shouldFocusToggleOnSelect
>
{composeId ? (
@ -119,14 +118,10 @@ const ReviewWizardFooter = () => {
)}
</Dropdown>
</div>
<Button
ouiaId="wizard-back-btn"
variant="secondary"
onClick={goToPrevStep}
>
<Button variant="secondary" onClick={goToPrevStep}>
Back
</Button>
<Button ouiaId="wizard-cancel-btn" variant="link" onClick={close}>
<Button variant="link" onClick={close}>
Cancel
</Button>
</WizardFooterWrapper>

2
src/Components/CreateImageWizard/steps/Snapshot/Snapshot.tsx
View file

@ -64,7 +64,6 @@ export default function Snapshot() {
<FormGroup>
<Radio
id="use latest snapshot radio"
ouiaId="use-latest-snapshot-radio"
name="use-latest-snapshot"
label="Disable repeatable build"
description="Use the newest repository content available when building this image"
@ -73,7 +72,6 @@ export default function Snapshot() {
/>
<Radio
id="use snapshot date radio"
ouiaId="use-snapshot-date-radio"
name="use-snapshot-date"
label="Enable repeatable build"
description="Build this image with the repository content of a selected date"

1
src/Components/CreateImageWizard/steps/TargetEnvironment/Aws/AwsSourcesSelect.tsx
View file

@ -143,7 +143,6 @@ export const AwsSourcesSelect = () => {
onClick={handleToggle}
isExpanded={isOpen}
isDisabled={!isSuccess || isLoading}
ouiaId="source_select"
>
<TextInputGroup isPlain>
<TextInputGroupMain

1
src/Components/CreateImageWizard/steps/TargetEnvironment/Azure/AzureHyperVSelect.tsx
View file

@ -46,7 +46,6 @@ export const AzureHyperVSelect = () => {
const toggle = (toggleRef: React.Ref<MenuToggleElement>) => (
<MenuToggle
ouiaId="hyperv_gen_select"
ref={toggleRef}
data-testid="azure-hyper-v-generation-select"
onClick={() => setIsOpen(!isOpen)}

1
src/Components/CreateImageWizard/steps/TargetEnvironment/Azure/AzureResourceGroups.tsx
View file

@ -102,7 +102,6 @@ export const AzureResourceGroups = () => {
const toggle = (toggleRef: React.Ref<MenuToggleElement>) => (
<MenuToggle
ouiaId="resource_group_select"
ref={toggleRef}
variant="typeahead"
onClick={() => setIsOpen(!isOpen)}

1
src/Components/CreateImageWizard/steps/TargetEnvironment/Azure/AzureSourcesSelect.tsx
View file

@ -150,7 +150,6 @@ export const AzureSourcesSelect = () => {
const toggle = (toggleRef: React.Ref<MenuToggleElement>) => (
<MenuToggle
ouiaId="source_select"
ref={toggleRef}
variant="typeahead"
onClick={handleToggle}

1
src/Components/CreateImageWizard/steps/Users/components/RemoveUserModal.tsx
View file

@ -60,7 +60,6 @@ const RemoveUserModal = ({
Cancel
</Button>,
]}
ouiaId="removeUserModal"
>
This action is permanent and cannot be undone. Once deleted all
information about the user will be lost.

6
src/Components/ImagesTable/ImageDetails.tsx
View file

@ -162,7 +162,6 @@ export const AwsDetails = ({ compose }: AwsDetailsPropTypes) => {
hoverTip="Copy"
clickTip="Copied"
variant="inline-compact"
ouiaId="aws-uuid"
onClick={() => {
analytics.track(`${AMPLITUDE_MODULE_NAME} - Button Clicked`, {
module: AMPLITUDE_MODULE_NAME,
@ -274,7 +273,6 @@ export const AzureDetails = ({ compose }: AzureDetailsPropTypes) => {
hoverTip="Copy"
clickTip="Copied"
variant="inline-compact"
ouiaId="azure-uuid"
>
{compose.id}
</ClipboardCopy>
@ -361,7 +359,6 @@ export const GcpDetails = ({ compose }: GcpDetailsPropTypes) => {
hoverTip="Copy"
clickTip="Copied"
variant="inline-compact"
ouiaId="gcp-uuid"
>
{compose.id}
</ClipboardCopy>
@ -442,7 +439,6 @@ export const OciDetails = ({ compose }: OciDetailsPropTypes) => {
hoverTip="Copy"
clickTip="Copied"
variant="inline-compact"
ouiaId="gcp-uuid"
>
{compose.id}
</ClipboardCopy>
@ -496,7 +492,6 @@ export const AwsS3Details = ({ compose }: AwsS3DetailsPropTypes) => {
hoverTip="Copy"
clickTip="Copied"
variant="inline-compact"
ouiaId="other-targets-uuid"
>
{compose.id}
</ClipboardCopy>
@ -529,7 +524,6 @@ export const LocalDetails = ({ compose }: LocalDetailsPropTypes) => {
hoverTip="Copy"
clickTip="Copied"
variant="inline-compact"
ouiaId="other-targets-uuid"
>
{compose.id}
</ClipboardCopy>

3
src/Components/ImagesTable/ImagesTableToolbar.tsx
View file

@ -167,7 +167,6 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
}}
isInline
title={`The selected blueprint has errors.`}
ouiaId="blueprint-errors-alert"
actionLinks={
<AlertActionLink
onClick={async () => {
@ -202,7 +201,6 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
}}
isInline
title={`The selected blueprint is at version ${selectedBlueprintVersion}, the latest images are at version ${latestImageVersion}. Build images to synchronize with the latest version.`}
ouiaId="blueprint-out-of-sync-alert"
actionLinks={
<AlertActionLink
onClick={() => setShowDiffModal(true)}
@ -224,7 +222,6 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
isInline
variant="warning"
title="CentOS Stream 8 is no longer supported, building images from this blueprint will fail. Edit blueprint to update the release to CentOS Stream 9."
ouiaId="centos-8-blueprint-alert"
/>
)}
<ToolbarContent>

1
src/Components/ImagesTable/Instance.tsx
View file

@ -316,7 +316,6 @@ export const OciInstance = ({ compose, isExpired }: OciInstancePropTypes) => {
hoverTip="Copy"
clickTip="Copied"
variant="inline-compact"
ouiaId="oci-link"
isBlock
>
{options?.url || ''}

1
src/Components/sharedComponents/ImageBuilderHeader.tsx
View file

@ -150,7 +150,6 @@ export const ImageBuilderHeader = ({
{importExportFlag && (
<Button
data-testid="import-blueprint-button"
ouiaId="import-blueprint-button"
variant="secondary"
icon={<BetaLabel />}
iconPosition="end"