chore(karma): Create testing harness

Closes #1

Author: christopherthielen

.travis.yml

@@ -34,6 +34,7 @@ script:
       npm install ./ui-router-core ;
     fi
   - npm run build
+  - npm run test
 
 sudo: false
 

karma.conf.js

@@ -0,0 +1,74 @@
+// Karma configuration file
+var karma = require('karma');
+
+module.exports = function (karma) {
+  var config = {
+    singleRun: true,
+    autoWatch: false,
+    autoWatchInterval: 0,
+
+    // level of logging
+    // possible values: LOG_DISABLE, LOG_ERROR, LOG_WARN, LOG_INFO, LOG_DEBUG
+    logLevel: "warn",
+    // possible values: 'dots', 'progress'
+    reporters: 'dots',
+    colors: true,
+
+    port: 8080,
+
+    // base path, that will be used to resolve files and exclude
+    basePath: '.',
+
+    // Start these browsers, currently available:
+    // Chrome, ChromeCanary, Firefox, Opera, Safari, PhantomJS
+    browsers: ['PhantomJS'],
+
+    frameworks: ['jasmine'],
+
+    plugins: [
+      require('karma-webpack'),
+      require('karma-sourcemap-loader'),
+      require('karma-jasmine'),
+      require('karma-phantomjs-launcher'),
+      require('karma-chrome-launcher')
+    ],
+
+    webpack: {
+      devtool: 'inline-source-map',
+
+      resolve: {
+        modules: ['node_modules'],
+        extensions: ['.js', '.ts']
+      },
+
+      module: {
+        rules: [
+          {
+            test: /\.ts$/,
+            loader: "awesome-typescript-loader",
+            options: {
+              noEmit: true,
+              tsconfig: "test/tsconfig.json",
+              configFileName: "test/tsconfig.json",
+            }
+          }
+        ]
+      },
+
+    },
+
+    webpackMiddleware: {
+      stats: { chunks: false },
+    },
+
+    files: ['test/index.js'],
+
+    preprocessors: {
+      'test/index.js': ['webpack', 'sourcemap'],
+    },
+
+  };
+
+  karma.set(config);
+};
+

package.json

@@ -6,8 +6,10 @@
     "clean": "shx rm -rf lib lib-esm _bundles _dec",
     "compile": "npm run clean && ngc",
     "bundle": "rollup -c && rollup -c --environment MINIFY",
-    "package": "npm run bundle",
     "build": "npm run compile && npm run bundle",
+    "test": "karma start",
+    "debug": "karma start --singleRun=false --autoWatch=true --autoWatchInterval=1 --browsers=Chrome",
+    "package": "npm run bundle",
     "docs": "typedoc --tsconfig tsconfig.typedoc.json --readme README.md --name 'ui-router-ng2' --theme node_modules/ui-router-typedoc-themes/bin/default --out _doc --internal-aliases internal,coreapi,ng2api --external-aliases internalapi,external --navigation-label-globals ui-router-ng2",
     "prepublish": "npm run build"
   },
@@ -64,13 +66,15 @@
     "conventional-changelog": "^1.1.0",
     "conventional-changelog-cli": "^1.1.1",
     "jasmine-core": "^2.4.1",
-    "karma": "^1.2.0",
-    "karma-chrome-launcher": "~0.1.0",
+    "karma": "^1.5.0",
+    "karma-chrome-launcher": "^0.1.12",
     "karma-coverage": "^0.5.3",
-    "karma-jasmine": "^1.0.2",
+    "karma-jasmine": "^1.1.0",
     "karma-phantomjs-launcher": "^1.0.2",
     "karma-script-launcher": "~0.1.0",
+    "karma-sourcemap-loader": "^0.3.7",
     "karma-systemjs": "^0.7.2",
+    "karma-webpack": "^2.0.2",
     "readline-sync": "^1.4.5",
     "rollup": "^0.41.4",
     "rollup-plugin-commonjs": "^7.0.0",
@@ -90,7 +94,7 @@
     "typedoc-plugin-ui-router": "^1.0.0",
     "typescript": "~2.0.3",
     "ui-router-typedoc-themes": "^1.0.0",
-    "webpack": "2.2.0",
+    "webpack": "^2.2.0",
     "webpack-dev-server": "2.2.0",
     "webpack-visualizer-plugin": "^0.1.10",
     "zone.js": "^0.6.21"

test/bootstrap.ts

@@ -0,0 +1,5 @@
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+import { TestBed } from '@angular/core/testing';
+
+TestBed.initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
+

test/index.js

@@ -0,0 +1,22 @@
+// require all source files ending in "Spec" from the
+// current directory and all subdirectories
+
+require('core-js');
+// require('zone.js');
+
+require('zone.js/dist/zone');
+require('zone.js/dist/long-stack-trace-zone');
+require('zone.js/dist/proxy');
+require('zone.js/dist/sync-test');
+require('zone.js/dist/jasmine-patch');
+require('zone.js/dist/async-test');
+require('zone.js/dist/fake-async-test');
+
+// Init testing harness
+require('./bootstrap');
+
+// Add ui-router-ng2
+require('../src/index');
+
+var testsContext = require['context'](".", true, /\.spec$/);
+testsContext.keys().forEach(testsContext);

test/ngModule/foo/foo.module.ts

