cesnimda
acf60c2a07
Wave 6. Swaps react-scripts' build/dev tooling for Next.js while keeping the app's actual routing/rendering model unchanged -- the app is almost entirely behind auth with no proven SSR/SEO need, so a real App Router rewrite would touch ~90 files for zero user-visible benefit. - next.config.js: output:'export' (static HTML+JS, same "single index.html served by nginx with try_files fallback" deploy as CRA). - app/layout.tsx + app/page.tsx: root shell ports public/index.html's <head>, mounts the whole existing App tree client-only (ssr:false) since it reads window/localStorage during initial render and Next's static prerender would otherwise execute that on the server. - Renamed src/pages/ -> src/views/ (Next's Pages Router auto-detects any `pages/` dir under the app root and tried to build our React Router page components as its own routes). - REACT_APP_* -> NEXT_PUBLIC_* across code, .env.development, Dockerfile, docker-compose.yml build args. - Replaced the CRA SVGR import (`ReactComponent` from .svg, unsupported under Turbopack) with a small inline JobbjaktMark component. - TypeScript 4.9 -> 5.9 (MUI v8's type-checked build needs syntax 4.9's parser rejects; CRA never hit this because babel doesn't type-check). - Dropped CRA-only files (index.tsx, reportWebVitals, react-app-env.d.ts, public/index.html); kept react-scripts as the Jest test runner only (next/jest migration not needed -- the existing config already works). Verified: `next build` static export succeeds, `next dev` serves the landing page and client-side routes (login etc.) correctly, all 57 frontend tests + 172 backend tests still green. Known caveat: deep-linking straight to a sub-route (e.g. /login) 404s in `next dev` since there's no server route for it -- the app only ever mounts at "/". Production is unaffected: nginx's existing try_files fallback still serves index.html for any path.
106 lines
3.3 KiB
TypeScript
106 lines
3.3 KiB
TypeScript
import React from 'react';
|
|
import '@testing-library/jest-dom';
|
|
import { fireEvent, render, screen, waitFor } from '@testing-library/react';
|
|
import { MemoryRouter } from 'react-router-dom';
|
|
import { ToastProvider } from './toast';
|
|
import { I18nProvider } from './i18n/I18nProvider';
|
|
import GmailReviewPage from './views/GmailReviewPage';
|
|
import { api } from './api';
|
|
|
|
jest.mock('./api', () => ({
|
|
api: {
|
|
get: jest.fn(),
|
|
post: jest.fn(),
|
|
put: jest.fn(),
|
|
patch: jest.fn(),
|
|
delete: jest.fn(),
|
|
interceptors: { request: { use: jest.fn() }, response: { use: jest.fn() } },
|
|
},
|
|
getApiErrorMessage: (error: any, fallback?: string) => fallback || 'Request failed.',
|
|
}));
|
|
|
|
const mockedApi = api as jest.Mocked<typeof api>;
|
|
|
|
function renderPage() {
|
|
return render(
|
|
<ToastProvider>
|
|
<I18nProvider>
|
|
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
|
|
<GmailReviewPage />
|
|
</MemoryRouter>
|
|
</I18nProvider>
|
|
</ToastProvider>,
|
|
);
|
|
}
|
|
|
|
describe('GmailReviewPage', () => {
|
|
beforeEach(() => {
|
|
mockedApi.get.mockImplementation((url: string) => {
|
|
if (url === '/gmail/review-candidates') {
|
|
return Promise.resolve({
|
|
data: {
|
|
queries: ['"Acme" "Backend Developer" newer_than:365d'],
|
|
candidateThreadCount: 2,
|
|
autoLinkThreadCount: 1,
|
|
reviewThreadCount: 1,
|
|
unmatchedThreadCount: 0,
|
|
threads: [
|
|
{
|
|
threadId: 'thread-1',
|
|
subject: 'Backend Developer interview',
|
|
latestDate: new Date().toISOString(),
|
|
messageCount: 2,
|
|
routing: 'review',
|
|
hasImportedMessages: false,
|
|
matchedQueries: ['"Acme" "Backend Developer" newer_than:365d'],
|
|
jobCandidates: [
|
|
{ jobApplicationId: 42, jobTitle: 'Backend Developer', companyName: 'Acme', score: 24, confidence: 'medium', reasons: [{ label: 'company', value: 'Acme', points: 18 }] },
|
|
],
|
|
messages: [],
|
|
},
|
|
],
|
|
},
|
|
} as any);
|
|
}
|
|
|
|
if (url === '/gmail/suggested-jobs') {
|
|
return Promise.resolve({ data: { count: 0, items: [] } } as any);
|
|
}
|
|
|
|
return Promise.resolve({ data: {} } as any);
|
|
});
|
|
});
|
|
|
|
afterEach(() => {
|
|
jest.clearAllMocks();
|
|
});
|
|
|
|
test('renders Gmail review queue summary and candidate threads', async () => {
|
|
renderPage();
|
|
|
|
expect(await screen.findByText(/gmail review queue/i)).toBeInTheDocument();
|
|
expect(await screen.findByText(/2 candidate threads/i)).toBeInTheDocument();
|
|
expect(screen.getByText(/backend developer interview/i)).toBeInTheDocument();
|
|
expect(screen.getByText(/acme • backend developer \(24\)/i)).toBeInTheDocument();
|
|
|
|
await waitFor(() => {
|
|
expect(mockedApi.get).toHaveBeenCalledWith('/gmail/review-candidates');
|
|
});
|
|
});
|
|
|
|
test('persists a review decision for the top job', async () => {
|
|
renderPage();
|
|
|
|
fireEvent.click(await screen.findByRole('button', { name: /link top job/i }));
|
|
|
|
await waitFor(() => {
|
|
expect(mockedApi.post).toHaveBeenCalledWith('/gmail/review-decision', {
|
|
threadId: 'thread-1',
|
|
decision: 'linked',
|
|
jobApplicationId: 42,
|
|
note: null,
|
|
});
|
|
});
|
|
});
|
|
});
|