Wizard: Basic Hostname step

This adds Hostname step basics and file structure.

src/test/Components/CreateImageWizard/steps/Details/Details.test.tsx

@@ -18,16 +18,17 @@ import {
 } from '../../wizardTestUtils';
 
 const goToDetailsStep = async () => {
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
+  await clickNext(); // OpenSCAP
+  await clickNext(); // File system configuration
+  await clickNext(); // Repository snapshot
+  await clickNext(); // Custom repositories
+  await clickNext(); // Additional packages
+  await clickNext(); // Users
+  await clickNext(); // Timezone
+  await clickNext(); // Locale
+  await clickNext(); // Hostname
+  await clickNext(); // First boot script
+  await clickNext(); // Details
 };
 
 const enterBlueprintDescription = async (
@@ -44,7 +45,7 @@ const enterBlueprintDescription = async (
 };
 
 const goToReviewStep = async () => {
-  await clickNext();
+  await clickNext(); // Review
 };
 
 const clickRevisitButton = async () => {

src/test/Components/CreateImageWizard/steps/FileSystemConfiguration/FileSystemConfiguration.test.tsx

@@ -108,16 +108,17 @@ const changePartitionUnitsToMiB = async () => {
 };
 
 const goToReviewStep = async () => {
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
+  await clickNext(); // File system configuration
+  await clickNext(); // Repository snapshot
+  await clickNext(); // Custom repositories
+  await clickNext(); // Additional packages
+  await clickNext(); // Users
+  await clickNext(); // Timezone
+  await clickNext(); // Locale
+  await clickNext(); // Hostname
+  await clickNext(); // Details
   await enterBlueprintName();
-  await clickNext();
+  await clickNext(); // Review
 };
 
 const clickRevisitButton = async () => {

src/test/Components/CreateImageWizard/steps/FirstBoot/Firstboot.test.tsx

@@ -41,13 +41,14 @@ const goToFirstBootStep = async (): Promise<void> => {
   await clickNext(); // Registration
   await clickRegisterLater();
   await clickNext(); // OpenSCAP
-  await clickNext(); // File System
+  await clickNext(); // File system configuration
+  await clickNext(); // Repository snapshot
   await clickNext(); // Custom repositories
   await clickNext(); // Additional packages
   await clickNext(); // Users
   await clickNext(); // Timezone
   await clickNext(); // Locale
-  await clickNext(); // Snapshot
+  await clickNext(); // Hostname
   await clickNext(); // First Boot
 };
 
@@ -63,14 +64,15 @@ const selectSimplifiedOscapProfile = async () => {
 };
 
 const goFromOscapToFirstBoot = async () => {
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
+  await clickNext(); // File system configuration
+  await clickNext(); // Repository snapshot
+  await clickNext(); // Custom repositories
+  await clickNext(); // Additional packages
+  await clickNext(); // Users
+  await clickNext(); // Timezone
+  await clickNext(); // Locale
+  await clickNext(); // Hostname
+  await clickNext(); // First boot script
 };
 
 const openCodeEditor = async (): Promise<void> => {

src/test/Components/CreateImageWizard/steps/ImageOutput/ImageOutput.test.tsx

@@ -128,16 +128,17 @@ const selectVMwareTarget = async () => {
 };
 
 const goToReviewStep = async () => {
-  await clickNext();
+  await clickNext(); // Registration
   await clickRegisterLater();
   await clickNext(); // OpenSCAP
   await clickNext(); // File system customization
-  await clickNext(); // Snapshots
+  await clickNext(); // Repository snapshot
   await clickNext(); // Custom repositories
   await clickNext(); // Additional packages
   await clickNext(); // Users
   await clickNext(); // Timezone
   await clickNext(); // Locale
+  await clickNext(); // Hostname
   await clickNext(); // First boot
   await clickNext(); // Details
   await enterBlueprintName();

src/test/Components/CreateImageWizard/steps/Locale/Locale.test.tsx

@@ -39,6 +39,7 @@ const goToLocaleStep = async () => {
 };
 
 const goToReviewStep = async () => {
+  await clickNext(); // Hostname
   await clickNext(); // First boot
   await clickNext(); // Details
   await enterBlueprintName();
@@ -99,12 +100,12 @@ describe('Step Locale', () => {
     router = undefined;
   });
 
-  test('clicking Next loads First Boot', async () => {
+  test('clicking Next loads Hostname', async () => {
     await renderCreateMode();
     await goToLocaleStep();
     await clickNext();
     await screen.findByRole('heading', {
-      name: 'First boot configuration',
+      name: 'Hostname',
     });
   });
 

src/test/Components/CreateImageWizard/steps/Oscap/Oscap.test.tsx

@@ -101,6 +101,7 @@ const goToReviewStep = async () => {
   await clickNext(); // Users
   await clickNext(); // Timezone
   await clickNext(); // Locale
+  await clickNext(); // Hostname
   await clickNext(); // FirstBoot
   await clickNext(); // Details
   await enterBlueprintName('Oscap test');

src/test/Components/CreateImageWizard/steps/Packages/Packages.test.tsx

@@ -45,8 +45,8 @@ const goToPackagesStep = async () => {
   await clickNext(); // Registration
   await clickRegisterLater();
   await clickNext(); // OpenSCAP
-  await clickNext(); // File System
-  await clickNext(); // Snapshots
+  await clickNext(); // File system configuration
+  await clickNext(); // Repository snapshot
   await clickNext(); // Custom repositories
   await clickNext(); // Additional packages
 };
@@ -55,6 +55,7 @@ const goToReviewStep = async () => {
   await clickNext(); // Users
   await clickNext(); // Timezone
   await clickNext(); // Locale
+  await clickNext(); // Hostname
   await clickNext(); // First Boot
   await clickNext(); // Details
   await enterBlueprintName();

src/test/Components/CreateImageWizard/steps/Registration/Registration.test.tsx

@@ -89,18 +89,19 @@ const selectActivationKey = async (key: string) => {
 };
 
 const goToReviewStep = async () => {
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
+  await clickNext(); // Registration
+  await clickNext(); // OpenSCAP
+  await clickNext(); // File system configuration
+  await clickNext(); // Repository snapshot
+  await clickNext(); // Custom repositories
+  await clickNext(); // Additional packages
+  await clickNext(); // Users
+  await clickNext(); // Timezone
+  await clickNext(); // Locale
+  await clickNext(); // Hostname
+  await clickNext(); // Details
   await enterBlueprintName();
-  await clickNext();
+  await clickNext(); // Review
 };
 
 const clickRevisitButton = async () => {

src/test/Components/CreateImageWizard/steps/Repositories/Repositories.test.tsx

@@ -38,18 +38,19 @@ const goToRepositoriesStep = async () => {
   await clickNext(); // Registration
   await clickRegisterLater();
   await clickNext(); // OpenSCAP
-  await clickNext(); // File System
-  await clickNext(); // Snapshot
+  await clickNext(); // File system configuration
+  await clickNext(); // Repository snapshot
   await clickNext(); // Custom repositories
 };
 
 const goToReviewStep = async () => {
   await clickNext(); // Additional packages
-  await clickNext();
   await clickNext(); // Users
   await clickNext(); // Timezone
   await clickNext(); // Locale
+  await clickNext(); // Hostname
   await clickNext(); // First Boot
+  await clickNext(); // Details
   await enterBlueprintName();
   await clickNext(); // Review
 };

src/test/Components/CreateImageWizard/steps/Review/Review.test.tsx

@@ -46,19 +46,20 @@ const setupWithCentos = async () => {
 };
 
 const goToReviewStep = async () => {
-  await clickNext();
+  await clickNext(); // Registration
   await clickRegisterLater();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
-  await clickNext();
+  await clickNext(); // OpenSCAP
+  await clickNext(); // File system configuration
+  await clickNext(); // Repository snapshot
+  await clickNext(); // Custom repositories
+  await clickNext(); // Additional packages
+  await clickNext(); // Users
+  await clickNext(); // Timezone
+  await clickNext(); // Locale
+  await clickNext(); // Hostname
+  await clickNext(); // First boot script
+  await clickNext(); // Details
+  await clickNext(); // Review
 };
 
 describe('Step Review', () => {

src/test/Components/CreateImageWizard/steps/Snapshot/Snapshot.test.tsx

@@ -31,18 +31,19 @@ const goToSnapshotStep = async () => {
   await clickRegisterLater();
   await clickNext(); // OpenSCAP
   await clickNext(); // File System
-  await clickNext();
+  await clickNext(); // Repositories snapshot
 };
 
 const goToReviewStep = async () => {
-  await clickNext(); // Repositories step
+  await clickNext(); // Custom repositories
   await clickNext(); // Additional packages
-  await clickNext();
   await clickNext(); // Users
   await clickNext(); // Timezone
   await clickNext(); // Locale
+  await clickNext(); // Hostname
+  await clickNext(); // First boot script
   await enterBlueprintName();
-  await clickNext();
+  await clickNext(); // Review
 };
 
 const clickRevisitButton = async () => {

src/test/Components/CreateImageWizard/steps/TargetEnvironment/AwsTarget.test.tsx

@@ -47,8 +47,9 @@ const goToReview = async () => {
   await clickNext(); // Users
   await clickNext(); // Timezone
   await clickNext(); // Locale
-  await clickNext(); // Details
+  await clickNext(); // Hostname
   await clickNext(); // FirstBoot
+  await clickNext(); // Details
   await enterBlueprintName();
   await clickNext(); // Review
 };

src/test/Components/CreateImageWizard/steps/TargetEnvironment/AzureTarget.test.tsx

@@ -47,6 +47,7 @@ const goToReview = async () => {
   await clickNext(); // Users
   await clickNext(); // Timezone
   await clickNext(); // Locale
+  await clickNext(); // Hostname
   await clickNext(); // FirstBoot
   await clickNext(); // Details
   await enterBlueprintName();

src/test/Components/CreateImageWizard/steps/TargetEnvironment/GCPTarget.test.tsx

@@ -42,8 +42,9 @@ const goToReview = async () => {
   await clickNext(); // Users
   await clickNext(); // Timezone
   await clickNext(); // Locale
-  await clickNext(); // Details
   await clickNext(); // FirstBoot
+  await clickNext(); // Details
+  await clickNext(); // Hostname
   await enterBlueprintName();
   await clickNext(); // Review
 };

src/test/Components/CreateImageWizard/steps/Timezone/Timezone.test.tsx

@@ -38,11 +38,12 @@ const goToTimezoneStep = async () => {
 };
 
 const goToReviewStep = async () => {
-  await clickNext();
-  await clickNext();
-  await clickNext();
+  await clickNext(); // Locale
+  await clickNext(); // Hostname
+  await clickNext(); // First boot script
+  await clickNext(); // Details
   await enterBlueprintName();
-  await clickNext();
+  await clickNext(); // Review
 };
 
 const selectTimezone = async () => {