import {

killAllProcesses,

exec,

waitForAnyProcessOutputToMatch,

silentExecAndWaitForOutputToMatch,

ng,

} from '../../utils/process';

import {writeFile, writeMultipleFiles, appendToFile, expectFileToMatch} from '../../utils/fs';

import {wait} from '../../utils/utils';

import {request} from '../../utils/http';

export default function() {

if (process.platform.startsWith('win')) {

return Promise.resolve();

}

let oldNumberOfChunks = 0;

const chunkRegExp = /chunk\s+\{/g;

return silentExecAndWaitForOutputToMatch('ng', ['serve'],

/webpack: bundle is now VALID|webpack: Compiled successfully./)

// Should trigger a rebuild.

.then(() => exec('touch', 'src/main.ts'))

.then(() => waitForAnyProcessOutputToMatch(

/webpack: bundle is now INVALID|webpack: Compiling.../, 10000))

.then(() => waitForAnyProcessOutputToMatch(

/webpack: bundle is now VALID|webpack: Compiled successfully./, 10000))

// Count the bundles.

.then(({ stdout }) => {

oldNumberOfChunks = stdout.split(chunkRegExp).length;

})

// Add a lazy module.

.then(() => ng('generate', 'module', 'lazy', '--routing'))

// Just wait for the rebuild, otherwise we might be validating the last build.

.then(() => wait(1000))

.then(() => writeFile('src/app/app.module.ts', `

import { BrowserModule } from '@angular/platform-browser';

import { NgModule } from '@angular/core';

import { FormsModule } from '@angular/forms';

import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';

import { RouterModule } from '@angular/router';

@NgModule({

declarations: [

AppComponent

],

imports: [

BrowserModule,

FormsModule,

HttpModule,

RouterModule.forRoot([

{ path: 'lazy', loadChildren: './lazy/lazy.module#LazyModule' }

])

],

providers: [],

bootstrap: [AppComponent]

})

export class AppModule { }

`))

// Should trigger a rebuild with a new bundle.

.then(() => waitForAnyProcessOutputToMatch(

/webpack: bundle is now VALID|webpack: Compiled successfully./, 10000))

// Count the bundles.

.then(({ stdout }) => {

let newNumberOfChunks = stdout.split(chunkRegExp).length;

if (oldNumberOfChunks >= newNumberOfChunks) {

throw new Error('Expected webpack to create a new chunk, but did not.');

}

})

.then(() => wait(1000))

// Change multiple files and check that all of them are invalidated and recompiled.

.then(() => writeMultipleFiles({

'src/app/app.module.ts': `

console.log('$$_E2E_GOLDEN_VALUE_1');

export let X = '$$_E2E_GOLDEN_VALUE_2';

`,

'src/main.ts': `

import * as m from './app/app.module';

console.log(m.X);

console.log('$$_E2E_GOLDEN_VALUE_3');

`

}))

.then(() => waitForAnyProcessOutputToMatch(

/webpack: bundle is now VALID|webpack: Compiled successfully./, 10000))

.then(() => request('http://localhost:4200/main.bundle.js'))

.then((body) => {

if (!body.match(/\$\$_E2E_GOLDEN_VALUE_1/)) {

throw new Error('Expected golden value 1.');

}

if (!body.match(/\$\$_E2E_GOLDEN_VALUE_2/)) {

throw new Error('Expected golden value 2.');

}

if (!body.match(/\$\$_E2E_GOLDEN_VALUE_3/)) {

throw new Error('Expected golden value 3.');

}

})

.then(() => killAllProcesses(), (err: any) => {

killAllProcesses();

throw err;

});

}