From 7e38e50d79f6f34ca3c5308659b3412bb0aade12 Mon Sep 17 00:00:00 2001
From: Prathmesh Vhatkar <psv2522@gmail.com>
Date: Wed, 29 Jan 2025 09:14:16 +0530
Subject: [PATCH] fix: Mock dropdown in tests correctly

---
 .../src/components/settings/ApiConfigManager.tsx   |  1 +
 .../settings/__tests__/ApiConfigManager.test.tsx   | 14 ++++++++++++++
 2 files changed, 15 insertions(+)

diff --git a/webview-ui/src/components/settings/ApiConfigManager.tsx b/webview-ui/src/components/settings/ApiConfigManager.tsx
index 907043f..8bbd588 100644
--- a/webview-ui/src/components/settings/ApiConfigManager.tsx
+++ b/webview-ui/src/components/settings/ApiConfigManager.tsx
@@ -144,6 +144,7 @@ const ApiConfigManager = ({
 								style={{
 									minWidth: 130,
 								}}
+								role="combobox"
 								options={listApiConfigMeta.map((config) => ({
 									value: config.name,
 									label: config.name,
diff --git a/webview-ui/src/components/settings/__tests__/ApiConfigManager.test.tsx b/webview-ui/src/components/settings/__tests__/ApiConfigManager.test.tsx
index 784d443..ec076dd 100644
--- a/webview-ui/src/components/settings/__tests__/ApiConfigManager.test.tsx
+++ b/webview-ui/src/components/settings/__tests__/ApiConfigManager.test.tsx
@@ -19,6 +19,20 @@ jest.mock("@vscode/webview-ui-toolkit/react", () => ({
 	),
 }))
 
+jest.mock("vscrui", () => ({
+	Dropdown: ({ id, value, onChange, options, role }: any) => (
+		<div data-testid={`mock-dropdown-${id}`}>
+			<select value={value} onChange={(e) => onChange({ value: e.target.value })} data-testid={id} role={role}>
+				{options.map((opt: any) => (
+					<option key={opt.value} value={opt.value}>
+						{opt.label}
+					</option>
+				))}
+			</select>
+		</div>
+	),
+}))
+
 describe("ApiConfigManager", () => {
 	const mockOnSelectConfig = jest.fn()
 	const mockOnDeleteConfig = jest.fn()