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/alert.test.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/ui/alert.test.tsx

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

diff --git a/src/components/ui/alert.test.tsx b/src/components/ui/alert.test.tsx
new file mode 100644
index 0000000..ded0356
--- /dev/null
+++ b/src/components/ui/alert.test.tsx
@@ -0,0 +1,30 @@
+import { render, screen } from '@testing-library/react';
+import { describe, expect, test } from 'vitest';
+import { Alert, AlertDescription, AlertTitle } from './alert';
+
+describe('Alert', () => {
+  test('renders with role and slot attributes', () => {
+    render(
+      <Alert>
+        <AlertTitle>Heads up</AlertTitle>
+        <AlertDescription>Something happened.</AlertDescription>
+      </Alert>,
+    );
+
+    const alert = screen.getByRole('alert');
+    expect(alert).toHaveAttribute('data-slot', 'alert');
+    expect(screen.getByText('Heads up')).toHaveAttribute('data-slot', 'alert-title');
+    expect(screen.getByText('Something happened.')).toHaveAttribute(
+      'data-slot',
+      'alert-description',
+    );
+  });
+
+  test('applies destructive variant classes', () => {
+    render(<Alert variant='destructive'>Danger</Alert>);
+
+    const alert = screen.getByRole('alert');
+    expect(alert.className).toContain('text-destructive');
+  });
+});
+
-- 
cgit v1.2.3

