Initial commit

apps/web/src/components/PageHeader/PageHeader.test.tsx

@@ -0,0 +1,25 @@
+import { describe, it, expect } from 'vitest';
+import { render, screen } from '@dwellops/test-utils';
+import { PageHeader } from './PageHeader';
+
+describe('PageHeader', () => {
+    it('renders the title', () => {
+        render(<PageHeader title="Dashboard" />);
+        expect(screen.getByRole('heading', { name: 'Dashboard', level: 1 })).toBeDefined();
+    });
+
+    it('renders the subtitle when provided', () => {
+        render(<PageHeader title="Dashboard" subtitle="Sunrise Ridge HOA" />);
+        expect(screen.getByText('Sunrise Ridge HOA')).toBeDefined();
+    });
+
+    it('does not render subtitle when omitted', () => {
+        render(<PageHeader title="Dashboard" />);
+        expect(screen.queryByText('Sunrise Ridge HOA')).toBeNull();
+    });
+
+    it('renders actions slot', () => {
+        render(<PageHeader title="Units" actions={<button>Add unit</button>} />);
+        expect(screen.getByRole('button', { name: 'Add unit' })).toBeDefined();
+    });
+});