From cd3c4bc89c169616b38bdb7443bb4eb7571b020c Mon Sep 17 00:00:00 2001
From: Bertrand Yuan <noreply@bertyuan.com>
Date: Thu, 26 Mar 2026 00:15:40 +0800
Subject: fix defects in pr #11

---
 src/components/ui/button.test.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

(limited to 'src/components/ui')

diff --git a/src/components/ui/button.test.tsx b/src/components/ui/button.test.tsx
index 314e9bf..f8bd3a9 100644
--- a/src/components/ui/button.test.tsx
+++ b/src/components/ui/button.test.tsx
@@ -14,9 +14,16 @@ describe('Button', () => {
 
   // Test buttons with different variants
   test('renders button with different variants', () => {
-    const variants = ['default', 'destructive', 'outline', 'secondary', 'ghost', 'link'];
+    const variants = [
+      'default',
+      'destructive',
+      'outline',
+      'secondary',
+      'ghost',
+      'link',
+    ] as const;
     variants.forEach((variant) => {
-      render(<Button variant={variant as any}>{variant} Variant</Button>);
+      render(<Button variant={variant}>{variant} Variant</Button>);
       const button = screen.getByText(`${variant} Variant`);
       expect(button).toBeInTheDocument();
     });
@@ -24,9 +31,9 @@ describe('Button', () => {
 
   // Test buttons with different sizes
   test('renders button with different sizes', () => {
-    const sizes = ['default', 'sm', 'lg', 'icon'];
+    const sizes = ['default', 'sm', 'lg', 'icon'] as const;
     sizes.forEach((size) => {
-      render(<Button size={size as any}>{size} Size</Button>);
+      render(<Button size={size}>{size} Size</Button>);
       const button = screen.getByText(`${size} Size`);
       expect(button).toBeInTheDocument();
     });
-- 
cgit v1.2.3