add a story to test when a preset has been selected

SasSwart · SasSwart · commit da9239e23578 · 2025-02-14T09:33:33.000Z
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.stories.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.stories.tsx
@@ -10,6 +10,8 @@ import {
 	mockApiError,
 } from "testHelpers/entities";
 import { CreateWorkspacePageView } from "./CreateWorkspacePageView";
+import { within } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
 
 const meta: Meta<typeof CreateWorkspacePageView> = {
 	title: "pages/CreateWorkspacePage",
@@ -116,7 +118,7 @@ export const Parameters: Story = {
 	},
 };
 
-export const Presets: Story = {
+export const PresetsButNoneSelected: Story = {
 	args: {
 		presets: [
 			{
@@ -148,6 +150,15 @@ export const Presets: Story = {
 	},
 };
 
+export const PresetSelected: Story = {
+	args: PresetsButNoneSelected.args,
+	play: async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+		await userEvent.click(canvas.getByLabelText("Preset"));
+		await userEvent.click(canvas.getByText("Preset 1"));
+	},
+};
+
 export const ExternalAuth: Story = {
 	args: {
 		externalAuth: [
