cesnimda
149 lines
10 KiB
TypeScript
149 lines
10 KiB
TypeScript
import { expect, test, type APIRequestContext, type Page } from '@playwright/test';
|
|
import { translations } from '../src/i18n/translations';
|
|
import { emptyStructuredCv } from '../src/profileCv';
|
|
import AxeBuilder from '@axe-core/playwright';
|
|
|
|
const api = 'http://localhost:5302/api';
|
|
const password = 'E2ePassword123!';
|
|
|
|
async function login(request: APIRequestContext, email: string) {
|
|
expect((await request.post(`${api}/auth/login`, { data: { email, password } })).status()).toBe(200);
|
|
const me = await (await request.get(`${api}/auth/me`)).json();
|
|
return { 'X-CSRF-TOKEN': (await request.storageState()).cookies.find(cookie => cookie.name === 'XSRF-TOKEN')!.value,
|
|
'X-Session-Context': me.sessionContext as string };
|
|
}
|
|
|
|
async function owner(page: Page, admin: APIRequestContext, language: 'en' | 'nb' = 'en') {
|
|
const adminHeaders = await login(admin, 'e2e@example.test');
|
|
const email = `pre-p10-${Date.now()}-${Math.random().toString(36).slice(2)}@example.test`;
|
|
expect((await admin.post(`${api}/users`, { headers: adminHeaders, data: { email, password, roles: [] } })).status()).toBe(200);
|
|
const headers = await login(page.request, email);
|
|
const profile = { ...emptyStructuredCv(), contact: { ...emptyStructuredCv().contact,
|
|
fullName: 'Canonical Identity Marker', headline: 'Canonical Headline Marker', email: 'canonical-contact@example.test' },
|
|
summary: ['Canonical Summary Marker'], jobs: [{ id: 'pre-p10-job', title: 'Canonical Role Marker', company: 'Synthetic Employer', bullets: ['Canonical Detail Marker'] }] };
|
|
const before = await (await page.request.get(`${api}/career/profile`)).json();
|
|
expect((await page.request.put(`${api}/career/profile`, { headers, data: { expectedVersion: before.revision, profile } })).status()).toBe(200);
|
|
expect((await page.request.put(`${api}/auth/preferences/language`, { headers, data: { language: language === 'nb' ? 'nb-NO' : 'en' } })).status()).toBe(204);
|
|
await page.addInitScript(language => { localStorage.setItem('uiLanguage', language); localStorage.setItem('jobtracker.themeMode', 'light'); }, language);
|
|
await page.setViewportSize({ width: language === 'nb' ? 390 : 1440, height: 1000 });
|
|
return headers;
|
|
}
|
|
|
|
test.beforeEach(async ({ context }) => {
|
|
await context.route('**/*', route => {
|
|
const url = new URL(route.request().url());
|
|
return ['localhost', '127.0.0.1'].includes(url.hostname) || ['data:', 'blob:', 'about:'].includes(url.protocol)
|
|
? route.continue() : route.abort();
|
|
});
|
|
});
|
|
|
|
for (const language of ['en', 'nb'] as const) {
|
|
test(`[PRE-P10 A] ${language} blank CV survives rename, reload, template apply and empty export validation`, async ({ page, playwright }, info) => {
|
|
test.setTimeout(180_000);
|
|
const t = translations[language];
|
|
const admin = await playwright.request.newContext();
|
|
let headers: Record<string, string>;
|
|
try { headers = await owner(page, admin, language); } finally { await admin.dispose(); }
|
|
const sourceBefore = await (await page.request.get(`${api}/career/profile`)).json();
|
|
await page.goto('/career/builder');
|
|
await page.getByRole('button', { name: t.cvDashboardNewCv, exact: true }).click();
|
|
const dialog = page.getByRole('dialog', { name: t.cvDashboardCreateTitle, exact: true });
|
|
await expect(dialog).toBeVisible();
|
|
await dialog.getByRole('radio', { name: t.cvDashboardStartBlank, exact: true }).check();
|
|
await expect(dialog.getByRole('radio', { name: t.cvDashboardStartBlank, exact: true })).toBeChecked();
|
|
const dialogAxe = await new AxeBuilder({ page }).include('[role="dialog"]').withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa']).analyze();
|
|
await info.attach('create-dialog-axe', { body: JSON.stringify({ violations: dialogAxe.violations, incomplete: dialogAxe.incomplete }), contentType: 'application/json' });
|
|
expect(dialogAxe.violations).toEqual([]);
|
|
await dialog.getByLabel(t.cvEditorName, { exact: false }).fill('New blank CV');
|
|
const createdResponse = page.waitForResponse(response => response.url() === `${api}/cv/variants` && response.request().method() === 'POST');
|
|
await dialog.getByRole('button', { name: t.cvDashboardCreateCv, exact: true }).click();
|
|
const response = await createdResponse;
|
|
expect(response.status()).toBe(200);
|
|
const created = await response.json();
|
|
await expect(page).toHaveURL(new RegExp(`/career/builder/${created.id}$`));
|
|
const read = async () => (await page.request.get(`${api}/cv/variants/${created.id}`)).json();
|
|
const assertBlank = async () => {
|
|
const saved = await read();
|
|
expect(saved.settings).toMatchObject({ sectionsExplicit: true, includeProfileContact: false, sections: [] });
|
|
const preview = await page.request.get(`${api}/cv/variants/${created.id}/preview`);
|
|
expect(preview.status()).toBe(200);
|
|
const rendered = await preview.json();
|
|
for (const marker of ['Canonical Identity Marker', 'Canonical Headline Marker', 'Canonical Summary Marker', 'Canonical Role Marker', 'canonical-contact@example.test']) {
|
|
expect(rendered.html.includes(marker), `Blank CV must not inherit ${marker}`).toBe(false);
|
|
}
|
|
return saved;
|
|
};
|
|
await expect(page.getByText(t.cvEditorEmptyBody, { exact: true })).toBeVisible();
|
|
await assertBlank();
|
|
await page.getByLabel(t.cvEditorName, { exact: true }).fill('Saved empty CV');
|
|
await expect.poll(async () => (await read()).name).toBe('Saved empty CV');
|
|
await page.reload();
|
|
await expect(page.getByLabel(t.cvEditorName, { exact: true })).toHaveValue('Saved empty CV');
|
|
await expect(page.getByRole('checkbox', { name: t.cvEditorIncludeProfileContact, exact: true })).not.toBeChecked();
|
|
await assertBlank();
|
|
await page.getByRole('tab', { name: t.cvEditorTemplate, exact: true }).click();
|
|
await page.getByRole('button', { name: t.cvTemplateMinimalName, exact: true }).click();
|
|
await page.getByRole('button', { name: t.cvEditorApplyTemplate, exact: true }).click();
|
|
await expect.poll(async () => (await read()).settings.themeId).toBe('minimal');
|
|
await assertBlank();
|
|
await page.getByRole('tab', { name: t.cvEditorContent, exact: true }).click();
|
|
const editorAxe = await new AxeBuilder({ page }).include('#cv-studio-panel-1').withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa']).analyze();
|
|
await info.attach('blank-content-axe', { body: JSON.stringify({ violations: editorAxe.violations, incomplete: editorAxe.incomplete }), contentType: 'application/json' });
|
|
expect(editorAxe.violations).toEqual([]);
|
|
const exportResponse = page.waitForResponse(response => new URL(response.url()).pathname === `/api/cv/variants/${created.id}/export-pdf` && response.request().method() === 'POST');
|
|
await page.getByRole('button', { name: t.cvEditorDownloadPdf, exact: true }).click();
|
|
const exported = await exportResponse;
|
|
expect(exported.status()).toBe(400);
|
|
expect(await exported.json()).toEqual({ code: 'cv_empty_content' });
|
|
await expect(page.getByText(t.cvEmptyContent, { exact: true })).toBeVisible();
|
|
const saved = await assertBlank();
|
|
const independent = await page.request.post(`${api}/cv/variants/${created.id}/export-pdf?expectedVersion=${saved.version}`, { headers });
|
|
expect(independent.status()).toBe(400);
|
|
expect(await independent.json()).toEqual({ code: 'cv_empty_content' });
|
|
expect(await (await page.request.get(`${api}/career/profile`)).json()).toEqual(sourceBefore);
|
|
expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth + 1)).toBe(true);
|
|
await info.attach('blank-roundtrip', { body: JSON.stringify({ language, created, saved, exportStatus: exported.status(), sourceUnchanged: true }), contentType: 'application/json' });
|
|
await page.screenshot({ path: info.outputPath('blank-roundtrip.png'), fullPage: true });
|
|
});
|
|
|
|
test(`[PRE-P10 A] ${language} document undo and both redo shortcuts preserve native text undo`, async ({ page, playwright }, info) => {
|
|
test.setTimeout(180_000);
|
|
const t = translations[language];
|
|
const admin = await playwright.request.newContext();
|
|
let headers: Record<string, string>;
|
|
try { headers = await owner(page, admin, language); } finally { await admin.dispose(); }
|
|
const response = await page.request.post(`${api}/cv/variants`, { headers, data: { name: 'Keyboard undo runtime reproduction', settings: { themeId: 'minimal', sections: [{ key: 'summary' }, { key: 'experience' }] } } });
|
|
expect(response.status()).toBe(200);
|
|
const cv = await response.json();
|
|
await page.goto(`/career/builder/${cv.id}`);
|
|
const headline = page.getByLabel(t.cvEditorHeadlineOverride, { exact: true });
|
|
await expect(headline).toBeVisible();
|
|
const readOrder = async () => (await (await page.request.get(`${api}/cv/variants/${cv.id}`)).json()).settings.sections.slice(0, 2).map((section: { key: string }) => section.key);
|
|
await page.getByRole('button', { name: t.cvEditorMoveSectionDown.replace('{section}', t.cvSectionSummary), exact: true }).click();
|
|
const undo = page.getByRole('button', { name: t.cvEditorUndo, exact: true });
|
|
const redo = page.getByRole('button', { name: t.cvEditorRedo, exact: true });
|
|
await expect(undo).toBeEnabled();
|
|
await expect.poll(readOrder).toEqual(['experience', 'summary']);
|
|
for (const shortcut of ['Control+z', 'Control+y', 'Control+z', 'Control+Shift+z']) {
|
|
const reverting = shortcut === 'Control+z';
|
|
await (reverting ? undo : redo).focus();
|
|
await page.keyboard.press(shortcut);
|
|
await expect.poll(readOrder, { message: shortcut }).toEqual(reverting ? ['summary', 'experience'] : ['experience', 'summary']);
|
|
}
|
|
await headline.focus();
|
|
await headline.pressSequentially('Native input marker');
|
|
await expect(headline).toHaveValue('Native input marker');
|
|
await page.evaluate(() => { document.addEventListener('keydown', event => {
|
|
if (event.ctrlKey && event.key.toLowerCase() === 'z') document.documentElement.dataset.nativeUndoPrevented = String(event.defaultPrevented);
|
|
}); });
|
|
await page.keyboard.press('Control+z');
|
|
await expect(headline).not.toHaveValue('Native input marker');
|
|
await expect(headline).toBeFocused();
|
|
expect(await page.evaluate(() => document.documentElement.dataset.nativeUndoPrevented)).toBe('false');
|
|
expect(await readOrder()).toEqual(['experience', 'summary']);
|
|
expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth + 1)).toBe(true);
|
|
await info.attach('shortcut-roundtrip', { body: JSON.stringify({ language, finalOrder: await readOrder(), nativeInputValue: await headline.inputValue(), nativeUndoPrevented: false }), contentType: 'application/json' });
|
|
await page.screenshot({ path: info.outputPath('shortcut-roundtrip.png'), fullPage: true });
|
|
});
|
|
}
|