import { getGlobalVariable } from '../../utils/env';

import { ng } from '../../utils/process';

import { updateJsonFile, useCIDefaults } from '../../utils/project';

import { executeBrowserTest } from '../../utils/puppeteer';

export default async function () {

await ng('generate', 'app', 'test-project-two', '--no-standalone', '--skip-install');

await useCIDefaults('test-project-two');

// Make prod use JIT.

const useWebpackBuilder = !getGlobalVariable('argv')['esbuild'];

// Setup webpack builder if esbuild is not requested on the commandline

await updateJsonFile('angular.json', (json) => {

const build = json['projects']['test-project-two']['architect']['build'];

if (useWebpackBuilder) {

build.builder = '@angular-devkit/build-angular:browser';

build.options = {

...build.options,

main: build.options.browser,

browser: undefined,

buildOptimizer: false,

outputPath: 'dist/test-project-two',

index: 'src/index.html',

};

build.configurations.development = {

...build.configurations.development,

vendorChunk: true,

namedChunks: true,

};

}

// Remove bundle budgets due to the increased size from JIT

build.configurations.production = {

...build.configurations.production,

budgets: undefined,

};

build.options.aot = false;

const serve = json['projects']['test-project-two']['architect']['serve'];

serve.builder = '@angular-devkit/build-angular:dev-server';

});

// Test it works

await executeBrowserTest({ project: 'test-project-two', configuration: 'production' });

await executeBrowserTest({ project: 'test-project-two', configuration: 'development' });

}