feat(new): include routing in spec and inline template when called with --routing (#3252)

Author: Meligy

packages/angular-cli/blueprints/ng2/files/__path__/app/app.component.spec.ts

@@ -1,15 +1,20 @@
 /* tslint:disable:no-unused-variable */
 
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, async } from '@angular/core/testing';<% if (routing) { %>
+import { RouterTestingModule } from '@angular/router/testing';<% } %>
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(() => {
-    TestBed.configureTestingModule({
+    TestBed.configureTestingModule({<% if (routing) { %>
+      imports: [
+        RouterTestingModule
+      ],<% } %>
       declarations: [
         AppComponent
       ],
     });
+    TestBed.compileComponents();
   });
 
   it('should create the app', async(() => {

packages/angular-cli/blueprints/ng2/files/__path__/app/app.component.ts

@@ -6,7 +6,8 @@ import { APP_SHELL_DIRECTIVES } from '@angular/app-shell';<% } %>
   template: `
   <h1>
     {{title}}
-  </h1>
+  </h1><% if (routing) { %>
+  <router-outlet></router-outlet><% } %>
   `,<% } else { %>
   templateUrl: './app.component.html',<% } %><% if (inlineStyle) { %>
   styles: []<% } else { %>

tests/e2e/tests/commands/new/new-routing.ts

@@ -0,0 +1,13 @@
+import * as path from 'path';
+import {ng} from '../../../utils/process';
+import {getGlobalVariable} from '../../../utils/env';
+
+export default function() {
+  return Promise.resolve()
+    .then(() => process.chdir(getGlobalVariable('tmp-root')))
+    .then(() => ng('new', 'routing-project', '--routing'))
+    .then(() => process.chdir(path.join('routing-project')))
+
+    // Try to run the unit tests.
+    .then(() => ng('test', '--single-run'));
+}