import { setTimeout } from 'node:timers/promises';
import { getGlobalVariable } from '../../utils/env';
import { appendToFile } from '../../utils/fs';
import { waitForAnyProcessOutputToMatch } from '../../utils/process';
import { ngServe } from '../../utils/project';
import { expectToFail } from '../../utils/utils';

const webpackGoodRegEx = getGlobalVariable('argv')['esbuild']
  ? /Application bundle generation complete\./
  : / Compiled successfully\./;

export default async function () {
  await ngServe('--poll=10000');

  // Wait before editing a file.
  // Editing too soon seems to trigger a rebuild and throw polling out of whack.
  await setTimeout(3000);
  await appendToFile('src/main.ts', 'console.log(1);');

  // We have to wait poll time + rebuild build time for the regex match.
  await waitForAnyProcessOutputToMatch(webpackGoodRegEx, 14000);

  // No rebuilds should occur for a while
  await appendToFile('src/main.ts', 'console.log(1);');
  await expectToFail(() => waitForAnyProcessOutputToMatch(webpackGoodRegEx, 7000));

  // But a rebuild should happen roughly within the 10 second window.
  await waitForAnyProcessOutputToMatch(webpackGoodRegEx, 7000);
}