nx/e2e/angular/src/angular-app.test.ts
2021-05-31 15:26:28 +02:00

83 lines
2.5 KiB
TypeScript

process.env.SELECTED_CLI = 'angular';
import {
getSelectedPackageManager,
newProject,
readFile,
readJson,
removeProject,
runCLI,
uniq,
updateFile,
} from '@nrwl/e2e/utils';
import { names } from '@nrwl/devkit';
// TODO: Check why this fails on yarn and npm
xdescribe('Angular Nrwl app builder', () => {
let app;
let buildableLib;
let proj: string;
// This fails with pnpm due to incompatibilities with ngcc.
// Since this suite has a single test, we wrap everything to avoid the hooks to run and
// waste time.
if (getSelectedPackageManager() !== 'pnpm') {
beforeEach(() => {
app = uniq('app');
buildableLib = uniq('buildlib1');
proj = newProject();
runCLI(`generate @nrwl/angular:app ${app} --style=css --no-interactive`);
runCLI(
`generate @nrwl/angular:library ${buildableLib} --buildable=true --no-interactive`
);
// update the app module to include a ref to the buildable lib
updateFile(
`apps/${app}/src/app/app.module.ts`,
`
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {${
names(buildableLib).className
}Module} from '@${proj}/${buildableLib}';
import { AppComponent } from './app.component';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, ${names(buildableLib).className}Module],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
`
);
// update the angular.json
const workspaceJson = readJson(`angular.json`);
workspaceJson.projects[app].architect.build.builder =
'@nrwl/angular:webpack-browser';
updateFile('angular.json', JSON.stringify(workspaceJson, null, 2));
});
afterEach(() => removeProject({ onlyOnCI: true }));
it('should build the dependent buildable lib as well as the app', () => {
const libOutput = runCLI(`build ${app} --with-deps`);
expect(libOutput).toContain(
`Building entry point '@${proj}/${buildableLib}'`
);
expect(libOutput).toContain(`nx run ${app}:build`);
// to proof it has been built from source the "main.js" should actually contain
// the path to dist
const mainBundle = readFile(`dist/apps/${app}/main.js`);
expect(mainBundle).toContain(`dist/libs/${buildableLib}`);
});
} else {
it('Skip tests with pnpm', () => {});
}
});