Added child routes, and config defined routes
Change-Id: I61c5a49a330a63737312d1eb6077aab02236a44f
diff --git a/src/app/core/nav/nav.spec.ts b/src/app/core/nav/nav.spec.ts
new file mode 100644
index 0000000..fbed8ea
--- /dev/null
+++ b/src/app/core/nav/nav.spec.ts
@@ -0,0 +1,57 @@
+/// <reference path="../../../../typings/index.d.ts" />
+
+import * as $ from 'jquery';
+import 'jasmine-jquery';
+import * as angular from 'angular';
+import 'angular-mocks';
+import {IXosNavigationRoute} from '../services/navigation';
+import {xosNav} from './nav';
+
+let element, scope: angular.IRootScopeService, compile: ng.ICompileService, isolatedScope;
+
+let baseRoutes: IXosNavigationRoute[] = [
+ {label: 'Home', state: 'xos'},
+ {label: 'Core', state: 'xos.core'}
+];
+
+const NavigationService = function(){
+ this.query = () => baseRoutes;
+};
+
+describe('Nav component', () => {
+ beforeEach(() => {
+ angular
+ .module('xosNav', ['app/core/nav/nav.html', 'ui.router'])
+ .component('xosNav', xosNav)
+ .service('NavigationService', NavigationService);
+ angular.mock.module('xosNav');
+ });
+
+ beforeEach(angular.mock.inject(($rootScope: ng.IRootScopeService, $compile: ng.ICompileService) => {
+ scope = $rootScope;
+ compile = $compile;
+ element = $compile('<xos-nav></xos-nav>')($rootScope);
+ $rootScope.$digest();
+ isolatedScope = element.isolateScope();
+
+ // clear routes
+ isolatedScope.routes = [];
+ }));
+
+ it('should render a list of routes', () => {
+ const routes = $('.nav ul li', element);
+ expect(routes.length).toBe(2);
+ });
+
+ it('should render child routes', () => {
+ baseRoutes = [
+ {label: 'Home', state: 'xos'},
+ {label: 'Core', state: 'xos.core', children: [
+ {label: 'Slices', state: 'xos.core.slices', parent: 'xos.core'}
+ ]}
+ ];
+ scope.$apply();
+ const childRouteContainer = $('.child-routes', element);
+ expect(childRouteContainer.length).toBe(1);
+ });
+});