From dd7d9824baeee71c62f173bfb5622c94147df425 Mon Sep 17 00:00:00 2001
From: cte <cestreich@gmail.com>
Date: Wed, 5 Mar 2025 12:28:17 -0800
Subject: [PATCH] Fix tests

---
 .../components/common/VSCodeButtonLink.tsx    | 24 ++++++++-----------
 .../src/components/settings/ApiOptions.tsx    |  2 +-
 .../settings/__tests__/ApiOptions.test.tsx    |  6 ++++-
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/webview-ui/src/components/common/VSCodeButtonLink.tsx b/webview-ui/src/components/common/VSCodeButtonLink.tsx
index 8d0c87d69d..d0cd6b1c97 100644
--- a/webview-ui/src/components/common/VSCodeButtonLink.tsx
+++ b/webview-ui/src/components/common/VSCodeButtonLink.tsx
@@ -7,17 +7,13 @@ interface VSCodeButtonLinkProps {
 	[key: string]: any
 }
 
-const VSCodeButtonLink: React.FC<VSCodeButtonLinkProps> = ({ href, children, ...props }) => {
-	return (
-		<a
-			href={href}
-			style={{
-				textDecoration: "none",
-				color: "inherit",
-			}}>
-			<VSCodeButton {...props}>{children}</VSCodeButton>
-		</a>
-	)
-}
-
-export default VSCodeButtonLink
+export const VSCodeButtonLink = ({ href, children, ...props }: VSCodeButtonLinkProps) => (
+	<a
+		href={href}
+		style={{
+			textDecoration: "none",
+			color: "inherit",
+		}}>
+		<VSCodeButton {...props}>{children}</VSCodeButton>
+	</a>
+)
diff --git a/webview-ui/src/components/settings/ApiOptions.tsx b/webview-ui/src/components/settings/ApiOptions.tsx
index 81acc9dddf..407a4b4fcc 100644
--- a/webview-ui/src/components/settings/ApiOptions.tsx
+++ b/webview-ui/src/components/settings/ApiOptions.tsx
@@ -35,7 +35,7 @@ import {
 import { ExtensionMessage } from "../../../../src/shared/ExtensionMessage"
 
 import { vscode } from "../../utils/vscode"
-import VSCodeButtonLink from "../common/VSCodeButtonLink"
+import { VSCodeButtonLink } from "../common/VSCodeButtonLink"
 import { ModelInfoView } from "./ModelInfoView"
 import { ModelPicker } from "./ModelPicker"
 import { TemperatureControl } from "./TemperatureControl"
diff --git a/webview-ui/src/components/settings/__tests__/ApiOptions.test.tsx b/webview-ui/src/components/settings/__tests__/ApiOptions.test.tsx
index 0b1fb28498..364e57a715 100644
--- a/webview-ui/src/components/settings/__tests__/ApiOptions.test.tsx
+++ b/webview-ui/src/components/settings/__tests__/ApiOptions.test.tsx
@@ -1,6 +1,9 @@
+// npx jest src/components/settings/__tests__/ApiOptions.test.ts
+
 import { render, screen } from "@testing-library/react"
-import ApiOptions from "../ApiOptions"
+
 import { ExtensionStateContextProvider } from "../../../context/ExtensionStateContext"
+import ApiOptions from "../ApiOptions"
 
 // Mock VSCode components
 jest.mock("@vscode/webview-ui-toolkit/react", () => ({
@@ -13,6 +16,7 @@ jest.mock("@vscode/webview-ui-toolkit/react", () => ({
 	VSCodeLink: ({ children, href }: any) => <a href={href}>{children}</a>,
 	VSCodeRadio: ({ children, value, checked }: any) => <input type="radio" value={value} checked={checked} />,
 	VSCodeRadioGroup: ({ children }: any) => <div>{children}</div>,
+	VSCodeButton: ({ children }: any) => <div>{children}</div>,
 }))
 
 // Mock other components