// @ts-check
// Lightweight constrained-device regression: the browser's 4 GB profile must
// reduce shared batch concurrency before multiple audio/image operations run.
const { test, expect } = require('@playwright/test');

test('4 GB browser profile caps shared batch concurrency at two', async ({ page }) => {
  await page.goto('/', { waitUntil: 'domcontentloaded' });
  await page.waitForFunction(() => typeof window.runPool === 'function', null, { timeout: 15_000 });
  const maxActive = await page.evaluate(async () => {
    Object.defineProperty(navigator, 'deviceMemory', { configurable: true, value: 4 });
    let active = 0;
    let max = 0;
    await window.runPool(Array.from({ length: 8 }, (_, i) => i), async () => {
      active += 1;
      max = Math.max(max, active);
      await new Promise(resolve => setTimeout(resolve, 15));
      active -= 1;
    }, 4);
    return max;
  });
  expect(maxActive).toBeLessThanOrEqual(2);
});

test('large character productions keep the rendered DOM paginated', async ({ page }) => {
  const characters = Array.from({ length: 250 }, (_, index) => ({
    id: 'large-' + index, book: 'Large Smoke Book', name: 'Character ' + index,
    tags: '', voice: null, sheet: { gender: index % 2 ? 'F' : 'M' },
  }));
  await page.route('**/api/characters*', route => route.fulfill({ json: { characters } }));
  await page.route('**/api/voices*', route => route.fulfill({ json: [] }));
  await page.route('**/api/settings*', route => route.fulfill({ json: {} }));
  await page.goto('/', { waitUntil: 'domcontentloaded' });
  await page.waitForFunction(() => typeof window.libraryRenderCharacters === 'function', null, { timeout: 15_000 });
  await page.waitForSelector('#lib-chars-list', { state: 'attached', timeout: 15_000 });
  await page.waitForSelector('#app-skeleton', { state: 'detached', timeout: 15_000 });
  await page.evaluate(() => window.navTo('s-library'));
  await page.locator('.lib-tab[data-library-view="characters"]').click();
  await expect.poll(() => page.locator('#lib-chars-list .lib-char-card').count()).toBeLessThanOrEqual(50);
  await page.locator('#lib-chars-list .lib-chars-load-more').click();
  await expect.poll(() => page.locator('#lib-chars-list .lib-char-card').count()).toBeLessThanOrEqual(100);
});

test('desktop navigation remains usable under Chrome CPU throttling', async ({ page }, testInfo) => {
  test.skip(testInfo.project.name !== 'desktop', 'Chromium CDP throttling is a desktop measurement');
  const cdp = await page.context().newCDPSession(page);
  await cdp.send('Emulation.setCPUThrottlingRate', { rate: 4 });
  try {
    await page.goto('/', { waitUntil: 'domcontentloaded' });
    await page.waitForSelector('#app-skeleton', { state: 'detached', timeout: 20_000 });
    await page.evaluate(() => window.navTo('s-performance'));
    await expect(page.locator('#background-jobs-card')).toBeVisible({ timeout: 15_000 });
    const metrics = await page.evaluate(() => ({
      domNodes: document.getElementsByTagName('*').length,
      audioElements: document.querySelectorAll('audio').length,
      jsHeapBytes: performance.memory?.usedJSHeapSize || null,
    }));
    expect(metrics.domNodes).toBeLessThan(20_000);
    expect(metrics.audioElements).toBeLessThan(64);
  } finally {
    await cdp.send('Emulation.setCPUThrottlingRate', { rate: 1 }).catch(() => {});
    await cdp.detach().catch(() => {});
  }
});

test('voice library cache reuses fresh data and honors explicit refresh', async ({ page }) => {
  await page.goto('/', { waitUntil: 'domcontentloaded' });
  await page.waitForFunction(() => typeof window.fetchVoiceLibrary === 'function', null, { timeout: 15_000 });
  const result = await page.evaluate(async () => {
    sessionStorage.removeItem('ttsvc_voice_library_cache_v2');
    let calls = 0;
    const originalFetch = window.fetch;
    window.fetch = async (url, options) => {
      if (String(url).startsWith('/api/voices')) {
        calls += 1;
        return new Response(JSON.stringify([{ id: 'cached-voice' }]), { status: 200, headers: { 'Content-Type': 'application/json' } });
      }
      return originalFetch(url, options);
    };
    try {
      await window.fetchVoiceLibrary({ refresh: true });
      await window.fetchVoiceLibrary();
      await window.fetchVoiceLibrary({ refresh: true });
      return calls;
    } finally { window.fetch = originalFetch; }
  });
  expect(result).toBe(2);
});