Complete S03 runtime closure and S04 control loop

2026-03-24 11:33:55 +01:00
parent 0cacb4e51b
commit 8890906231
17 changed files with 588 additions and 74 deletions
@@ -0,0 +1,172 @@
+import React from 'react';
+import '@testing-library/jest-dom';
+import { fireEvent, render, screen, waitFor, within } from '@testing-library/react';
+import { MemoryRouter, Route, Routes, useLocation } from 'react-router-dom';
+import { ConfirmProvider } from './confirm';
+import { PromptProvider } from './prompt';
+import { ToastProvider } from './toast';
+import { I18nProvider } from './i18n/I18nProvider';
+import DashboardView from './components/DashboardView';
+import RemindersView from './components/RemindersView';
+import JobTable from './components/JobTable';
+import { api } from './api';
+
+const mockedApi = api as jest.Mocked<typeof api>;
+
+const pagedJobs = {
+  items: [
+    {
+      id: 42,
+      jobTitle: 'Backend Developer',
+      status: 'Waiting',
+      dateApplied: new Date().toISOString(),
+      daysSince: 10,
+      company: { name: 'Acme' },
+      companyId: 1,
+      needsFollowUp: true,
+      followUpReason: 'Follow-up due soon',
+      shortSummary: 'Strong backend match',
+      tailoredCvText: null,
+      notes: null,
+    },
+    {
+      id: 43,
+      jobTitle: 'Platform Engineer',
+      status: 'Applied',
+      dateApplied: new Date().toISOString(),
+      daysSince: 4,
+      company: { name: 'Beta' },
+      companyId: 2,
+      needsFollowUp: false,
+      followUpReason: 'Tailored CV missing',
+      shortSummary: 'Platform work',
+      tailoredCvText: null,
+      notes: null,
+    },
+  ],
+  total: 2,
+  page: 1,
+  pageSize: 15,
+};
+
+const reminderItems = [
+  {
+    id: 42,
+    jobTitle: 'Backend Developer',
+    status: 'Waiting',
+    dateApplied: new Date().toISOString(),
+    daysSince: 10,
+    company: { name: 'Acme' },
+    needsFollowUp: true,
+    followUpReason: 'Follow-up due soon',
+    tailoredCvText: 'Saved CV',
+    followUpAt: new Date().toISOString(),
+  },
+  {
+    id: 43,
+    jobTitle: 'Platform Engineer',
+    status: 'Applied',
+    dateApplied: new Date().toISOString(),
+    daysSince: 4,
+    company: { name: 'Beta' },
+    needsFollowUp: true,
+    followUpReason: 'Tailored CV missing',
+    tailoredCvText: null,
+    followUpAt: new Date().toISOString(),
+  },
+];
+
+function setupApiMocks() {
+  mockedApi.get.mockImplementation((url: string) => {
+    if (url === '/companies') return Promise.resolve({ data: [{ id: 1, name: 'Acme' }, { id: 2, name: 'Beta' }] } as any);
+    if (url === '/jobapplications/reminders') return Promise.resolve({ data: reminderItems } as any);
+    if (url === '/jobapplications') return Promise.resolve({ data: pagedJobs } as any);
+    if (url === '/jobapplications/stats') return Promise.resolve({ data: { total: 2, active: 2, deleted: 0, byStatus: {}, appliedLast30Days: 2, averageDaysSinceApplied: 7 } } as any);
+    if (url === '/jobapplications/analytics-overview') return Promise.resolve({ data: { funnel: [], responseRateBySource: [], topCompanies: [], totalResponses: 1, totalActive: 2 } } as any);
+    if (url === '/jobapplications/analytics' || url === '/jobapplications/tags') return Promise.resolve({ data: [] } as any);
+    if (url === '/jobapplications/tag-trends') return Promise.resolve({ data: { months: [], series: [] } } as any);
+    if (url === '/jobapplications/42') {
+      return Promise.resolve({ data: { id: 42, jobTitle: 'Backend Developer', status: 'Waiting', dateApplied: new Date().toISOString(), daysSince: 10, company: { name: 'Acme', recruiterEmail: 'maria@acme.test' }, tailoredCvText: 'Saved CV', coverLetterText: 'Saved cover letter', recruiterMessageDraft: 'Saved recruiter message', notes: 'Notes\n\n<<<APPLICATION_ANSWER_DRAFT>>>\nSaved answer\n<<<END_APPLICATION_ANSWER_DRAFT>>>', shortSummary: 'Strong backend match' } } as any);
+    }
+    if (url === '/jobapplications/43') {
+      return Promise.resolve({ data: { id: 43, jobTitle: 'Platform Engineer', status: 'Applied', dateApplied: new Date().toISOString(), daysSince: 4, company: { name: 'Beta', recruiterEmail: 'recruiter@beta.test' }, tailoredCvText: '', coverLetterText: '', recruiterMessageDraft: '', notes: '', shortSummary: 'Platform work' } } as any);
+    }
+    if (url === '/jobapplications/42/history' || url === '/jobapplications/43/history') return Promise.resolve({ data: [] } as any);
+    if (url === '/attachments/42' || url === '/attachments/43') return Promise.resolve({ data: [] } as any);
+    if (url === '/jobapplications/42/followup-draft') {
+      return Promise.resolve({ data: { subject: 'Re: Backend Developer application update', body: 'Hi Maria,\n\nFollow-up draft.\n\nThanks,\nDemo', reason: 'Follow-up due soon', suggestedSendOn: new Date().toISOString(), contextSummary: 'Saved application package material is available for reuse.', contextSignals: ['Saved cover letter available'], threadSubject: 'Backend Developer application update', lastCorrespondenceFrom: 'Maria Recruiter <maria@acme.test>', lastCorrespondenceAt: new Date().toISOString() } } as any);
+    }
+    return Promise.resolve({ data: [] } as any);
+  });
+}
+
+function LocationIndicator() {
+  const location = useLocation();
+  return <div data-testid="location-indicator">{location.pathname}{location.search}</div>;
+}
+
+function renderLoop(initialPath: string) {
+  return render(
+    <ToastProvider>
+      <I18nProvider>
+        <ConfirmProvider>
+          <PromptProvider>
+            <MemoryRouter initialEntries={[initialPath]}>
+              <LocationIndicator />
+              <Routes>
+                <Route path="/dashboard" element={<DashboardView />} />
+                <Route path="/reminders" element={<RemindersView />} />
+                <Route path="/jobs" element={<JobTable refreshToken={0} pageSize={15} onPageSizeChange={() => {}} columns={{ status: true, dateApplied: true, daysSince: true, jobUrl: false }} onColumnsChange={() => {}} mode="jobs" />} />
+              </Routes>
+            </MemoryRouter>
+          </PromptProvider>
+        </ConfirmProvider>
+      </I18nProvider>
+    </ToastProvider>,
+  );
+}
+
+beforeEach(() => {
+  window.localStorage.clear();
+  setupApiMocks();
+});
+
+afterEach(() => {
+  jest.clearAllMocks();
+});
+
+test('dashboard attention card opens follow-up workspace', async () => {
+  renderLoop('/dashboard');
+
+  expect(await screen.findByText(/needs follow-up/i)).toBeInTheDocument();
+  fireEvent.click(await screen.findByRole('button', { name: /follow up/i }));
+
+  expect(await screen.findByText(/follow-up context/i)).toBeInTheDocument();
+  expect(await screen.findByText(/saved cover letter available/i)).toBeInTheDocument();
+});
+
+test('reminders open action routes tailored-cv gaps into the tailored cv workspace', async () => {
+  renderLoop('/reminders');
+
+  expect(await screen.findByText(/missing tailored cv/i)).toBeInTheDocument();
+  const platformJob = await screen.findByText(/platform engineer/i);
+  const platformCard = platformJob.closest('.MuiPaper-root') ?? platformJob.parentElement?.parentElement;
+  expect(platformCard).toBeTruthy();
+  fireEvent.click(within(platformCard as HTMLElement).getByRole('button', { name: /open/i }));
+
+  await waitFor(() => {
+    expect(screen.getByTestId('location-indicator')).toHaveTextContent('/jobs');
+  });
+  expect(await screen.findByText(/build the package here, then save the working copy back onto this job/i)).toBeInTheDocument();
+});
+
+test('job table urgency chips route into the correct workspace tab', async () => {
+  renderLoop('/jobs');
+
+  const followUpChip = await screen.findByText(/follow up/i);
+  fireEvent.click(followUpChip);
+
+  await waitFor(() => {
+    expect(screen.getByText(/follow-up context/i)).toBeInTheDocument();
+  });
+});