import { getGlobalVariable } from '../../utils/env';
import { writeMultipleFiles } from '../../utils/fs';
import { ng } from '../../utils/process';
import { updateJsonFile } from '../../utils/project';
import { expectToFail } from '../../utils/utils';

export default async function () {
  // TODO(architect): Delete this test. It is now in devkit/build-angular.

  await ng('test', '--watch=false');

  // prepare global scripts test files
  await writeMultipleFiles({
    'src/string-script.js': `globalThis.stringScriptGlobal = 'string-scripts.js';`,
    'src/input-script.js': `globalThis.inputScriptGlobal = 'input-scripts.js';`,
    'src/typings.d.ts': `
      declare var stringScriptGlobal: any;
      declare var inputScriptGlobal: any;
    `,
    'src/app/app.ts': `
      import { Component } from '@angular/core';

      @Component({ selector: 'app-root', template: '', standalone: false })
      export class App {
        stringScriptGlobalProp = stringScriptGlobal;
        inputScriptGlobalProp = inputScriptGlobal;
      }
    `,
    'src/app/app.spec.ts': `
      import { TestBed } from '@angular/core/testing';
      import { App } from './app';

      describe('App', () => {
        beforeEach(() => TestBed.configureTestingModule({
          declarations: [App]
        }));

        it('should have access to string-script.js', () => {
          let app = TestBed.createComponent(App).debugElement.componentInstance;
          expect(app.stringScriptGlobalProp).toEqual('string-scripts.js');
        });

        it('should have access to input-script.js', () => {
          let app = TestBed.createComponent(App).debugElement.componentInstance;
          expect(app.inputScriptGlobalProp).toEqual('input-scripts.js');
        });
      });

      describe('Spec', () => {
        it('should have access to string-script.js', () => {
          expect(stringScriptGlobal).toBe('string-scripts.js');
        });

        it('should have access to input-script.js', () => {
          expect(inputScriptGlobal).toBe('input-scripts.js');
        });
      });
    `,
  });

  // should fail because the global scripts were not added to scripts array
  await expectToFail(() => ng('test', '--watch=false'));

  const isWebpack = !getGlobalVariable('argv')['esbuild'];
  await updateJsonFile('angular.json', (workspaceJson) => {
    const appArchitect = workspaceJson.projects['test-project'].architect;
    appArchitect[isWebpack ? 'test' : 'build'].options.scripts = [
      { input: 'src/string-script.js' },
      { input: 'src/input-script.js' },
    ];
  });

  // should pass now
  await ng('test', '--watch=false');
}