2 files changed, 52 insertions, 2 deletions

diff --git a/catalog-ui/src/app/ng2/components/logic/hierarchy-navigtion/hierarchy-navigation.component.spec.ts b/catalog-ui/src/app/ng2/components/logic/hierarchy-navigtion/hierarchy-navigation.component.spec.ts
new file mode 100644
index 0000000000..fc76463970
--- /dev/null
+++ b/catalog-ui/src/app/ng2/components/logic/hierarchy-navigtion/hierarchy-navigation.component.spec.ts
@@ -0,0 +1,52 @@
+import { async, ComponentFixture } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { ConfigureFn, configureTests } from '../../../../../jest/test-config.helper';
+import 'jest-dom/extend-expect';
+import {HierarchyNavigationComponent} from "./hierarchy-navigation.component";
+import {HierarchyDisplayOptions} from "./hierarchy-display-options";
+
+
+describe('hierarchyNavigationComponent', () => {
+  let fixture: ComponentFixture<HierarchyNavigationComponent>;
+    let hierarchyDisplayOptions: HierarchyDisplayOptions;
+  beforeEach(
+    async(() => {
+      const configure: ConfigureFn = testBed => {
+        testBed.configureTestingModule({
+          declarations: [HierarchyNavigationComponent]
+        });
+      };
+
+      configureTests(configure).then(testBed => {
+        fixture = testBed.createComponent(HierarchyNavigationComponent);
+        hierarchyDisplayOptions = new HierarchyDisplayOptions("id", "name", "children");
+          fixture.componentInstance.displayOptions = hierarchyDisplayOptions;
+          fixture.detectChanges();
+          fixture.componentInstance.displayData = [{name: "aaa", id: "1", children: [{name: "bbb", id: "1.1"}, {name: "ccc", id: "1.2", children: [{name: "aaa", id: "1.2.1"}]}]}, {name: "bbb", id: "2"}];
+          fixture.detectChanges();
+      });
+    })
+  );
+
+  it('should have a selected class after user click on a tree node',
+    () => {
+        let firstNodeElement = fixture.debugElement.query(By.css('.node-item'));
+        fixture.componentInstance.updateSelected.subscribe((item) => {
+            fixture.componentInstance.selectedItem = item.id;
+            fixture.detectChanges();
+        });
+        firstNodeElement.nativeElement.click();
+        fixture.whenStable().then(() => {
+            expect(firstNodeElement.children[0].nativeElement).toHaveClass('selected');
+        });
+    });
+
+    it('should call onClick function when user click on a tree node',
+        () => {
+            spyOn(fixture.componentInstance, 'onClick');
+            let firstNodeElement = fixture.debugElement.query(By.css('.node-item')).nativeElement;
+            firstNodeElement.click();
+            expect(fixture.componentInstance.onClick).toHaveBeenCalled();
+        });
+
+});
\ No newline at end of file
diff --git a/catalog-ui/src/app/ng2/components/logic/hierarchy-navigtion/hierarchy-navigation.component.ts b/catalog-ui/src/app/ng2/components/logic/hierarchy-navigtion/hierarchy-navigation.component.ts
index 1698157e90..8b20aa28f8 100644
--- a/catalog-ui/src/app/ng2/components/logic/hierarchy-navigtion/hierarchy-navigation.component.ts
+++ b/catalog-ui/src/app/ng2/components/logic/hierarchy-navigtion/hierarchy-navigation.component.ts
@@ -21,7 +21,6 @@
 import {Component, Input, Output, EventEmitter} from '@angular/core';
 import {HierarchyDisplayOptions} from './hierarchy-display-options';
 
-
 @Component({
     selector: 'hierarchy-navigation',
     templateUrl: './hierarchy-navigation.component.html',
@@ -32,7 +31,6 @@ export class HierarchyNavigationComponent {
     @Input() displayData: Array<any>;
     @Input() selectedItem: any;
     @Input() displayOptions: HierarchyDisplayOptions;
-
     @Output() updateSelected:EventEmitter<any> =  new EventEmitter();
 
     onClick = ($event, item) => {