import { expect, test } from '@playwright/test';
import fs from 'node:fs/promises';
import path from 'node:path';
import { createHash } from 'node:crypto';
import { templateFixtures, templateProfile } from './pre-p10-template-fixtures';

const api = 'http://localhost:5302/api';
const baseline = path.resolve('../.artifacts/pre-phase10-ux/templates-legacy');
const output = path.resolve(process.env.CV_TEMPLATE_OUTPUT || '../.artifacts/pre-phase10-ux/templates-revised-01');
const hash = (text: string) => createHash('sha256').update(text).digest('hex');
// The existing avatar endpoint now normalizes image pixels with Skia. Retain font data
// verbatim; exclude only embedded image payload bytes when comparing document markup.
const normalizeAvatar = (html: string) => html.replace(/data:image\/(?:png|jpeg|webp);base64,[A-Za-z0-9+/=]+/g, 'data:image/normalized-avatar');

test('[PRE-P10 B] existing design-one markup, CSS and source markers survive design-two additions', async ({ request }, info) => {
  test.setTimeout(180_000);
  expect((await request.post(`${api}/auth/login`, { data: { email: 'e2e@example.test', password: 'E2ePassword123!' } })).status()).toBe(200);
  const me = await (await request.get(`${api}/auth/me`)).json();
  const headers = { 'X-CSRF-TOKEN': (await request.storageState()).cookies.find(cookie => cookie.name === 'XSRF-TOKEN')!.value, 'X-Session-Context': me.sessionContext as string };
  const avatar = await fs.readFile(path.join(baseline, 'synthetic-nonhuman-color-sample.png'));
  expect((await request.post(`${api}/auth/avatar`, { headers, multipart: { file: { name: 'synthetic-nonhuman.png', mimeType: 'image/png', buffer: avatar } } })).status()).toBe(200);
  const themes = await (await request.get(`${api}/cv/themes`)).json();
  const results = [];
  await fs.mkdir(path.join(output, 'legacy-current'), { recursive: true });
  for (const sample of templateFixtures) {
    const { profile } = templateProfile(sample);
    const source = await (await request.get(`${api}/career/profile`)).json();
    expect((await request.put(`${api}/career/profile`, { headers, data: { expectedVersion: source.revision, profile } })).status()).toBe(200);
    for (const theme of themes) {
      const fixture = `${sample.key}-${theme.id}`;
      const created = await request.post(`${api}/cv/variants`, { headers, data: { name: fixture, settings: { themeId: theme.id, language: sample.language, showPhoto: true, showIcons: true } } });
      expect(created.status(), fixture).toBe(200);
      const variant = await created.json();
      const response = await request.get(`${api}/cv/variants/${variant.id}/preview`);
      expect(response.status(), fixture).toBe(200);
      const current = (await response.json()).html as string;
      const original = await fs.readFile(path.join(baseline, fixture, 'render.html'), 'utf8');
      const style = (html: string) => html.match(/<style>([\s\S]*?)<\/style>/)![1];
      const body = (html: string) => html.match(/<body>([\s\S]*?)<\/body>/)![1];
      const originalMarkers = body(original).match(/\b[SEBPR]\d{2}\b/g);
      const currentMarkers = body(current).match(/\b[SEBPR]\d{2}\b/g);
      const measured = { fixture, rawOriginalHash: hash(original), rawCurrentHash: hash(current),
        normalizedOriginalHash: hash(normalizeAvatar(original)), normalizedCurrentHash: hash(normalizeAvatar(current)),
        originalCssHash: hash(style(original)), currentCssHash: hash(style(current)),
        originalBodyHash: hash(normalizeAvatar(body(original))), currentBodyHash: hash(normalizeAvatar(body(current))),
        markersEqual: JSON.stringify(currentMarkers) === JSON.stringify(originalMarkers) };
      results.push(measured);
      await fs.writeFile(path.join(output, 'legacy-current', `${fixture}.html`), current);
      await fs.writeFile(path.join(output, 'legacy-preservation.json'), JSON.stringify({
        normalization: 'Only data:image/{png,jpeg,webp};base64 payload bytes excluded because the upload pipeline now reencodes the synthetic avatar with Skia. Font resources, CSS and all other HTML bytes remain exact.', fixtures: results }, null, 2));
      expect.soft(measured.normalizedCurrentHash, `${fixture} normalized full HTML`).toBe(measured.normalizedOriginalHash);
      expect.soft(measured.currentCssHash, `${fixture} exact CSS including embedded licensed fonts`).toBe(measured.originalCssHash);
      expect.soft(measured.currentBodyHash, `${fixture} body excluding avatar bytes`).toBe(measured.originalBodyHash);
      expect.soft(measured.markersEqual, `${fixture} marker order`).toBe(true);
    }
  }
  expect(results).toHaveLength(36);
  await info.attach('legacy-preservation', { path: path.join(output, 'legacy-preservation.json'), contentType: 'application/json' });
});