@@ -0,0 +1,29 @@
+import { UIRouterModule } from '../../../src/uiRouterNgModule';
+import { Component, NgModule } from '@angular/core';
+
+@Component({ selector: 'foo', template: 'FOO' })
+export class FooComponent { }
+
+@Component({ selector: 'child1', template: 'CHILD1' })
+export class Child1Component { }
+
+@Component({ selector: 'child2', template: 'CHILD2' })
+export class Child2Component { }
+
+
+export const foo = { name: 'foo', url: '/foo', component: FooComponent };
+export const child1 = { name: 'foo.child1', url: '/child1', component: Child1Component };
+export const child2 = { name: 'foo.child2', url: '/child2', component: Child2Component };
+
+@NgModule({
+  declarations: [FooComponent, Child1Component, Child2Component],
+  imports: [UIRouterModule.forChild({ states: [ foo, child1, child2 ]})],
+})
+export class FooModule {}
+
+@NgModule({
+  declarations: [FooComponent, Child1Component, Child2Component],
+  imports: [UIRouterModule.forChild({ states: [ child1, child2, foo ]})],
+})
+export class FooModuleOutOfOrder {}
+

test/ngModule/lazyModule.spec.ts

@@ -0,0 +1,54 @@
+import { async, inject, TestBed } from '@angular/core/testing';
+import { UIRouterModule } from '../../src/uiRouterNgModule';
+import { UIView } from '../../src/directives/uiView';
+import { memoryLocationPlugin, UIRouter } from 'ui-router-core';
+import { NgModuleFactoryLoader, SystemJsNgModuleLoader } from '@angular/core';
+
+declare var System;
+
+let futureFoo = {
+  name: 'foo.**',
+  url: '/foo',
+  loadChildren: () => System.import('./foo/foo.module').then(x => x.FooModule)
+};
+
+function configFn(router: UIRouter) {
+  router.plugin(memoryLocationPlugin);
+}
+
+beforeEach(() => {
+  let routerModule = UIRouterModule.forRoot({ useHash: true, states: [futureFoo], config: configFn });
+
+  TestBed.configureTestingModule({
+    declarations: [],
+    imports: [routerModule],
+    providers: [
+      { provide: NgModuleFactoryLoader, useClass: SystemJsNgModuleLoader },
+    ]
+  });
+});
+
+describe('lazy loading', () => {
+
+  it('should lazy load a module', async(inject([UIRouter], (router: UIRouter) => {
+    const fixture = TestBed.createComponent(UIView);
+    fixture.detectChanges();
+
+    let { stateRegistry, stateService, globals } = router;
+
+    let names = stateRegistry.get().map(state => state.name).sort();
+    expect(names.length).toBe(2);
+    expect(names).toEqual(['', 'foo.**']);
+
+    stateService.go('foo').then(() => {
+      expect(globals.current.name).toBe('foo');
+
+      names = stateRegistry.get().map(state => state.name).sort();
+      expect(names.length).toBe(4);
+      expect(names).toEqual(['', 'foo', 'foo.child1', 'foo.child2']);
+    })
+  })));
+
+
+});
+

test/testUtils.ts

@@ -1,13 +1,12 @@
-import {pick, extend, forEach, omit} from "../src/core";
-import {map} from "../src/common/common";
-
+import { forEach, map, omit, pick } from 'ui-router-core';
+import { TestBed } from '@angular/core/testing';
 let stateProps = ["resolve", "resolvePolicy", "data", "template", "templateUrl", "url", "name", "params"];
 
 export function tree2Array(tree, inheritName) {
 
   function processState(parent, state, name) {
-    var substates = omit.apply(null, [state].concat(stateProps));
-    var thisState = pick.apply(null, [state].concat(stateProps));
+    let substates = omit.apply(null, [state].concat(stateProps));
+    let thisState = pick.apply(null, [state].concat(stateProps));
     thisState.name = name;
     if (!inheritName) thisState.parent = parent;
 
@@ -27,19 +26,19 @@ export function tree2Array(tree, inheritName) {
 }
 
 export function PromiseResult(promise?) {
-  var self = this, _promise: Promise;
-  var resolve, reject, complete;
+  let self = this, _promise: Promise<any>;
+  let resolve, reject, complete;
 
   this.setPromise = function(promise) {
     if (_promise) {
       throw new Error("Already have with'd a promise.");
     }
 
-    var onfulfilled = (data) =>
+    let onfulfilled = (data) =>
         resolve = data || true;
-    var onrejected = (err) =>
+    let onrejected = (err) =>
         reject = err || true;
-    var done = () =>
+    let done = () =>
         complete = true;
 
     _promise = promise;

test/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "module": "es6",
+    "target": "es5",
+    "lib": [ "es6", "dom" ],
+    "allowSyntheticDefaultImports": true,
+    "outDir": "lib",
+    "declaration": true,
+    "sourceMap": true
+  },
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true
+  },
+  "files": [
+    "./index.js"
+  ]
+}

test/uiView.spec.ts

@@ -1,7 +1,5 @@
-import "ui-router-ng2";
-
-fdescribe("foo", () => {
+describe("foo", () => {
   it("should work", () => {
-    expect(true).toBeFalsy();
+    expect(true).toBeTruthy();
   });
 });