test(e2e): add test ids and steps of create satellite wizard (#2757)

* test(e2e): add test ids and steps of create satellite wizard

* chore: fmt

Author: peterpeterparker

src/e2e/page-objects/console.page.ts

@@ -44,10 +44,25 @@ export class ConsolePage {
 
 		await this.#page.getByTestId(testIds.launchpad.launch).click();
 
-		await expect(this.#page.getByTestId(testIds.createSatellite.create)).toBeVisible();
+		// Initial step
+		await expect(this.#page.getByTestId(testIds.createSatellite.continueToMetadata)).toBeVisible();
+
+		await this.#page.getByTestId(testIds.createSatellite.continueToMetadata).click();
+
+		// Metadata step
+		await expect(this.#page.getByTestId(testIds.createSatellite.continueToOptions)).toBeVisible();
 
 		await this.#page.getByTestId(testIds.createSatellite.input).fill('Test');
+		await this.#page.getByTestId(testIds.createSatellite.continueToOptions).click();
+
+		// Options step
+		await expect(this.#page.getByTestId(testIds.createSatellite.continueToReview)).toBeVisible();
+
 		await this.#page.getByTestId(testIds.createSatellite[kind]).click();
+		await this.#page.getByTestId(testIds.createSatellite.continueToReview).click();
+
+		// Review step
+		await expect(this.#page.getByTestId(testIds.createSatellite.create)).toBeVisible();
 
 		await this.#page.getByTestId(testIds.createSatellite.create).click();
 

src/frontend/src/lib/components/modals/factory/create/SatelliteCreateModal.svelte

@@ -22,6 +22,7 @@
 	import type { FactoryCreateProgress } from '$lib/types/progress-factory-create';
 	import type { SatelliteId } from '$lib/types/satellite';
 	import { navigateToSatellite } from '$lib/utils/nav.utils';
+	import { testId } from '$lib/utils/test.utils';
 
 	interface Props {
 		detail: JunoModalDetail;
@@ -171,7 +172,7 @@
 			{/snippet}
 
 			<button onclick={onclose}>{$i18n.core.cancel}</button>
-			<button onclick={oncontinue}
+			<button onclick={oncontinue} {...testId(testIds.createSatellite.continueToMetadata)}
 				>{nonNullish(withFee) ? $i18n.core.continue : $i18n.core.lets_go}</button
 			>
 		</FactoryCredits>

src/frontend/src/lib/components/satellites/factory/CreateSatelliteMetadata.svelte

@@ -46,7 +46,7 @@
 	<div class="toolbar">
 		<button onclick={onback} type="button">{$i18n.core.back}</button>
 
-		<button {...testId(testIds.createSatellite.create)} {disabled} type="submit">
+		<button {...testId(testIds.createSatellite.continueToOptions)} {disabled} type="submit">
 			{$i18n.core.continue}
 		</button>
 	</div>

src/frontend/src/lib/components/satellites/factory/CreateSatelliteOptions.svelte

@@ -84,7 +84,7 @@
 	<div class="toolbar">
 		<button onclick={onback} type="button">{$i18n.core.back}</button>
 
-		<button {...testId(testIds.createSatellite.create)} {disabled} type="submit">
+		<button {...testId(testIds.createSatellite.continueToReview)} {disabled} type="submit">
 			{$i18n.core.review}
 		</button>
 	</div>

src/frontend/src/lib/constants/test-ids.constants.ts

@@ -13,6 +13,9 @@ export const testIds = {
 		actions: 'btn-open-actions'
 	},
 	createSatellite: {
+		continueToMetadata: 'btn-continue-metadata',
+		continueToOptions: 'btn-continue-options',
+		continueToReview: 'btn-continue-review',
 		create: 'btn-create-satellite',
 		input: 'input-satellite-name',
 		website: 'input-radio-satellite-website',