feat(@angular/cli): inline style and templates in defaults

* `inlineStyle` and `inlineTemplate` are now generated in `.angular-cli.json`.
* default stays `false` for both, but if `ng new [name]` is specified with `-is` or `-it`, those will be stored as `true` in `.angular-cli.json` respectively
* added unit tests and e2e test

Author: gioragutt

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

@@ -52,7 +52,10 @@
   },
   "defaults": {
     "styleExt": "<%= styleExt %>",<% if (!minimal) { %>
-    "component": {}<% } else { %>
+    "component": {
+      "inlineStyle": <%= inlineStyle %>,
+      "inlineTemplate": <%= inlineTemplate %>
+    }<% } else { %>
     "component": {
       "spec": false,
       "inlineStyle": true,

tests/acceptance/new.spec.ts

@@ -8,13 +8,13 @@ import { forEach } from 'lodash';
 
 const ng = require('../helpers/ng');
 const tmp = require('../helpers/tmp');
+const readConfigFile = require('../helpers/config-file');
 const walkSync = require('walk-sync');
 const SilentError = require('silent-error');
 const Blueprint = require('@angular/cli/ember-cli/lib/models/blueprint');
 
 const root = process.cwd();
 
-
 describe('Acceptance: ng new', function () {
   beforeEach(function () {
     return tmp.setup('./tmp').then(function () {
@@ -180,4 +180,19 @@ describe('Acceptance: ng new', function () {
       });
   });
 
+  it(`should set inline-style in .angular-cli.json when passed --inline-style`, () => {
+    return ng(['new', 'foo', '--skip-install', '--skip-git', `--inline-style`])
+      .then(() => {
+          const configFile = readConfigFile();
+          expect(configFile.defaults.component.inlineStyle).to.equal(true);
+      });
+  });
+
+  it(`should set inline-template in .angular-cli.json when passed --inline-template`, () => {
+    return ng(['new', 'foo', '--skip-install', '--skip-git', `--inline-template`])
+      .then(() => {
+          const configFile = readConfigFile();
+          expect(configFile.defaults.component.inlineTemplate).to.equal(true);
+      });
+  });
 });

tests/e2e/tests/commands/new/new-inline-template-inline-type.ts

@@ -0,0 +1,24 @@
+// tslint:disable:max-line-length
+import { createProject } from '../../../utils/project';
+import { ng } from '../../../utils/process';
+import { expectFileNotToExist, expectFileToExist } from '../../../utils/fs';
+import { join } from 'path';
+
+export default () => {
+  const componentDir = join('src', 'app', 'test-component');
+
+  return Promise.resolve()
+    .then(() => createProject('test-project-inline-style-and-template', '--inline-template', '--inline-style'))
+    .then(() => expectFileNotToExist('src/app/app.component.html'))
+    .then(() => expectFileNotToExist('src/app/app.component.css'))
+    .then(() => ng('generate', 'component', 'test-component'))
+    .then(() => expectFileToExist(componentDir))
+    .then(() => expectFileToExist(join(componentDir, 'test-component.component.ts')))
+    .then(() => expectFileToExist(join(componentDir, 'test-component.component.spec.ts')))
+    // template and style files should not exist
+    .then(() => expectFileNotToExist(join(componentDir, 'test-component.component.html')))
+    .then(() => expectFileNotToExist(join(componentDir, 'test-component.component.css')))
+
+    // Try to run the unit tests.
+    .then(() => ng('test', '--single-run'));
+};

tests/helpers/config-file.js

@@ -0,0 +1,7 @@
+const fs = require('fs-extra');
+
+const readConfigFile = () => {
+  return JSON.parse(fs.readFileSync('.angular-cli.json', 'utf8'));
+};
+
+module.exports = readConfigFile;