src: Remove ouia-ids

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -167,7 +167,6 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
}} }}
isInline isInline
title={`The selected blueprint has errors.`} title={`The selected blueprint has errors.`}
ouiaId="blueprint-errors-alert"
actionLinks={ actionLinks={
<AlertActionLink <AlertActionLink
onClick={async () => { onClick={async () => {
@ -202,7 +201,6 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
}} }}
isInline isInline
title={`The selected blueprint is at version ${selectedBlueprintVersion}, the latest images are at version ${latestImageVersion}. Build images to synchronize with the latest version.`} 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={ actionLinks={
<AlertActionLink <AlertActionLink
onClick={() => setShowDiffModal(true)} onClick={() => setShowDiffModal(true)}
@ -224,7 +222,6 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
isInline isInline
variant="warning" 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." 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> <ToolbarContent>

View file

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

View file

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