255 lines
11 KiB
TypeScript
255 lines
11 KiB
TypeScript
import React from 'react';
|
|
import '@testing-library/jest-dom';
|
|
import { fireEvent, render, screen, waitFor } from '@testing-library/react';
|
|
import { ConfirmProvider } from './confirm';
|
|
import { PromptProvider } from './prompt';
|
|
import { ToastProvider } from './toast';
|
|
import { I18nProvider } from './i18n/I18nProvider';
|
|
import JobDetailsDialog from './components/JobDetailsDialog';
|
|
import { api } from './api';
|
|
|
|
jest.setTimeout(15000);
|
|
|
|
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() } },
|
|
},
|
|
}));
|
|
|
|
const mockedApi = api as jest.Mocked<typeof api>;
|
|
|
|
function renderDialog() {
|
|
return render(
|
|
<ToastProvider>
|
|
<I18nProvider>
|
|
<ConfirmProvider>
|
|
<PromptProvider>
|
|
<JobDetailsDialog open jobId={42} onClose={() => {}} />
|
|
</PromptProvider>
|
|
</ConfirmProvider>
|
|
</I18nProvider>
|
|
</ToastProvider>,
|
|
);
|
|
}
|
|
|
|
beforeEach(() => {
|
|
Object.assign(navigator, {
|
|
clipboard: {
|
|
writeText: jest.fn().mockResolvedValue(undefined),
|
|
},
|
|
});
|
|
Object.assign(URL, {
|
|
createObjectURL: jest.fn().mockReturnValue('blob:preview-pdf'),
|
|
revokeObjectURL: jest.fn(),
|
|
});
|
|
|
|
mockedApi.get.mockImplementation((url: string) => {
|
|
if (url === '/jobapplications/42') {
|
|
return Promise.resolve({ data: {
|
|
id: 42,
|
|
jobTitle: 'Backend Developer',
|
|
status: 'Applied',
|
|
dateApplied: new Date().toISOString(),
|
|
daysSince: 3,
|
|
company: { name: 'Acme', recruiterEmail: 'recruiter@acme.test' },
|
|
tailoredCvText: 'Saved CV',
|
|
coverLetterText: 'Saved cover letter',
|
|
recruiterMessageDraft: 'Saved recruiter message',
|
|
notes: 'Original notes\n\n<<<APPLICATION_ANSWER_DRAFT>>>\nSaved application answer\n<<<END_APPLICATION_ANSWER_DRAFT>>>',
|
|
shortSummary: 'summary'
|
|
} } as any);
|
|
}
|
|
if (url === '/auth/me') {
|
|
return Promise.resolve({ data: { roles: [], avatarImageDataUrl: 'data:image/png;base64,avatar123' } } as any);
|
|
}
|
|
if (url === '/jobapplications/42/history') {
|
|
return Promise.resolve({ data: [] } as any);
|
|
}
|
|
if (url === '/attachments/42') {
|
|
return Promise.resolve({ data: [{ id: 9, fileName: 'resume.pdf', uploadDate: new Date().toISOString(), fileType: 'application/pdf', fileSize: 1234, purpose: 'resume', useForAi: true }] } as any);
|
|
}
|
|
if (url === '/jobapplications/42/tailored-cv-draft') {
|
|
return Promise.resolve({ data: {
|
|
id: 5,
|
|
canonicalProfileVersion: 3,
|
|
templateId: 'ats-minimal',
|
|
headline: 'Backend Engineer',
|
|
summary: ['Built APIs', 'Shipped backend work'],
|
|
selectedSkills: ['.NET', 'SQL'],
|
|
experience: [],
|
|
education: [],
|
|
customSections: [],
|
|
renderOptions: { showPhoto: false, pageMode: 'one-page', accentColor: 'slate', sectionOrder: ['summary', 'skills', 'experience', 'education', 'custom'], bulletDensity: 'balanced' },
|
|
generationContextHash: 'abc123',
|
|
lastGeneratedAtUtc: new Date().toISOString(),
|
|
lastEditedAtUtc: null,
|
|
status: 'generated',
|
|
renderedText: 'Backend Engineer\n\nProfessional Summary\n- Built APIs\n- Shipped backend work',
|
|
isLegacyFallback: false,
|
|
} } as any);
|
|
}
|
|
if (url === '/jobapplications/42/candidate-fit') {
|
|
return Promise.resolve({ data: { matchSummary: 'Strong fit summary', fitLevel: 'Strong match', matchScore: 84, strengths: ['.NET'], gaps: ['Kubernetes'], mention: [], avoid: [], cvImprovements: [], missingKeywords: [], interviewPrep: [], tailoredPitch: 'Pitch', guidance: { cv: [], coverLetter: [], interview: [], recruiterMessage: [] } } } as any);
|
|
}
|
|
if (url === '/jobapplications/42/focus-plan') {
|
|
return Promise.resolve({ data: { strategicSummary: 'Lead with backend delivery and measurable outcomes.', immediatePriorities: ['Highlight .NET ownership'], cvBulletIdeas: [], proofPointsToLeadWith: [], coverLetterAngles: [], followUpApproach: [] } } as any);
|
|
}
|
|
return Promise.resolve({ data: [] } as any);
|
|
});
|
|
|
|
mockedApi.post.mockImplementation((url: string, body?: any, config?: any) => {
|
|
if (url === '/jobapplications/42/generate-tailored-cv-draft') {
|
|
return Promise.resolve({ data: {
|
|
id: 5,
|
|
canonicalProfileVersion: 3,
|
|
templateId: 'ats-minimal',
|
|
headline: 'Senior Backend Engineer',
|
|
summary: ['Owned API delivery', 'Improved SQL workflows'],
|
|
selectedSkills: ['.NET', 'SQL', 'APIs'],
|
|
experience: [],
|
|
education: [],
|
|
customSections: [],
|
|
renderOptions: { showPhoto: false, pageMode: 'one-page', accentColor: 'slate', sectionOrder: ['summary', 'skills', 'experience', 'education', 'custom'], bulletDensity: 'balanced' },
|
|
generationContextHash: 'def456',
|
|
lastGeneratedAtUtc: new Date().toISOString(),
|
|
lastEditedAtUtc: null,
|
|
status: 'generated',
|
|
renderedText: 'Senior Backend Engineer\n\nProfessional Summary\n- Owned API delivery\n- Improved SQL workflows',
|
|
isLegacyFallback: false,
|
|
} } as any);
|
|
}
|
|
if (url === '/jobapplications/42/tailored-cv-preview') {
|
|
return Promise.resolve({ data: {
|
|
templateId: body?.templateId ?? 'ats-minimal',
|
|
suggestedFileName: `${body?.templateId ?? 'ats-minimal'}.pdf`,
|
|
html: `<html><body data-template="${body?.templateId ?? 'ats-minimal'}" data-accent="${body?.renderOptions?.accentColor ?? ''}" data-photo="${body?.useProfileAvatar ? 'profile' : 'custom'}"></body></html>`,
|
|
} } as any);
|
|
}
|
|
if (url === '/jobapplications/42/export-tailored-cv-pdf') {
|
|
return Promise.resolve({ data: new Blob(['pdf'], { type: 'application/pdf' }) } as any);
|
|
}
|
|
if (url === '/jobapplications/42/generate-application-package') {
|
|
return Promise.resolve({ data: { tailoredCvText: 'Generated package CV', coverLetterDraft: 'Draft letter', applicationAnswerDraft: 'Draft answer', recruiterMessageDraft: 'Recruiter hello', keyPoints: ['Lead with .NET'], attachmentSignals: [], attachmentFilesUsed: [], coverLetterVariants: ['Variant A'], recruiterMessageVariants: ['Variant B'] } } as any);
|
|
}
|
|
return Promise.resolve({ data: {} } as any);
|
|
});
|
|
|
|
mockedApi.put.mockResolvedValue({ data: {} } as any);
|
|
});
|
|
|
|
afterEach(() => {
|
|
jest.clearAllMocks();
|
|
});
|
|
|
|
test('tailored cv tab loads, regenerates, and saves the structured tailored draft', async () => {
|
|
renderDialog();
|
|
|
|
fireEvent.click(await screen.findByRole('tab', { name: /tailored cv/i }));
|
|
|
|
expect(await screen.findByDisplayValue('Backend Engineer')).toBeInTheDocument();
|
|
expect((await screen.findByLabelText('Summary bullets')) as HTMLInputElement).toHaveValue('Built APIs\nShipped backend work');
|
|
|
|
fireEvent.click(screen.getByRole('button', { name: /generate tailored draft/i }));
|
|
|
|
expect(await screen.findByDisplayValue('Senior Backend Engineer')).toBeInTheDocument();
|
|
const headline = screen.getByDisplayValue('Senior Backend Engineer');
|
|
fireEvent.change(headline, { target: { value: 'Principal Backend Engineer' } });
|
|
|
|
fireEvent.click(screen.getByRole('button', { name: /save tailored draft/i }));
|
|
|
|
await waitFor(() => {
|
|
expect(mockedApi.put).toHaveBeenCalledWith('/jobapplications/42/tailored-cv-draft', expect.objectContaining({
|
|
headline: 'Principal Backend Engineer',
|
|
summary: ['Owned API delivery', 'Improved SQL workflows'],
|
|
selectedSkills: ['.NET', 'SQL', 'APIs'],
|
|
status: 'edited',
|
|
}));
|
|
});
|
|
|
|
expect(mockedApi.put).not.toHaveBeenCalledWith('/jobapplications/42/tailored-cv', expect.anything());
|
|
});
|
|
|
|
test('application package drafts save separately from the tailored cv draft', async () => {
|
|
renderDialog();
|
|
|
|
fireEvent.click(await screen.findByRole('tab', { name: /tailored cv/i }));
|
|
fireEvent.click(await screen.findByRole('button', { name: /generate application package/i }));
|
|
|
|
const coverLetter = await screen.findByDisplayValue('Draft letter');
|
|
const applicationAnswer = await screen.findByDisplayValue('Draft answer');
|
|
const recruiterMessage = await screen.findByDisplayValue('Recruiter hello');
|
|
|
|
fireEvent.change(coverLetter, { target: { value: 'Edited cover letter' } });
|
|
fireEvent.change(applicationAnswer, { target: { value: 'Edited answer' } });
|
|
fireEvent.change(recruiterMessage, { target: { value: 'Edited recruiter note' } });
|
|
|
|
fireEvent.click(screen.getByRole('button', { name: /save package drafts/i }));
|
|
|
|
await waitFor(() => {
|
|
expect(mockedApi.put).toHaveBeenCalledWith('/jobapplications/42/application-drafts', {
|
|
coverLetterText: 'Edited cover letter',
|
|
notes: 'Original notes\n\n<<<APPLICATION_ANSWER_DRAFT>>>\nEdited answer\n<<<END_APPLICATION_ANSWER_DRAFT>>>',
|
|
recruiterMessageDraft: 'Edited recruiter note',
|
|
});
|
|
});
|
|
});
|
|
|
|
test('template switching refreshes preview and export uses the selected template payload', async () => {
|
|
renderDialog();
|
|
|
|
fireEvent.click(await screen.findByRole('tab', { name: /tailored cv/i }));
|
|
|
|
const comboboxes = await screen.findAllByRole('combobox');
|
|
fireEvent.mouseDown(comboboxes[1]);
|
|
fireEvent.click(await screen.findByRole('option', { name: 'Harvard' }));
|
|
|
|
const accent = screen.getByLabelText('Accent');
|
|
fireEvent.change(accent, { target: { value: '#123456' } });
|
|
|
|
fireEvent.click(screen.getByRole('button', { name: /preview pdf layout/i }));
|
|
|
|
await waitFor(() => {
|
|
expect(mockedApi.post).toHaveBeenCalledWith('/jobapplications/42/tailored-cv-preview', expect.objectContaining({
|
|
templateId: 'harvard',
|
|
renderOptions: expect.objectContaining({ accentColor: '#123456' }),
|
|
useProfileAvatar: true,
|
|
}));
|
|
});
|
|
|
|
expect(await screen.findByTitle('Tailored CV preview')).toBeInTheDocument();
|
|
|
|
const appendChildSpy = jest.spyOn(document.body, 'appendChild');
|
|
const removeSpy = jest.spyOn(HTMLAnchorElement.prototype, 'remove').mockImplementation(() => {});
|
|
const clickSpy = jest.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(() => {});
|
|
|
|
fireEvent.click(screen.getByRole('button', { name: /download pdf/i }));
|
|
|
|
await waitFor(() => {
|
|
expect(mockedApi.post).toHaveBeenCalledWith('/jobapplications/42/export-tailored-cv-pdf', expect.objectContaining({
|
|
templateId: 'harvard',
|
|
renderOptions: expect.objectContaining({ accentColor: '#123456' }),
|
|
}), expect.objectContaining({ responseType: 'blob' }));
|
|
expect(URL.createObjectURL).toHaveBeenCalled();
|
|
expect(clickSpy).toHaveBeenCalled();
|
|
});
|
|
|
|
appendChildSpy.mockRestore();
|
|
removeSpy.mockRestore();
|
|
clickSpy.mockRestore();
|
|
});
|
|
|
|
test('strategy snapshot can be generated from overview', async () => {
|
|
renderDialog();
|
|
|
|
expect(await screen.findByRole('button', { name: /generate strategy snapshot/i })).toBeInTheDocument();
|
|
fireEvent.click(screen.getByRole('button', { name: /generate strategy snapshot/i }));
|
|
|
|
expect(await screen.findByText(/lead with backend delivery and measurable outcomes/i)).toBeInTheDocument();
|
|
expect(await screen.findByText(/highlight \.net ownership/i)).toBeInTheDocument();
|
|
});
|