import type { Page } from 'puppeteer';
import { writeMultipleFiles } from '../../../utils/fs';
import { silentNg } from '../../../utils/process';

export async function libraryConsumptionSetup(): Promise<void> {
  await silentNg('generate', 'library', 'my-lib');

  // Force an external template
  await writeMultipleFiles({
    'projects/my-lib/src/lib/my-lib.html': `<p>my-lib works!</p>`,
    'projects/my-lib/src/lib/my-lib.ts': `import { Component } from '@angular/core';

    @Component({
      selector: 'lib-my-lib',
      templateUrl: './my-lib.html',
    })
    export class MyLibComponent {}`,
    './src/app/app.ts': `
    import { Component } from '@angular/core';
    import { MyLibComponent } from 'my-lib';

    @Component({
      selector: 'app-root',
      template: '<lib-my-lib></lib-my-lib>',
      imports: [MyLibComponent],
    })
    export class App {
      title = 'test-project';

      constructor() {
      }
    }
  `,
  });
}

export async function browserCheck(page: Page): Promise<void> {
  await page.waitForFunction(
    () =>
      !!(globalThis as any).document
        .querySelector('lib-my-lib p')
        ?.textContent?.includes('my-lib works!'),
    { timeout: 10000 },
  );
}