webapp-frontend/src/app/ei-coordinator/producers-list/producers-list.component.spec.ts

   1
   2 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
   3 import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
   4 import { HarnessLoader } from '@angular/cdk/testing';
   5 import { MatTableHarness } from '@angular/material/table/testing';
   6 import { MatSortHarness } from '@angular/material/sort/testing';
   7 import { ProducersListComponent } from "./producers-list.component";
   8 import { EIService } from '@services/ei/ei.service';
   9 import { EIProducer, OperationalState, ProducerRegistrationInfo, ProducerStatus } from '@interfaces/ei.types';
  10 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
  11 import { ReactiveFormsModule } from '@angular/forms';
  12 import { MatIconModule } from '@angular/material/icon';
  13 import { MatTableModule } from '@angular/material/table';
  14 import { MatInputHarness } from '@angular/material/input/testing';
  15 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  16 import { UiService } from '@services/ui/ui.service';
  17 import { of } from 'rxjs';
  18 import { MatSortModule } from '@angular/material/sort';
  19
  20 let component: ProducersListComponent;
  21 let fixture: ComponentFixture<ProducersListComponent>;
  22
  23 describe('ProducersListComponent', () => {
  24
  25   let loader: HarnessLoader;
  26
  27   beforeEach(async(() => {
  28     const spy = jasmine.createSpyObj('EIService', ['getProducerIds', 'getProducer', 'getProducerStatus']);
  29
  30     TestBed.configureTestingModule({
  31       imports: [
  32         MatIconModule,
  33         MatTableModule,
  34         MatSortModule,
  35         BrowserAnimationsModule,
  36         ReactiveFormsModule
  37       ],
  38       schemas: [
  39         CUSTOM_ELEMENTS_SCHEMA
  40       ],
  41       declarations: [
  42         ProducersListComponent
  43       ],
  44       providers: [
  45         { provide: EIService, useValue: spy },
  46         UiService,
  47       ]
  48     })
  49       .compileComponents()
  50       .then(() => {
  51         fixture = TestBed.createComponent(ProducersListComponent);
  52         component = fixture.componentInstance;
  53         loader = TestbedHarnessEnvironment.loader(fixture);
  54       });
  55   }));
  56
  57   it('should create', () => {
  58     expect(component).toBeTruthy();
  59   });
  60
  61   describe('#content', () => {
  62
  63     it('should loadProducers', () => {
  64       const producer1 = {
  65         ei_producer_id: 'producer1',
  66         ei_producer_types: ['type1', 'type2'],
  67         status: 'ENABLED'
  68       } as EIProducer;
  69       const producer2 = {
  70         ei_producer_id: 'producer2',
  71         ei_producer_types: ['type2', 'type3'],
  72         status: 'DISABLED'
  73       } as EIProducer;
  74
  75       setServiceSpy();
  76       component.loadProducers();
  77       const actualProducers: EIProducer[] = component.eiProducers();
  78       expect(actualProducers).toEqual([producer1, producer2]);
  79     });
  80
  81     it('should contain producers table with correct columns', async () => {
  82       setServiceSpy();
  83
  84       let producersTable = await loader.getHarness(MatTableHarness.with({ selector: '#producersTable' }));
  85       let headerRow = (await producersTable.getHeaderRows())[0];
  86       let headers = await headerRow.getCellTextByColumnName();
  87       expect(headers).toEqual({ id: 'Producer ID', types: 'Producer types', status: 'Producer status' });
  88     });
  89
  90     it('should set correct dark mode from UIService', () => {
  91       setServiceSpy();
  92       component.ngOnInit();
  93       expect(component.darkMode).toBeTruthy();
  94
  95       const uiService: UiService = TestBed.inject(UiService);
  96       uiService.darkModeState.next(false);
  97       fixture.detectChanges();
  98       expect(component.darkMode).toBeFalsy();
  99     });
 100   });
 101
 102   describe('#producersTable', () => {
 103
 104     const expectedProducer1Row = { id: 'producer1', types: 'type1,type2', status: 'ENABLED' };
 105
 106     it('should contain data after initialization', async () => {
 107       setServiceSpy();
 108       component.ngOnInit();
 109       const expectedProducerRows = [
 110         expectedProducer1Row,
 111         { id: 'producer2', types: 'type2,type3', status: 'DISABLED' }
 112       ];
 113       let producersTable = await loader.getHarness(MatTableHarness.with({ selector: '#producersTable' }));
 114       let producerRows = await producersTable.getRows();
 115       expect(producerRows.length).toEqual(2);
 116       producerRows.forEach(row => {
 117         row.getCellTextByColumnName().then(values => {
 118           expect(expectedProducerRows).toContain(jasmine.objectContaining(values));
 119         });
 120       });
 121     });
 122
 123     it('should display defaults values for non required properties', async () => {
 124       let eiServiceSpy = TestBed.inject(EIService) as jasmine.SpyObj<EIService>;
 125
 126       eiServiceSpy.getProducerIds.and.returnValue(of(['producer1']));
 127       eiServiceSpy.getProducer.and.returnValues(of({} as ProducerRegistrationInfo));
 128       eiServiceSpy.getProducerStatus.and.returnValues(of({} as ProducerStatus));
 129
 130       component.ngOnInit();
 131       const expectedProducerRow = { id: 'producer1', types: '< No types >', status: '< No status >' };
 132       let producersTable = await loader.getHarness(MatTableHarness.with({ selector: '#producersTable' }));
 133       let producerRows = await producersTable.getRows();
 134       expect(await producerRows[0].getCellTextByColumnName()).toEqual(expectedProducerRow);
 135     });
 136
 137     it('filtering', async () => {
 138       setServiceSpy();
 139       component.ngOnInit();
 140       let producersTable = await loader.getHarness(MatTableHarness.with({ selector: '#producersTable' }));
 141
 142       let idFilterInput = await loader.getHarness(MatInputHarness.with({ selector: '#producerIdFilter' }));
 143       await idFilterInput.setValue("1");
 144       let producerRows = await producersTable.getRows();
 145       expect(producerRows.length).toEqual(1);
 146       expect(await producerRows[0].getCellTextByColumnName()).toEqual(expectedProducer1Row);
 147
 148       idFilterInput.setValue('');
 149       let typesFilterInput = await loader.getHarness(MatInputHarness.with({ selector: '#producerTypesFilter' }));
 150       await typesFilterInput.setValue("1");
 151       producerRows = await producersTable.getRows();
 152       expect(producerRows.length).toEqual(1);
 153       expect(await producerRows[0].getCellTextByColumnName()).toEqual(expectedProducer1Row);
 154       await typesFilterInput.setValue("2");
 155       producerRows = await producersTable.getRows();
 156       expect(producerRows.length).toEqual(2);
 157
 158       typesFilterInput.setValue('');
 159       let statusFilterInput = await loader.getHarness(MatInputHarness.with({ selector: '#producerStatusFilter' }));
 160       await statusFilterInput.setValue("enabled");
 161       producerRows = await producersTable.getRows();
 162       expect(producerRows.length).toEqual(1);
 163       expect(await producerRows[0].getCellTextByColumnName()).toEqual(expectedProducer1Row);
 164     });
 165
 166     describe('#sorting', () => {
 167
 168       it('should verify sort functionality on the table', async () => {
 169         setServiceSpy();
 170         const sort = await loader.getHarness(MatSortHarness);
 171         let headers = await sort.getSortHeaders({ sortDirection: '' });
 172         expect(headers.length).toBe(3);
 173
 174         await headers[0].click();
 175         expect(await headers[0].isActive()).toBe(true);
 176         expect(await headers[0].getSortDirection()).toBe('asc');
 177
 178         await headers[0].click();
 179         expect(await headers[0].getSortDirection()).toBe('desc');
 180
 181       });
 182
 183       it('should sort table asc and desc by first header', async () => {
 184         setServiceSpy();
 185         const sort = await loader.getHarness(MatSortHarness);
 186         let producersTable = await loader.getHarness(MatTableHarness.with({ selector: '#producersTable' }));
 187         const firstHeader = (await sort.getSortHeaders())[0];
 188         expect(await firstHeader.getSortDirection()).toBe('');
 189
 190         await firstHeader.click();
 191         expect(await firstHeader.getSortDirection()).toBe('asc');
 192         let prodRows = await producersTable.getRows();
 193         prodRows = await producersTable.getRows();
 194         expect(await prodRows[0].getCellTextByColumnName()).toEqual(expectedProducer1Row);
 195
 196         await firstHeader.click();
 197         expect(await firstHeader.getSortDirection()).toBe('desc');
 198         prodRows = await producersTable.getRows();
 199         expect(await prodRows[prodRows.length - 1].getCellTextByColumnName()).toEqual(expectedProducer1Row);
 200       });
 201     });
 202   });
 203 });
 204
 205 function setServiceSpy() {
 206   let producerRegInfo1 = {
 207     supported_ei_types: ['type1', 'type2']
 208   } as ProducerRegistrationInfo;
 209   let producerRegInfo2 = {
 210     supported_ei_types: ['type2', 'type3']
 211   } as ProducerRegistrationInfo;
 212   let producerStatus1 = {
 213     operational_state: OperationalState.ENABLED
 214   } as ProducerStatus;
 215   let producerStatus2 = {
 216     operational_state: OperationalState.DISABLED
 217   } as ProducerStatus;
 218
 219   let eiServiceSpy = TestBed.inject(EIService) as jasmine.SpyObj<EIService>;
 220
 221   eiServiceSpy.getProducerIds.and.returnValue(of(['producer1', 'producer2']));
 222   eiServiceSpy.getProducer.and.returnValues(of(producerRegInfo1), of(producerRegInfo2));
 223   eiServiceSpy.getProducerStatus.and.returnValues(of(producerStatus1), of(producerStatus2));
 224 }
 225
 226