From 8a6a6712e7554f110b5ef951f270d88fd010e040 Mon Sep 17 00:00:00 2001
From: Bertrand Yuan <noreply@bertyuan.com>
Date: Thu, 26 Mar 2026 00:02:16 +0800
Subject: add more tests

---
 src/components/ui/card.test.tsx | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/components/ui/card.test.tsx

(limited to 'src/components/ui/card.test.tsx')

diff --git a/src/components/ui/card.test.tsx b/src/components/ui/card.test.tsx
new file mode 100644
index 0000000..aba3d00
--- /dev/null
+++ b/src/components/ui/card.test.tsx
@@ -0,0 +1,40 @@
+import { render, screen } from '@testing-library/react';
+import { describe, expect, test } from 'vitest';
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from './card';
+
+describe('Card', () => {
+  test('renders all card slots', () => {
+    render(
+      <Card>
+        <CardHeader>
+          <CardTitle>Card Title</CardTitle>
+          <CardDescription>Card Description</CardDescription>
+          <CardAction>Action</CardAction>
+        </CardHeader>
+        <CardContent>Content</CardContent>
+        <CardFooter>Footer</CardFooter>
+      </Card>,
+    );
+
+    expect(screen.getByText('Card Title')).toHaveAttribute(
+      'data-slot',
+      'card-title',
+    );
+    expect(screen.getByText('Card Description')).toHaveAttribute(
+      'data-slot',
+      'card-description',
+    );
+    expect(screen.getByText('Action')).toHaveAttribute('data-slot', 'card-action');
+    expect(screen.getByText('Content')).toHaveAttribute('data-slot', 'card-content');
+    expect(screen.getByText('Footer')).toHaveAttribute('data-slot', 'card-footer');
+  });
+});
+
-- 
cgit v1.2.3

