feat(app-shell): Update for v4

Author: laco0416

app-shell/package.json

@@ -25,13 +25,15 @@
   "private": true,
   "dependencies": {},
   "devDependencies": {
-    "@angular/common": "^2.0.0",
-    "@angular/compiler": "^2.0.0",
-    "@angular/compiler-cli": "^0.6.2",
-    "@angular/core": "^2.0.0",
-    "@angular/platform-browser": "^2.0.0",
-    "@angular/platform-browser-dynamic": "^2.0.0",
-    "@angular/platform-server": "^2.0.0",
+    "@angular/animations": "^4.0.0",
+    "@angular/common": "^4.0.0",
+    "@angular/compiler": "^4.0.0",
+    "@angular/compiler-cli": "^4.0.0",
+    "@angular/core": "^4.0.0",
+    "@angular/http": "^4.0.0",
+    "@angular/platform-browser": "^4.0.0",
+    "@angular/platform-browser-dynamic": "^4.0.0",
+    "@angular/platform-server": "^4.0.0",
     "@types/jasmine": "^2.2.34",
     "gulp": "^3.9.1",
     "gulp-jasmine": "^2.4.1",
@@ -44,9 +46,9 @@
     "rxjs": "^5.0.0-beta.12",
     "ts-node": "^1.3.0",
     "typescript": "^2.0.3",
-    "zone.js": "^0.6.25"
+    "zone.js": "^0.8.4"
   },
   "peerDependencies": {
-    "@angular/core": "^2.0.0"
+    "@angular/core": "^4.0.0"
   }
 }

app-shell/src/app/prerender.ts

@@ -1,3 +1,3 @@
-import {OpaqueToken} from '@angular/core';
+import {InjectionToken} from '@angular/core';
 
-export const IS_PRERENDER = new OpaqueToken('IsPrerender');
+export const IS_PRERENDER = new InjectionToken<boolean>('IsPrerender');

app-shell/src/app/shell.spec.ts

@@ -20,7 +20,7 @@ export default function () {
         .createComponent(NoRenderTestComponent);
       fixture.detectChanges();
       expect(fixture.debugElement.childNodes.length).toBe(1);
-      expect(fixture.debugElement.childNodes[0].nativeNode.data).toBe('template bindings={}');
+      expect(fixture.debugElement.childNodes[0].nativeNode.type).toBe('comment');
     });
     it('should render the element at runtime', () => {
       const fixture = TestBed
@@ -31,7 +31,7 @@ export default function () {
         .createComponent(NoRenderTestComponent);
       fixture.detectChanges();
       expect(fixture.debugElement.childNodes.length).toBe(2);
-      expect(fixture.debugElement.childNodes[0].nativeNode.data).toBe('template bindings={}');
+      expect(fixture.debugElement.childNodes[0].nativeNode.type).toBe('comment');
       expect(fixture.debugElement.childNodes[1].nativeNode.name).toBe('div');
     });
   });
@@ -52,7 +52,7 @@ export default function () {
         .createComponent(RenderTestComponent);
       fixture.detectChanges();
       expect(fixture.debugElement.childNodes.length).toBe(2);
-      expect(fixture.debugElement.childNodes[0].nativeNode.data).toBe('template bindings={}');
+      expect(fixture.debugElement.childNodes[0].nativeNode.type).toBe('comment');
       expect(fixture.debugElement.childNodes[1].nativeNode.name).toBe('div');
     });
     it('should NOT render the element at runtime', () => {
@@ -64,7 +64,7 @@ export default function () {
         .createComponent(RenderTestComponent);
       fixture.detectChanges();
       expect(fixture.debugElement.childNodes.length).toBe(1);
-      expect(fixture.debugElement.childNodes[0].nativeNode.data).toBe('template bindings={}');
+      expect(fixture.debugElement.childNodes[0].nativeNode.type).toBe('comment');
     });
   });
 }