| /*- |
| * ========================LICENSE_START================================= |
| * O-RAN-SC |
| * %% |
| * Copyright (C) 2019 AT&T Intellectual Property |
| * %% |
| * 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. |
| * ========================LICENSE_END=================================== |
| */ |
| import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; |
| import { TestBed, async, ComponentFixture } from '@angular/core/testing'; |
| import { RouterTestingModule } from '@angular/router/testing'; |
| import { CookieService } from 'ngx-cookie-service'; |
| import { AppComponent } from './app.component'; |
| import { UiService } from '@services/ui/ui.service'; |
| |
| describe('AppComponent', () => { |
| let fixture: ComponentFixture<AppComponent>; |
| let app: AppComponent; |
| let cookieServiceSpy: any; |
| let uiService: UiService; |
| |
| beforeEach(async(() => { |
| cookieServiceSpy = jasmine.createSpyObj('CookieService', [ 'get', 'set' ]); |
| TestBed.configureTestingModule({ |
| imports: [ |
| RouterTestingModule |
| ], |
| schemas: [ |
| CUSTOM_ELEMENTS_SCHEMA |
| ], |
| declarations: [ |
| AppComponent |
| ], |
| providers: [ |
| { provide: CookieService, useValue: cookieServiceSpy }, |
| UiService |
| ] |
| }).compileComponents(); |
| })); |
| |
| beforeEach(() => { |
| fixture = TestBed.createComponent(AppComponent); |
| app = fixture.componentInstance; |
| uiService = TestBed.inject(UiService); |
| fixture.detectChanges(); |
| }); |
| |
| it('should create the app', () => { |
| expect(app).toBeTruthy(); |
| }); |
| |
| describe('#content', () => { |
| it('should contain oran logo', async(() => { |
| const ele = fixture.debugElement.nativeElement.querySelector('img'); |
| expect(ele.src).toContain('assets/oran-logo.png'); |
| })); |
| |
| it('should contain navigation menu', async(() => { |
| const ele = fixture.debugElement.nativeElement.querySelector('nrcp-sidenav-list'); |
| expect(ele).toBeTruthy(); |
| })); |
| |
| it('should contain dark mode selector', async(() => { |
| const ele = fixture.debugElement.nativeElement.querySelector('#darkModeSwitch'); |
| expect(ele).toBeTruthy(); |
| })); |
| |
| it('should contain heading', async(() => { |
| const ele = fixture.debugElement.nativeElement.querySelector('tspan'); |
| expect(ele.textContent.trim()).toBe('Non-RT RIC Control Panel'); |
| })); |
| |
| it('should contain router-outlet', async(() => { |
| const ele = fixture.debugElement.nativeElement.querySelector('router-outlet'); |
| expect(ele).toBeTruthy(); |
| })); |
| |
| it('should contain nrcp-footer', async(() => { |
| const ele = fixture.debugElement.nativeElement.querySelector('nrcp-footer'); |
| expect(ele).toBeTruthy(); |
| })); |
| }); |
| |
| describe('#darkMode', () => { |
| it('when dark mode value yes from cookie at start should set mode to dark', () => { |
| uiService.darkModeState.next(false); // Set internal state to light mode. |
| cookieServiceSpy.get.and.returnValue('yes'); // Cookie shall return dark mode used. |
| |
| app.ngOnInit(); |
| |
| expect(uiService.getDarkMode()).toBeTruthy(); |
| expect(app.darkMode).toBeTruthy(); |
| expect(cookieServiceSpy.get).toHaveBeenCalled(); |
| }); |
| |
| it('should toggle dark mode when selector is clicked', () => { |
| const darkModeSelector = fixture.debugElement.nativeElement.querySelector('#darkModeSwitch'); |
| |
| // Toggle to light mode |
| darkModeSelector.click(); |
| expect(uiService.getDarkMode()).toBeFalsy(); |
| expect(cookieServiceSpy.set).toHaveBeenCalledWith('darkMode', 'no'); |
| |
| |
| // Toggle to dark mode |
| darkModeSelector.click(); |
| expect(uiService.getDarkMode()).toBeTruthy(); |
| expect(cookieServiceSpy.set).toHaveBeenCalledWith('darkMode', 'yes'); |
| }); |
| }); |
| }); |