chore: add test for multi-select

jaaydenh · jaaydenh · commit 3d3ccc30b995 · 2025-07-03T17:15:41.000Z
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageExperimental.test.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageExperimental.test.tsx
@@ -15,6 +15,7 @@ import {
 	mockSwitchParameter,
 	mockSliderParameter,
 	validationParameter,
+	mockMultiSelectParameter,
 } from "testHelpers/entities";
 import {
 	renderWithAuth,
@@ -183,6 +184,7 @@ const mockDynamicParametersResponse: DynamicParametersResponse = {
 		mockSliderParameter,
 		mockSwitchParameter,
 		mockTagSelectParameter,
+		mockMultiSelectParameter,
 	],
 	diagnostics: [],
 };
@@ -508,6 +510,38 @@ describe("CreateWorkspacePageExperimental", () => {
 			});
 		});
 
+		it("renders multi-select parameter", async () => {
+			renderCreateWorkspacePageExperimental();
+			await waitForLoaderToBeRemoved();
+
+			await waitFor(() => {
+				expect(screen.getByText("IDEs")).toBeInTheDocument();
+			});
+
+			const multiSelect = screen.getByTestId("multiselect-ides");
+			expect(multiSelect).toBeInTheDocument();
+
+			const select = multiSelect.querySelector('[role="combobox"]');
+			expect(select).toBeInTheDocument();
+
+			await waitFor(async () => {
+				await userEvent.click(select!);
+			});
+
+			expect(
+				screen.getByRole("option", { name: /vscode/i }),
+			).toBeInTheDocument();
+			expect(
+				screen.getByRole("option", { name: /cursor/i }),
+			).toBeInTheDocument();
+			expect(
+				screen.getByRole("option", { name: /goland/i }),
+			).toBeInTheDocument();
+			expect(
+				screen.getByRole("option", { name: /windsurf/i }),
+			).toBeInTheDocument();
+		});
+
 		it("displays parameter validation errors", async () => {
 			jest
 				.spyOn(API, "templateVersionDynamicParameters")
@@ -815,6 +849,7 @@ describe("CreateWorkspacePageExperimental", () => {
 								value: "true",
 							}),
 							expect.objectContaining({ name: "tags", value: "[]" }),
+							expect.objectContaining({ name: "ides", value: "[]" }),
 						],
 					}),
 				);
diff --git a/site/src/testHelpers/entities.ts b/site/src/testHelpers/entities.ts
@@ -3136,6 +3136,50 @@ export const mockSliderParameter: TypesGen.PreviewParameter = {
 	order: 2,
 };
 
+export const mockMultiSelectParameter: TypesGen.PreviewParameter = {
+	name: "ides",
+	display_name: "IDEs",
+	description: "Enabled IDEs",
+	type: "list(string)",
+	form_type: "multi-select",
+	mutable: true,
+	ephemeral: false,
+	required: false,
+	value: { value: "[]", valid: true },
+	default_value: { value: "[]", valid: true },
+	options: [
+		{
+			name: "vscode",
+			description: "Visual Studio Code",
+			value: { value: "vscode", valid: true },
+			icon: "",
+		},
+		{
+			name: "cursor",
+			description: "Cursor",
+			value: { value: "cursor", valid: true },
+			icon: "",
+		},
+		{
+			name: "goland",
+			description: "Goland",
+			value: { value: "goland", valid: true },
+			icon: "",
+		},
+		{
+			name: "windsurf",
+			description: "Windsurf",
+			value: { value: "windsurf", valid: true },
+			icon: "",
+		},
+	],
+	validations: [],
+	diagnostics: [],
+	icon: "",
+	styling: {},
+	order: 5,
+};
+
 export const validationParameter: TypesGen.PreviewParameter = {
 	name: "invalid_number",
 	display_name: "Invalid Parameter",
