feat(@angular/cli): adds --animation flag to ng new

Author: dave11mj

docs/documentation/new.md

@@ -68,6 +68,16 @@ Default applications are created in a directory of the same name, with an initia
   </p>
 </details>
 
+<details>
+  <summary>animation</summary>
+  <p>
+    `--animation` _default value: false_
+  </p>
+  <p>
+    Generate with animation support.
+  </p>
+</details>
+
 <details>
   <summary>skip-commit</summary>
   <p>

packages/@angular/cli/blueprints/ng/files/__path__/app/app.component.spec.ts

@@ -1,13 +1,21 @@
 import { TestBed, async } from '@angular/core/testing';<% if (routing) { %>
-import { RouterTestingModule } from '@angular/router/testing';<% } %>
+import { RouterTestingModule } from '@angular/router/testing';<% } %><% if (animation) { %>
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';<% } %>
 
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async(() => {
-    TestBed.configureTestingModule({<% if (routing) { %>
+    TestBed.configureTestingModule({<% if (routing && animation) { %>
+      imports: [
+        RouterTestingModule,
+        BrowserAnimationsModule
+      ],<% } %><% if (routing && !animation) { %>
       imports: [
         RouterTestingModule
+      ],<% } %><% if (animation && !routing) { %>
+      imports: [
+        BrowserAnimationsModule
       ],<% } %>
       declarations: [
         AppComponent

packages/@angular/cli/blueprints/ng/files/__path__/app/app.module.ts

@@ -1,4 +1,5 @@
-import { BrowserModule } from '@angular/platform-browser';
+<% if (animation) { %>import { BrowserAnimationsModule } from '@angular/platform-browser/animations';<%
+} else { %>import { BrowserModule } from '@angular/platform-browser';<% } %>
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { HttpModule } from '@angular/http';
@@ -10,8 +11,9 @@ import { AppComponent } from './app.component';
   declarations: [
     AppComponent
   ],
-  imports: [
-    BrowserModule,
+  imports: [<% if (animation) { %>
+    BrowserAnimationsModule,<% } else { %>
+    BrowserModule,<% } %>
     FormsModule,
     HttpModule<% if (routing) { %>,
     AppRoutingModule<% } %>

packages/@angular/cli/blueprints/ng/files/package.json

@@ -19,7 +19,8 @@
     "@angular/http": "^4.0.0",
     "@angular/platform-browser": "^4.0.0",
     "@angular/platform-browser-dynamic": "^4.0.0",
-    "@angular/router": "^4.0.0",
+    "@angular/router": "^4.0.0",<% if (animation) { %>
+    "@angular/animations": "^4.0.0",<% } %>
     "core-js": "^2.4.1",
     "rxjs": "^5.1.0",
     "zone.js": "^0.8.4"

packages/@angular/cli/blueprints/ng/index.ts

@@ -13,6 +13,7 @@ export default Blueprint.extend({
     { name: 'prefix', type: String, default: 'app', aliases: ['p'] },
     { name: 'style', type: String },
     { name: 'routing', type: Boolean, default: false },
+    { name: 'animation', type: Boolean, default: false },
     { name: 'inline-style', type: Boolean, default: false, aliases: ['is'] },
     { name: 'inline-template', type: Boolean, default: false, aliases: ['it'] },
     { name: 'skip-git', type: Boolean, default: false, aliases: ['sg'] }
@@ -53,6 +54,7 @@ export default Blueprint.extend({
       styleExt: this.styleExt,
       relativeRootPath: relativeRootPath,
       routing: options.routing,
+      animation: options.animation,
       inlineStyle: options.inlineStyle,
       inlineTemplate: options.inlineTemplate,
       tests: this.tests,

packages/@angular/cli/commands/new.ts

@@ -108,6 +108,12 @@ const NewCommand = Command.extend({
       default: false,
       description: 'Generate a routing module.'
     },
+    {
+      name: 'animation',
+      type: Boolean,
+      default: false,
+      description: 'Generate with animation support.'
+    },
     {
       name: 'inline-style',
       type: Boolean,

packages/@angular/cli/tasks/init.ts

@@ -74,6 +74,7 @@ export default Task.extend({
       style: commandOptions.style,
       prefix: commandOptions.prefix.trim() || 'app',
       routing: commandOptions.routing,
+      animation: commandOptions.animation,
       inlineStyle: commandOptions.inlineStyle,
       inlineTemplate: commandOptions.inlineTemplate,
       ignoredUpdateFiles: ['favicon.ico'],

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

@@ -0,0 +1,11 @@
+import {ng} from '../../../utils/process';
+import {createProject} from '../../../utils/project';
+
+
+export default function() {
+  return Promise.resolve()
+    .then(() => createProject('animation-project', '--animation'))
+
+    // Try to run the unit tests.
+    .then(() => ng('test', '--single-run'));
+}