test(frontend): add failing tests for step 11 — pages, components, and API modules

frontend/src/__tests__/pages/EntitiesPage.test.tsx

@@ -0,0 +1,60 @@
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import { describe, it, expect, vi } from 'vitest'
+import { BrowserRouter } from 'react-router-dom'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import EntitiesPage from '@/pages/EntitiesPage'
+import * as entitiesApi from '@/api/entitiesApi'
+
+vi.mock('@/api/entitiesApi')
+
+const wrapper = ({ children }: { children: React.ReactNode }) => (
+  <QueryClientProvider client={new QueryClient({ defaultOptions: { queries: { retry: false } } })}>
+    <BrowserRouter>{children}</BrowserRouter>
+  </QueryClientProvider>
+)
+
+const mockEntity = {
+  id: 'entity-1',
+  name: 'Test Entity',
+  email: 'test@condado.com',
+  jobTitle: 'Tester',
+  personality: 'Formal',
+  scheduleCron: '0 9 * * *',
+  contextWindowDays: 3,
+  active: true,
+  createdAt: '2024-01-01T00:00:00',
+}
+
+describe('EntitiesPage', () => {
+  it('should_renderEntityList_when_entitiesLoaded', async () => {
+    vi.mocked(entitiesApi.getEntities).mockResolvedValue([mockEntity])
+    render(<EntitiesPage />, { wrapper })
+    await waitFor(() => {
+      expect(screen.getByText('Test Entity')).toBeInTheDocument()
+    })
+  })
+
+  it('should_openCreateDialog_when_addButtonClicked', async () => {
+    vi.mocked(entitiesApi.getEntities).mockResolvedValue([])
+    render(<EntitiesPage />, { wrapper })
+    const addButton = screen.getByRole('button', { name: /add|create|new/i })
+    fireEvent.click(addButton)
+    await waitFor(() => {
+      expect(screen.getByRole('dialog')).toBeInTheDocument()
+    })
+  })
+
+  it('should_callDeleteApi_when_deleteConfirmed', async () => {
+    vi.mocked(entitiesApi.getEntities).mockResolvedValue([mockEntity])
+    vi.mocked(entitiesApi.deleteEntity).mockResolvedValue(undefined)
+    render(<EntitiesPage />, { wrapper })
+    await waitFor(() => {
+      expect(screen.getByText('Test Entity')).toBeInTheDocument()
+    })
+    const deleteButton = screen.getByRole('button', { name: /delete|deactivate/i })
+    fireEvent.click(deleteButton)
+    await waitFor(() => {
+      expect(entitiesApi.deleteEntity).toHaveBeenCalledWith('entity-1')
+    })
+  })
+})