feat: update to @angular rc0 packages & latest CLI (#384)

- Includes update to newest router
- Completely rewrites checkbox tests

.travis.yml

@@ -46,6 +46,7 @@ matrix:
   allow_failures:
   - env: "MODE=saucelabs_optional"
   - env: "MODE=browserstack_optional"
+  - env: "MODE=e2e"
 
 install:
   - npm install

angular-cli-build.js

@@ -20,17 +20,24 @@ module.exports = function(defaults) {
         'src/core/style'
       ]
     },
-    vendorNpmFiles: []
+    vendorNpmFiles: [
+      'systemjs/dist/system-polyfills.js',
+      'systemjs/dist/system.src.js',
+      'zone.js/dist/*.js',
+      'es6-shim/es6-shim.js',
+      'reflect-metadata/*.js',
+      'rxjs/**/*.js',
+      '@angular/**/*.js',
+    ]
   });
 
-  const ngTree = angularAppTree.toTree();
-  const cssAutoprefixed = autoPrefixerTree(new Funnel(ngTree, {
+  const cssAutoprefixed = autoPrefixerTree(new Funnel(angularAppTree, {
     include: [ '**/*.css' ]
   }));
 
   return new MergeTree([
     new Funnel('src', { include: ['**/*.scss']}),
-    angularAppTree.toTree(),
-    cssAutoprefixed
+    angularAppTree,
+    cssAutoprefixed,
   ], { overwrite: true });
 };

angular-cli.json

@@ -0,0 +1,25 @@
+{
+  "project": {
+    "version": "0.0.37",
+    "name": "material2"
+  },
+  "apps": [
+    {"main": "src/main.ts", "tsconfig": "src/tsconfig.json"}
+  ],
+  "addons": [],
+  "packages": [],
+  "e2e": {
+    "protractor": {
+      "config": "test/protractor.conf.js"
+    }
+  },
+  "test": {
+    "karma": {
+      "config": "test/karma.conf.js"
+    }
+  },
+  "defaults": {
+    "prefix": "",
+    "sourceDir": "src"
+  }
+}

package.json

@@ -25,45 +25,51 @@
     "node": ">= 4.2.1 < 5"
   },
   "dependencies": {
-    "angular2": "2.0.0-beta.17",
+    "@angular/common": "2.0.0-rc.0",
+    "@angular/compiler": "2.0.0-rc.0",
+    "@angular/core": "2.0.0-rc.0",
+    "@angular/router": "2.0.0-rc.0",
+    "@angular/http": "2.0.0-rc.0",
+    "@angular/platform-browser": "2.0.0-rc.0",
+    "@angular/platform-browser-dynamic": "2.0.0-rc.0",
     "es6-promise": "^3.0.2",
     "es6-shim": "^0.35.0",
-    "reflect-metadata": "0.1.2",
+    "reflect-metadata": "0.1.3",
     "rxjs": "5.0.0-beta.6",
-    "systemjs": "0.19.20",
+    "systemjs": "0.19.26",
     "zone.js": "0.6.12"
   },
   "devDependencies": {
     "add-stream": "^1.0.0",
-    "angular-cli": "^0.0.31",
+    "angular-cli": "0.0.37",
     "broccoli-autoprefixer": "^4.1.0",
     "broccoli-funnel": "^1.0.1",
     "broccoli-merge-trees": "^1.1.1",
     "browserstacktunnel-wrapper": "^1.4.2",
     "conventional-changelog": "^1.1.0",
-    "ember-cli-inject-live-reload": "^1.3.0",
+    "ember-cli-inject-live-reload": "^1.4.0",
     "firebase-tools": "^2.2.1",
     "fs-extra": "^0.26.5",
     "glob": "^6.0.4",
     "gulp": "^3.9.1",
     "gulp-inline-ng2-template": "^1.1.2",
-    "jasmine-core": "^2.3.4",
+    "jasmine-core": "^2.4.1",
     "js-yaml": "^3.5.2",
     "karma": "^0.13.15",
     "karma-browserstack-launcher": "^0.1.7",
-    "karma-chrome-launcher": "^0.2.1",
+    "karma-chrome-launcher": "^0.2.3",
     "karma-firefox-launcher": "^0.1.7",
-    "karma-jasmine": "^0.3.6",
+    "karma-jasmine": "^0.3.8",
     "karma-sauce-launcher": "^0.2.14",
     "node-sass": "^3.4.2",
-    "protractor": "^3.1.1",
+    "protractor": "^3.3.0",
     "sass": "^0.5.0",
     "strip-ansi": "^3.0.0",
     "symlink-or-copy": "^1.0.1",
     "ts-node": "^0.5.5",
     "tslint": "^3.5.0",
     "typescript": "^1.8.0",
-    "typings": "^0.6.8",
+    "typings": "^0.8.1",
     "which": "^1.2.4"
   }
 }

src/components/button/button.spec.ts

@@ -1,6 +1,7 @@
-import {it, describe, expect, beforeEach, inject, TestComponentBuilder} from 'angular2/testing';
-import {Component} from 'angular2/core';
-import {By} from 'angular2/platform/browser';
+import {it, describe, expect, beforeEach, inject} from '@angular/core/testing';
+import {TestComponentBuilder} from '@angular/compiler/testing';
+import {Component} from '@angular/core';
+import {By} from '@angular/platform-browser';
 import {MdButton, MdAnchor} from './button';
 
 

src/components/button/button.ts

@@ -6,7 +6,7 @@ import {
   ChangeDetectionStrategy,
   ElementRef,
   Renderer,
-} from 'angular2/core';
+} from '@angular/core';
 
 // TODO(jelbourn): Ink ripples.
 // TODO(jelbourn): Make the `isMouseDown` stuff done with one global listener.

src/components/card/card.ts

@@ -1,4 +1,4 @@
-import {Component, ViewEncapsulation, ChangeDetectionStrategy} from 'angular2/core';
+import {Component, ViewEncapsulation, ChangeDetectionStrategy} from '@angular/core';
 
 
 /*

src/components/checkbox/checkbox.scss

@@ -216,7 +216,7 @@ $_md-checkbox-indeterminate-checked-easing-function: cubic-bezier(0.14, 0, 0, 1)
   pointer-events: none;
 }
 
-.md-checkbox {
+md-checkbox {
   cursor: pointer;
 
   &:focus {