Update dependencies; use Angular 5 in example (#101)

Author: ahnpnl

circle.yml

@@ -1,9 +1,9 @@
 machine:
   environment:
-    YARN_VERSION: 0.22.0
+    YARN_VERSION: 1.3.2
     PATH: "${PATH}:${HOME}/.yarn/bin:${HOME}/${CIRCLE_PROJECT_REPONAME}/node_modules/.bin"
   node:
-    version: 7
+    version: 8.9.3
 dependencies:
   pre:
     - |

example/package.json

@@ -15,39 +15,39 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^4.1.0",
-    "@angular/common": "^4.1.0",
-    "@angular/compiler": "^4.1.0",
-    "@angular/core": "^4.1.0",
-    "@angular/forms": "^4.1.0",
-    "@angular/http": "^4.1.0",
-    "@angular/platform-browser": "^4.1.0",
-    "@angular/platform-browser-dynamic": "^4.1.0",
-    "@angular/router": "^4.1.0",
+    "@angular/animations": "^5.0.0",
+    "@angular/common": "^5.0.0",
+    "@angular/compiler": "^5.0.0",
+    "@angular/core": "^5.0.0",
+    "@angular/forms": "^5.0.0",
+    "@angular/http": "^5.0.0",
+    "@angular/platform-browser": "^5.0.0",
+    "@angular/platform-browser-dynamic": "^5.0.0",
+    "@angular/router": "^5.0.0",
     "core-js": "^2.4.1",
-    "rxjs": "^5.1.0",
+    "rxjs": "^5.5.2",
     "zone.js": "^0.8.18"
   },
   "devDependencies": {
-    "@angular/cli": "1.0.0",
-    "@angular/compiler-cli": "^4.1.0",
+    "@angular/cli": "1.6.1",
+    "@angular/compiler-cli": "^5.0.0",
     "@types/jest": "^19.2.2",
     "@types/node": "~6.0.60",
-    "codelyzer": "~2.0.0",
-    "jasmine-core": "~2.5.2",
-    "jasmine-spec-reporter": "~3.2.0",
+    "codelyzer": "^4.0.1",
+    "jasmine-core": "~2.6.2",
+    "jasmine-spec-reporter": "~4.1.0",
     "jest": "^21.0.1",
-    "jest-preset-angular": "^3.0.1",
-    "karma": "~1.4.1",
-    "karma-chrome-launcher": "~2.0.0",
+    "jest-preset-angular": "^4.0.2",
+    "karma": "~1.7.0",
+    "karma-chrome-launcher": "~2.1.1",
     "karma-cli": "~1.0.1",
-    "karma-coverage-istanbul-reporter": "^0.2.0",
+    "karma-coverage-istanbul-reporter": "^1.2.1",
     "karma-jasmine": "~1.1.0",
     "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.1.0",
-    "ts-node": "~2.0.0",
-    "tslint": "~4.5.0",
-    "typescript": "~2.3.0"
+    "protractor": "~5.1.2",
+    "ts-node": "~3.2.0",
+    "tslint": "~5.7.0",
+    "typescript": "~2.4.2"
   },
   "jest": {
     "preset": "jest-preset-angular",

example/src/app/__snapshots__/app.component.spec.ts.snap

@@ -6,20 +6,29 @@ exports[`AppComponent snaps 1`] = `
   title={[Function String]}
   variableWithPrecedingDolar={[Function Number]}
 >
-  <h1>
+  <h1
+    class="ng-tns-c1-0"
+  >
     
     app works!
     
-    <app-calc />
+    <app-calc
+      class="ng-tns-c1-0"
+    />
     
     
-    <span>
+    <span
+      class="ng-tns-c1-0"
+    >
       aaa $1234
     </span>
     
     
     
-    <span>
+    <span
+      class="ng-tns-c1-0 ng-star-inserted"
+      style=""
+    >
       ddd
     </span>
     

example/src/app/app.component.ts

@@ -1,4 +1,4 @@
-import { Component, HostBinding } from '@angular/core';
+import {Component, HostBinding, OnInit} from '@angular/core';
 import {trigger, transition, style, animate} from '@angular/animations';
 
 @Component({
@@ -7,14 +7,16 @@ import {trigger, transition, style, animate} from '@angular/animations';
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
 })
-export class AppComponent {
+export class AppComponent implements OnInit{
   @HostBinding('@routerTransition')
   title = 'app works!';
   hasClass = true;
   variableWithPrecedingDolar = 1234;
+
+  ngOnInit() {}
 }
 
-function slideToLeft() {
+export function slideToLeft() {
   return trigger('routerTransition', [
     transition(':enter', [
       style({transform: 'translateX(200%)', position: 'fixed', width: '100%'}),

example/src/jestGlobalMocks.ts

@@ -1,3 +1,5 @@
+global['CSS'] = null;
+
 const mock = () => {
   let storage = {};
   return {
@@ -21,3 +23,15 @@ Object.defineProperty(window, 'getComputedStyle', {
     };
   }
 });
+/**
+ * ISSUE: https://github.com/angular/material2/issues/7101
+ * Workaround for JSDOM missing transform property
+ */
+Object.defineProperty(document.body.style, 'transform', {
+  value: () => {
+    return {
+      enumerable: true,
+      configurable: true,
+    };
+  },
+});

example/src/tsconfig.app.json

@@ -3,8 +3,7 @@
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "module": "es2015",
-    "baseUrl": "",
-    "types": []
+    "baseUrl": ""
   },
   "exclude": [
     "test.ts",

example/src/tsconfig.spec.json

@@ -5,10 +5,6 @@
     "module": "commonjs",
     "target": "es5",
     "baseUrl": "",
-    "types": [
-      "jasmine",
-      "node"
-    ],
     "allowJs": true
   },
   "files": [