blob: 126d4e2fcf1f3289a7727b48bcd850515320761d [file] [log] [blame]
/*
* Copyright 2018-present Open Networking Foundation
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { RouterModule, ActivatedRoute, Params } from '@angular/router';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { DebugElement } from '@angular/core';
import { By } from '@angular/platform-browser';
import { of, from } from 'rxjs';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import {
ConsoleLoggerService,
FnService,
IconComponent,
IconService,
LionService,
LogService,
NavService } from 'gui2-fw-lib/public_api';
import { NavComponent } from './nav.component';
class MockActivatedRoute extends ActivatedRoute {
constructor(params: Params) {
super();
this.queryParams = of(params);
}
}
class MockHttpClient {
get() {
return from(['{"id":"app","icon":"nav_apps","cat":"PLATFORM","label":"Applications"},' +
'{"id":"settings","icon":"nav_settings","cat":"PLATFORM","label":"Settings"}']);
}
subscribe() {}
}
class MockNavService {
uiPlatformViews = [];
uiNetworkViews = [];
uiOtherViews = [];
uiHiddenViews = [];
getUiViews() {}
}
class MockIconService {
loadIconDef() {}
}
/**
* ONOS GUI -- Util -- Navigation Component - Unit Tests
*/
describe('NavComponent', () => {
let log: LogService;
let fs: FnService;
let ar: MockActivatedRoute;
let windowMock: Window;
let component: NavComponent;
let fixture: ComponentFixture<NavComponent>;
const bundleObj = {
'core.view.App': {
test: 'test1'
}
};
const mockLion = (key) => {
return bundleObj[key] || '%' + key + '%';
};
beforeEach(async(() => {
log = new ConsoleLoggerService();
ar = new MockActivatedRoute({'debug': 'txrx'});
windowMock = <any>{
location: <any> {
hostname: 'foo',
host: 'foo',
port: '80',
protocol: 'http',
search: { debug: 'true'},
href: 'ws://foo:123/onos/ui/websock/path',
absUrl: 'ws://foo:123/onos/ui/websock/path'
}
};
fs = new FnService(ar, log, windowMock);
TestBed.configureTestingModule({
imports: [ BrowserAnimationsModule, RouterModule ],
declarations: [ NavComponent, IconComponent ],
providers: [
{ provide: FnService, useValue: fs },
{ provide: IconService, useClass: MockIconService },
{ provide: HttpClient, useClass: MockHttpClient },
{ provide: LionService, useFactory: (() => {
return {
bundle: ((bundleId) => mockLion),
ubercache: new Array(),
loadCbs: new Map<string, () => void>([])
};
})
},
{ provide: LogService, useValue: log },
{ provide: NavService, useClass: MockNavService },
{ provide: 'Window', useValue: windowMock },
]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(NavComponent);
component = fixture.debugElement.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
it('should have a nav#nav', () => {
const appDe: DebugElement = fixture.debugElement;
const divDe = appDe.query(By.css('nav#nav'));
expect(divDe).toBeTruthy();
});
it('should have a platform div.nav-hdr inside a nav#nav', () => {
const appDe: DebugElement = fixture.debugElement;
const divDe = appDe.query(By.css('nav#nav div#platform.nav-hdr'));
const div: HTMLElement = divDe.nativeElement;
expect(div.textContent).toEqual('%cat_platform%');
});
it('should have a network div.nav-hdr inside a nav#nav', () => {
const appDe: DebugElement = fixture.debugElement;
const divDe = appDe.query(By.css('nav#nav div#network.nav-hdr'));
const div: HTMLElement = divDe.nativeElement;
expect(div.textContent).toEqual('%cat_network%');
});
});