fix(@schematics/angular): Set encaptulation value correctly

Fixes angular/angular-cli#8082

Author: Brocco

packages/schematics/angular/component/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -9,7 +9,7 @@ import { Component, OnInit<% if(viewEncapsulation !== 'None') { %>, ViewEncapsul
   `,<% } else { %>
   templateUrl: './<%= dasherize(name) %>.component.html',<% } if(inlineStyle) { %>
   styles: []<% } else { %>
-  styleUrls: ['./<%= dasherize(name) %>.component.<%= styleext %>']<% } %><% if(viewEncapsulation !== 'None') { %>,
+  styleUrls: ['./<%= dasherize(name) %>.component.<%= styleext %>']<% } %><% if(viewEncapsulation !== 'Emulated') { %>,
   encapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } if (changeDetection !== 'Default') { %>,
   changeDetection: ChangeDetectionStrategy.<%= changeDetection %><% } %>
 })

packages/schematics/angular/component/index_spec.ts

@@ -62,12 +62,12 @@ describe('Component Schematic', () => {
     expect(tsContent).toMatch(/changeDetection: ChangeDetectionStrategy.OnPush/);
   });
 
-  it('should set view encapsulation to Emulated', () => {
-    const options = { ...defaultOptions, viewEncapsulation: 'Emulated' };
+  it('should set view encapsulation to None', () => {
+    const options = { ...defaultOptions, viewEncapsulation: 'None' };
 
     const tree = schematicRunner.runSchematic('component', options, appTree);
     const tsContent = getFileContent(tree, '/src/app/foo/foo.component.ts');
-    expect(tsContent).toMatch(/encapsulation: ViewEncapsulation.Emulated/);
+    expect(tsContent).toMatch(/encapsulation: ViewEncapsulation.None/);
   });
 
   it('should create a flat component', () => {