import assert from 'node:assert/strict';
import { killAllProcesses } from '../../utils/process';
import { ngServe } from '../../utils/project';
import { executeBrowserTest } from '../../utils/puppeteer';

export default async function () {
  // Serve works without HMR
  const noHmrPort = await ngServe('--no-hmr');
  await verifyResponse(noHmrPort);
  await killAllProcesses();

  // Serve works with HMR
  const hmrPort = await ngServe('--hmr');
  await verifyResponse(hmrPort);

  await executeBrowserTest({ baseUrl: `http://localhost:${hmrPort}/` });
}

async function verifyResponse(port: number): Promise<void> {
  const indexResponse = await fetch(`http://localhost:${port}/`);
  assert.match(await indexResponse.text(), /<app-root><\/app-root>/);

  const assetResponse = await fetch(`http://localhost:${port}/favicon.ico`);
  assert(assetResponse.ok, 'Expected favicon asset to be available.');
}