refactor: configure preferred model

Author: peppescg

package-lock.json

@@ -20,8 +20,6 @@
     "generate-icons": "npx @svgr/cli --typescript --no-dimensions --replace-attr-values '#2E323A=currentColor' --jsx-runtime automatic --out-dir ./src/components/icons/ -- icons"
   },
   "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/sortable": "^10.0.0",
     "@hey-api/client-fetch": "^0.7.1",
     "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-dialog": "^1.1.4",
@@ -47,7 +45,6 @@
     "tailwind-merge": "^2.5.5",
     "tailwind-variants": "^0.3.0",
     "tailwindcss-animate": "^1.0.7",
-    "uuid": "^11.0.5",
     "zustand": "^5.0.3"
   },
   "devDependencies": {

package.json

@@ -0,0 +1,52 @@
+import { render } from "@/lib/test-utils";
+import { screen, waitFor } from "@testing-library/react";
+import { WorkspacePreferredModel } from "../workspace-preferred-model";
+import userEvent from "@testing-library/user-event";
+
+test("render model overrides", () => {
+  render(
+    <WorkspacePreferredModel
+      isArchived={false}
+      workspaceName="fake-workspace"
+    />,
+  );
+  expect(screen.getByText(/preferred model/i)).toBeVisible();
+  expect(
+    screen.getByText(
+      /select the model you would like to use in this workspace./i,
+    ),
+  ).toBeVisible();
+  expect(
+    screen.getByRole("button", { name: /select the model/i }),
+  ).toBeVisible();
+  expect(screen.getByRole("button", { name: /save/i })).toBeVisible();
+});
+
+test("submit preferred model", async () => {
+  render(
+    <WorkspacePreferredModel
+      isArchived={false}
+      workspaceName="fake-workspace"
+    />,
+  );
+
+  await userEvent.click(
+    screen.getByRole("button", { name: /select the model/i }),
+  );
+
+  await userEvent.click(
+    screen.getByRole("option", {
+      name: "anthropic/claude-3.5",
+    }),
+  );
+
+  await userEvent.click(screen.getByRole("button", { name: /save/i }));
+
+  await waitFor(() => {
+    expect(
+      screen.getByText(
+        /preferred model on fake-workspace successfully submitted!/i,
+      ),
+    );
+  });
+});