/**
* This file is part of Anis Client.
*
* @copyright Laboratoire d'Astrophysique de Marseille / CNRS
*
* For the full copyright and license information, please view the LICENSE
* file that was distributed with this source code.
*/
import { Component, Input } from '@angular/core';
import { TestBed, waitForAsync, ComponentFixture } from '@angular/core/testing';
import { HttpClientTestingModule } from '@angular/common/http/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { provideMockStore, MockStore } from '@ngrx/store/testing';
import { of } from 'rxjs';
import { InstanceComponent } from './instance.component';
import { AppConfigService } from 'src/app/app-config.service';
import { StyleService } from 'src/app/shared/services/style.service';
import * as authActions from 'src/app/auth/auth.actions';
import { Instance, WebpageFamily, Webpage } from '../metamodel/models';
import { UserProfile } from '../auth/user-profile.model';
import * as datasetFamilyActions from '../metamodel/actions/dataset-family.actions';
import * as datasetActions from '../metamodel/actions/dataset.actions';
import * as datasetGroupActions from 'src/app/metamodel/actions/dataset-group.actions';
import * as webpageFamilyActions from 'src/app/metamodel/actions/webpage-family.actions';
import * as webpageActions from 'src/app/metamodel/actions/webpage.actions';
describe('[Instance] InstanceComponent', () => {
@Component({ selector: 'app-instance-navbar', template: '' })
class NavbarStubComponent {
@Input() isAuthenticated: boolean;
@Input() userProfile: UserProfile = null;
@Input() userRoles: string[];
@Input() authenticationEnabled: boolean;
@Input() apiUrl: string;
@Input() adminRoles: string[];
@Input() instance: Instance;
@Input() webpageFamilyList: WebpageFamily[] = null;
@Input() webpageList: Webpage[] = null;
@Input() firstWebpage: Webpage = null;
}
let component: InstanceComponent;
let fixture: ComponentFixture<InstanceComponent>;
let store: MockStore;
let appConfigServiceStub = new AppConfigService();
let styleServiceStub = new StyleService();
beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
imports: [RouterTestingModule, HttpClientTestingModule],
declarations: [
InstanceComponent,
NavbarStubComponent
],
providers: [
provideMockStore({ }),
{ provide: AppConfigService, useValue: appConfigServiceStub },
{ provide: StyleService, useValue: styleServiceStub }
]
}).compileComponents();
fixture = TestBed.createComponent(InstanceComponent);
component = fixture.componentInstance;
store = TestBed.inject(MockStore);
document.body.innerHTML =
'<title id="title">Default title</title>' +
'<link id="favicon" href="">';
}));
it('should create the component', () => {
expect(component).toBeDefined();
});
it('should execute ngOnInit lifecycle', (done) => {
const instance: Instance = {
name: 'myInstance',
label: 'My Instance',
description: 'My Instance description',
scientific_manager: 'M. Dupont',
instrument: 'Multiple',
wavelength_domain: 'Visible',
display: 10,
data_path: 'data/path',
files_path: 'files',
public: true,
portal_logo: 'logo.png',
design_color: 'green',
design_background_color: 'darker green',
design_logo: '/path/to/logo',
design_favicon: '/path/to/favicon',
navbar_background_color: '#F8F9FA',
navbar_border_bottom_color: '#DEE2E6',
navbar_color_href: '#000000',
navbar_font_family: 'Roboto, sans-serif',
navbar_sign_in_btn_color: '#28A745',
navbar_user_btn_color: '#7AC29A',
footer_background_color: '#F8F9FA',
footer_border_top_color: '#DEE2E6',
footer_text_color: '#000000',
footer_logos: null,
family_border_color: '#DFDFDF',
family_header_background_color: '#F7F7F7',
family_title_color: '#007BFF',
family_title_bold: false,
family_background_color: '#FFFFFF',
family_color: '#212529',
progress_bar_title: 'Dataset search',
progress_bar_title_color: '#000000',
progress_bar_subtitle: 'Select a dataset, add criteria, select output columns and display the result.',
progress_bar_subtitle_color: '#6C757D',
progress_bar_step_dataset_title: 'Dataset selection',
progress_bar_step_criteria_title: 'Search criteria',
progress_bar_step_output_title: 'Output columns',
progress_bar_step_result_title: 'Result table',
progress_bar_color: '#E9ECEF',
progress_bar_active_color: '#7AC29A',
progress_bar_circle_color: '#FFFFFF',
progress_bar_circle_icon_color: '#CCCCCC',
progress_bar_circle_icon_active_color: '#FFFFFF',
progress_bar_text_color: '#91B2BF',
result_header_background_color: '#E9ECEF',
result_header_text_color: '#000000',
result_header_btn_color: '#007BFF',
result_header_btn_hover_color: '#0069D9',
result_header_btn_text_color: '#FFFFFF',
result_datatable_bordered: true,
result_datatable_border_color: '#DEE2E6',
result_datatable_header_background_color: '#FFFFFF',
result_datatable_header_text_color: '#000000',
result_datatable_rows_background_color: '#FFFFFF',
result_datatable_rows_text_color: '#000000',
result_datatable_sorted_color: '#C5C5C5',
result_datatable_sorted_active_color: '#000000',
result_datatable_link_color: '#007BFF',
result_datatable_link_hover_color: '#0056B3',
result_datatable_rows_selected_color: '#7AC29A',
samp_enabled: true,
back_to_portal: true,
user_menu_enabled: true,
search_by_criteria_allowed: true,
search_by_criteria_label: 'Search',
search_multiple_allowed: true,
search_multiple_label: 'Search multiple',
search_multiple_all_datasets_selected: false,
documentation_allowed: true,
documentation_label: 'Documentation',
nb_dataset_families: 1,
nb_datasets: 2
};
const webpage: Webpage = {
id: 1,
name: 'home',
label: 'Home',
title: 'Home',
display: 10,
icon: 'fas fa-home',
content: '<p>Hello</p>',
style_sheet: '',
id_webpage_family: 1
}
component.instance = of(instance);
component.firstWebpage = of(webpage);
const spy = jest.spyOn(store, 'dispatch');
component.ngOnInit();
Promise.resolve(null).then(function() {
expect(spy).toHaveBeenCalledTimes(5);
expect(spy).toHaveBeenCalledWith(datasetFamilyActions.loadDatasetFamilyList());
expect(spy).toHaveBeenCalledWith(datasetActions.loadDatasetList());
expect(spy).toHaveBeenCalledWith(datasetGroupActions.loadDatasetGroupList());
expect(spy).toHaveBeenCalledWith(webpageFamilyActions.loadWebpageFamilyList());
expect(spy).toHaveBeenCalledWith(webpageActions.loadWebpageList());
expect(component.favIcon.href).toEqual('http://localhost/undefined/instance/myInstance/file-explorer/path/to/favicon');
done();
});
});
it('#authenticationEnabled() should return authentication enabled config key value', () => {
appConfigServiceStub.authenticationEnabled = true;
expect(component.getAuthenticationEnabled()).toBeTruthy();
});
it('#getApiUrl() should return API URL', () => {
appConfigServiceStub.apiUrl = 'http:test.com';
expect(component.getApiUrl()).toEqual('http:test.com');
});
it('#login() should dispatch login action', () => {
const spy = jest.spyOn(store, 'dispatch');
component.login();
expect(spy).toHaveBeenCalledTimes(1);
expect(spy).toHaveBeenCalledWith(authActions.login({ redirectUri: window.location.toString() }));
});
it('#logout() should dispatch logout action', () => {
const spy = jest.spyOn(store, 'dispatch');
component.logout();
expect(spy).toHaveBeenCalledTimes(1);
expect(spy).toHaveBeenCalledWith(authActions.logout());
});
it('#openEditProfile() should dispatch open edit profile action', () => {
const spy = jest.spyOn(store, 'dispatch');
component.openEditProfile();
expect(spy).toHaveBeenCalledTimes(1);
expect(spy).toHaveBeenCalledWith(authActions.openEditProfile());
});
it('should unsubscribe to instance when component is destroyed', () => {
component.instanceSubscription = of().subscribe();
const spy = jest.spyOn(component.instanceSubscription, 'unsubscribe');
component.ngOnDestroy();
expect(spy).toHaveBeenCalledTimes(1);
});
});