try to add storybook tests

mafredri · mafredri · commit 7d9f43ca4a91 · 2025-05-27T12:01:33.000Z
diff --git a/site/src/modules/resources/AgentDevcontainerCard.stories.tsx b/site/src/modules/resources/AgentDevcontainerCard.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
+import { within, userEvent } from "@storybook/test";
 import {
 	MockWorkspace,
 	MockWorkspaceAgent,
@@ -31,3 +32,30 @@ export const WithPorts: Story = {
 		},
 	},
 };
+
+export const Dirty: Story = {
+	args: {
+		container: {
+			...MockWorkspaceAgentContainer,
+			devcontainer_dirty: true,
+			ports: MockWorkspaceAgentContainerPorts,
+		},
+	},
+};
+
+export const Recreating: Story = {
+	args: {
+		container: {
+			...MockWorkspaceAgentContainer,
+			devcontainer_dirty: true,
+			ports: MockWorkspaceAgentContainerPorts,
+		},
+	},
+	play: async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+		const recreateButton = await canvas.findByRole("button", {
+			name: /recreate/i,
+		});
+		await userEvent.click(recreateButton);
+	},
+};
