import { test, expect } from '@playwright/test';
import { dismissFinished, openPausedCase, ensureRunning } from './helpers';

/**
 * Production smoke — manual only:
 *   PLAYWRIGHT_BASE_URL=http://127.0.0.1:3100 EXPECTED_COMMIT=4fcce5b npm run test:e2e:production
 */
test.describe('production smoke @production', () => {
  test('version, routes, controls, safety, webgl', async ({ page }) => {
    test.setTimeout(180_000);
    const expectedCommit = process.env.EXPECTED_COMMIT?.trim();
    const pageErrors: string[] = [];
    const failed: string[] = [];
    page.on('pageerror', (e) => pageErrors.push(String(e)));
    page.on('response', (r) => {
      if (r.status() >= 400 && r.url().includes(new URL(page.url()).host)) {
        failed.push(`${r.status()} ${r.url()}`);
      }
    });

    await page.goto('/?debug=1');
    const html = await page.content();
    const bundle = html.match(/index-[A-Za-z0-9_-]+\.js/)?.[0] ?? '';
    expect(bundle).toMatch(/^index-/);
    expect(bundle).not.toBe('index-CCdZzxPJ.js');

    const version = await page.evaluate(async () => {
      const r = await fetch('/version.json', { cache: 'no-store' });
      if (!r.ok) return null;
      return r.json();
    });
    expect(version, 'version.json missing').toBeTruthy();
    expect(version.commit).toMatch(/^[0-9a-f]{7,40}$/i);
    if (expectedCommit) {
      expect(version.commit).toBe(expectedCommit);
    }

    await expect(page.locator('canvas')).toBeVisible({ timeout: 60_000 });
    const webgl = await page.evaluate(() => {
      const c = document.createElement('canvas');
      const gl = c.getContext('webgl2') || c.getContext('webgl');
      if (!gl) return { ok: false, renderer: null as string | null };
      const dbg = gl.getExtension('WEBGL_debug_renderer_info');
      return {
        ok: true,
        renderer: dbg
          ? (gl.getParameter(dbg.UNMASKED_RENDERER_WEBGL) as string)
          : (gl.getParameter(gl.RENDERER) as string),
      };
    });
    expect(webgl.ok).toBe(true);

    await expect(page.getByTestId('demo-play').or(page.getByTestId('demo-pause'))).toBeVisible();
    await expect(page.getByTestId('demo-case-11')).toBeVisible();

    await dismissFinished(page);
    await page.getByTestId('demo-case-0').click({ force: true });
    await expect(page.getByTestId('demo-case-label')).toHaveText('1/12');

    // Jam / E-stop via shared helper (avoids finished-overlay races)
    await openPausedCase(page, 10, '1');
    await ensureRunning(page);
    await expect
      .poll(async () => {
        const status = (await page.getByTestId('demo-status').textContent()) ?? '';
        const command = (await page.getByTestId('demo-command').textContent()) ?? '';
        const warn =
          (await page.locator('.warning-text').first().textContent().catch(() => '')) ?? '';
        return `${status} ${command} ${warn}`;
      }, { timeout: 30_000 })
      .toMatch(/FAULT|JAM/i);

    await openPausedCase(page, 11, '1');
    await ensureRunning(page);
    await expect
      .poll(async () => {
        const status = (await page.getByTestId('demo-status').textContent()) ?? '';
        const command = (await page.getByTestId('demo-command').textContent()) ?? '';
        return `${status} ${command}`;
      }, { timeout: 30_000 })
      .toMatch(/EMERGENCY/i);

    await dismissFinished(page);
    const stop = page.getByTestId('demo-stop');
    if (await stop.isVisible().catch(() => false)) {
      await stop.click({ force: true });
    }
    await page.getByTestId('demo-case-0').click({ force: true });
    await expect(page.getByTestId('demo-case-label')).toHaveText('1/12');

    await page.goto('/details');
    await expect(page.locator('#root')).toBeVisible();
    await page.reload();
    await expect(page.locator('#root')).toBeVisible();

    await page.goto('/?debug=1');
    const version2 = await page.evaluate(async () => {
      const r = await fetch('/version.json', { cache: 'no-store' });
      return r.ok ? r.json() : null;
    });
    expect(version2?.commit).toBe(version.commit);

    expect(pageErrors, pageErrors.join('\n')).toEqual([]);
    const critical = failed.filter((f) => !f.includes('favicon'));
    expect(critical, critical.join('\n')).toEqual([]);

    test.info().annotations.push({
      type: 'webgl-renderer',
      description: webgl.renderer ?? 'unknown',
    });
  });
});