import express from 'express';

import * as path from 'node:path';

import { copyProjectAsset } from '../../utils/assets';

import { appendToFile, createDir, replaceInFile, writeFile } from '../../utils/fs';

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

import { installPackage } from '../../utils/packages';

/**

* The list of development dependencies used by the E2E protractor-based builder.

*/

const E2E_DEV_DEPENDENCIES = [

'protractor@~7.0.0',

'jasmine-spec-reporter@~7.0.0',

'ts-node@~10.9.0',

'@types/node@^20.17.19',

];

export default async function () {

// Ensure SauceLabs configuration

if (!process.env['SAUCE_USERNAME'] || !process.env['SAUCE_ACCESS_KEY']) {

throw new Error('SauceLabs is not configured.');

}

for (const e2eDep of E2E_DEV_DEPENDENCIES) {

await installPackage(e2eDep);

}

await appendToFile(

'src/app/app.config.ts',

"import { provideProtractorTestingSupport } from '@angular/platform-browser';\n",

);

await replaceInFile(

'src/app/app.config.ts',

'providers: [',

'providers: [\n provideProtractorTestingSupport(),\n',

);

// Workaround for https://github.com/angular/angular/issues/32192

await replaceInFile('src/app/app.html', /class="material-icons"/g, '');

await ng('build');

// Add Protractor configuration

await copyProjectAsset('protractor-saucelabs.conf.js', 'e2e/protractor-saucelabs.conf.js');

// Add App E2E test file

await createDir('e2e/src');

await writeFile(

'e2e/src/app.e2e-spec.ts',

`

import { browser, by, element, logging } from 'protractor';

describe('workspace-project App', () => {

it('should display welcome message', async () => {

await browser.get(browser.baseUrl);

expect((await element(by.css('h1')).getText()).trim()).toEqual('Hello, test-project');

});

});

`,

);

// Add App E2E tsconfig file

await writeFile(

'e2e/tsconfig.json',

`

{

"extends": "../tsconfig.json",

"compilerOptions": {

"outDir": "out-tsc/e2e",

"module": "commonjs",

"target": "es2019",

"types": [

"jasmine",

"node"

]

}

}

`,

);

// Setup server

const app = express();

app.use(express.static(path.resolve('dist/test-project/browser')));

const server = app.listen(2000, 'localhost');

try {

// Execute application's E2E tests with SauceLabs

const binPath = path.join('node_modules', '.bin', 'protractor');

await exec(binPath, 'e2e/protractor-saucelabs.conf.js');

} finally {

server.close();

}

}