Function executeBrowserTest

tests/e2e/utils/puppeteer.ts:13–93

(options: BrowserTestOptions = {})

}

export async function executeBrowserTest(options: BrowserTestOptions = {}) {
  let url = options.baseUrl;
  let hasStartedServer = false;

  try {
    if (!url) {
      // Start serving and find address (1 - Webpack; 2 - Vite)
      const match = /(?:open your browser on|Local:)\s+(http:\/\/localhost:\d+\/)/;
      const serveArgs = ['serve', '--port=0', '--no-watch', '--no-live-reload'];
      if (options.project) {
        serveArgs.push(options.project);
      }
      if (options.configuration) {
        serveArgs.push(`--configuration=${options.configuration}`);
      }

      const { stdout } = await execAndWaitForOutputToMatch('ng', serveArgs, match, {
        ...process.env,
        'NO_COLOR': '1',
      });
      url = stripVTControlCharacters(stdout).match(match)?.[1];
      if (!url) {
        throw new Error('Could not find serving URL');
      }
      hasStartedServer = true;
    }

    const browser = await launch({
      executablePath: process.env['CHROME_BIN'],
      headless: true,
      args: ['--no-sandbox'],
    });
    try {
      const page = await browser.newPage();

      // Capture errors
      const errors: string[] = [];
      page.on('console', (msg) => {
        if (msg.type() === 'error') {
          errors.push(msg.text());
        }
      });
      page.on('pageerror', (err) => {
        const error = `${err}`;
        if (!error.includes('Hot Module Replacement is disabled')) {
          errors.push(error);
        }
      });

      await page.goto(url);

      if (options.checkFn) {
        await options.checkFn(page);
      } else {
        // Default check: verify h1 content and no browser errors
        const expectedText = options.expectedTitleText || 'Hello, test-project';

        // Wait for the h1 element to appear and contain the expected text