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

V2 Wizard: Add search parameter for arch selection

Browse source 
Add an optional search parameter to the wizard like so:

/insights/image-builder/imagewizard?arch=aarch64

This results in the wizard being opened and 'aarch64' being pre-selected as the architecture.
The Insights assistant chat bot and our websites (access.redhat.com and
developers.redhat.com) will make use of this feature.

Relates to HMS-3684
This commit is contained in:
Simon Steinbeiss 2024-03-15 09:37:25 +01:00 • committed by Klara Simickova
parent c0dfe0f218
commit ad25c6bcb7
2 changed files with 21 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/Components/CreateImageWizardV2/CreateImageWizard.tsx
View file

@ -31,11 +31,12 @@ import {
isGcpEmailValid,
} from './validators';
import { RHEL_8 } from '../../constants';
import { RHEL_8, AARCH64 } from '../../constants';
import { useAppDispatch, useAppSelector } from '../../store/hooks';
import './CreateImageWizard.scss';
import {
changeDistribution,
changeArchitecture,
initializeWizard,
selectActivationKey,
selectAwsAccountId,
@ -102,6 +103,8 @@ const CreateImageWizard = ({ startStepIndex = 1 }: CreateImageWizardProps) => {
dispatch(initializeWizard());
searchParams.get('release') === 'rhel8' &&
dispatch(changeDistribution(RHEL_8));
searchParams.get('arch') === AARCH64 &&
dispatch(changeArchitecture(AARCH64));
// This useEffect hook should run *only* on mount and therefore has an empty
// dependency array. eslint's exhaustive-deps rule does not support this use.
// eslint-disable-next-line react-hooks/exhaustive-deps

17
src/test/Components/CreateImageWizardV2/steps/ImageOutput/TargetEnvironment.test.tsx
View file

@ -276,3 +276,20 @@ describe('set release using query parameter', () => {
await screen.findByText('Red Hat Enterprise Linux (RHEL) 8');
});
});
describe('set architecture using query parameter', () => {
test('x86_64 by default (no query parameter)', async () => {
await render();
await screen.findByText('x86_64');
});
test('x86_64 by default (invalid query parameter)', async () => {
await render({ arch: 'arm' });
await screen.findByText('x86_64');
});
test('aarch64 (query parameter provided)', async () => {
await render({ arch: 'aarch64' });
await screen.findByText('aarch64');
});
});