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 { ProducerService } from '@services/ei/producer.service';
   9 import { Producer, OperationalState, ProducerRegistrationInfo, ProducerStatus } from '@interfaces/producer.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: ProducerService, 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         producer_id: 'producer1',
  66         producer_types: ['type1', 'type2'],
  67         status: 'ENABLED'
  68       } as Producer;
  69       const producer2 = {
  70         producer_id: 'producer2',
  71         producer_types: ['type2', 'type3'],
  72         status: 'DISABLED'
  73       } as Producer;
  74
  75       setServiceSpy();
  76       component.loadProducers();
  77       const actualProducers: Producer[] = component.producers();
  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       const expectedProducerRows = [
 109         expectedProducer1Row,
 110         { id: 'producer2', types: 'type2,type3', status: 'DISABLED' }
 111       ];
 112       let producersTable = await loader.getHarness(MatTableHarness.with({ selector: '#producersTable' }));
 113       let producerRows = await producersTable.getRows();
 114       expect(producerRows.length).toEqual(2);
 115       producerRows.forEach(row => {
 116         row.getCellTextByColumnName().then(values => {
 117           expect(expectedProducerRows).toContain(jasmine.objectContaining(values));
 118         });
 119       });
 120     });
 121
 122     it('should display defaults values for non required properties', async () => {
 123       let producerServiceSpy = TestBed.inject(ProducerService) as jasmine.SpyObj<ProducerService>;
 124
 125       producerServiceSpy.getProducerIds.and.returnValue(of(['producer1']));
 126       producerServiceSpy.getProducer.and.returnValues(of({} as ProducerRegistrationInfo));
 127       producerServiceSpy.getProducerStatus.and.returnValues(of({} as ProducerStatus));
 128
 129       const expectedProducerRow = { id: 'producer1', types: '< No types >', status: '< No status >' };
 130
 131       let producersTable = await loader.getHarness(MatTableHarness.with({ selector: '#producersTable' }));
 132       let producerRows = await producersTable.getRows();
 133       expect(await producerRows[0].getCellTextByColumnName()).toEqual(expectedProducerRow);
 134     });
 135
 136     it('filtering', async () => {
 137       setServiceSpy();
 138       let producersTable = await loader.getHarness(MatTableHarness.with({ selector: '#producersTable' }));
 139
 140       let idFilterInput = await loader.getHarness(MatInputHarness.with({ selector: '#producerIdFilter' }));
 141       await idFilterInput.setValue("1");
 142       let producerRows = await producersTable.getRows();
 143       expect(producerRows.length).toEqual(1);
 144       expect(await producerRows[0].getCellTextByColumnName()).toEqual(expectedProducer1Row);
 145
 146       idFilterInput.setValue('');
 147       let typesFilterInput = await loader.getHarness(MatInputHarness.with({ selector: '#producerTypesFilter' }));
 148       await typesFilterInput.setValue("1");
 149       producerRows = await producersTable.getRows();
 150       expect(producerRows.length).toEqual(1);
 151       expect(await producerRows[0].getCellTextByColumnName()).toEqual(expectedProducer1Row);
 152       await typesFilterInput.setValue("2");
 153       producerRows = await producersTable.getRows();
 154       expect(producerRows.length).toEqual(2);
 155
 156       typesFilterInput.setValue('');
 157       let statusFilterInput = await loader.getHarness(MatInputHarness.with({ selector: '#producerStatusFilter' }));
 158       await statusFilterInput.setValue("enabled");
 159       producerRows = await producersTable.getRows();
 160       expect(producerRows.length).toEqual(1);
 161       expect(await producerRows[0].getCellTextByColumnName()).toEqual(expectedProducer1Row);
 162     });
 163
 164     describe('#sorting', () => {
 165
 166       it('should verify sort functionality on the table', async () => {
 167         setServiceSpy();
 168         const sort = await loader.getHarness(MatSortHarness);
 169         let headers = await sort.getSortHeaders({ sortDirection: '' });
 170         expect(headers.length).toBe(3);
 171
 172         await headers[0].click();
 173         expect(await headers[0].isActive()).toBe(true);
 174         expect(await headers[0].getSortDirection()).toBe('asc');
 175
 176         await headers[0].click();
 177         expect(await headers[0].getSortDirection()).toBe('desc');
 178
 179       });
 180
 181       it('should sort table asc and desc by first header', async () => {
 182         setServiceSpy();
 183         const sort = await loader.getHarness(MatSortHarness);
 184         let producersTable = await loader.getHarness(MatTableHarness.with({ selector: '#producersTable' }));
 185         const firstHeader = (await sort.getSortHeaders())[0];
 186         expect(await firstHeader.getSortDirection()).toBe('');
 187
 188         await firstHeader.click();
 189         expect(await firstHeader.getSortDirection()).toBe('asc');
 190         let prodRows = await producersTable.getRows();
 191         prodRows = await producersTable.getRows();
 192         expect(await prodRows[0].getCellTextByColumnName()).toEqual(expectedProducer1Row);
 193
 194         await firstHeader.click();
 195         expect(await firstHeader.getSortDirection()).toBe('desc');
 196         prodRows = await producersTable.getRows();
 197         expect(await prodRows[prodRows.length - 1].getCellTextByColumnName()).toEqual(expectedProducer1Row);
 198       });
 199
 200       it('should not sort when clicking on the filter input field', async () => {
 201         setServiceSpy();
 202         let producersTable = await loader.getHarness(MatTableHarness.with({ selector: '#producersTable' }));
 203         let producerRows = await producersTable.getRows();
 204         let producerIdFilter = await loader.getHarness(MatInputHarness.with({ selector: '#producerIdFilter'}));
 205         let producerTypesFilter = await loader.getHarness(MatInputHarness.with({ selector: '#producerTypesFilter'}));
 206         let producerStatusFilter = await loader.getHarness(MatInputHarness.with({ selector: '#producerStatusFilter'}));
 207         let producerIds, producerTypes, producerStatuses: String[];
 208         let unfilteredProducerIds, unfilteredProducerTypes, unfilteredProducerStatuses: String[];
 209
 210         for (let i = 0; i < producerRows.length; i++) {
 211           producerRows[i].getCellTextByColumnName().then((value) => {
 212             producerIds.push(value[0]);
 213             producerTypes.push(value[1]);
 214             producerStatuses.push(value[2]);
 215           });
 216         };
 217
 218         producerIdFilter.setValue("");
 219         for (let i = 0; i < producerRows.length; i++) {
 220           producerRows[i].getCellTextByColumnName().then((value) => {
 221             unfilteredProducerIds.push(value[0]);
 222           });
 223         };
 224         expect(unfilteredProducerIds).toBe(producerIds);
 225
 226         producerTypesFilter.setValue("");
 227         for (let i = 0; i < producerRows.length; i++) {
 228           producerRows[i].getCellTextByColumnName().then((value) => {
 229             unfilteredProducerTypes.push(value[1]);
 230           });
 231         };
 232         expect(unfilteredProducerTypes).toBe(producerTypes);
 233
 234         producerStatusFilter.setValue("");
 235         for (let i = 0; i < producerRows.length; i++) {
 236           producerRows[i].getCellTextByColumnName().then((value) => {
 237             unfilteredProducerStatuses.push(value[2]);
 238           });
 239         };
 240         expect(unfilteredProducerStatuses).toBe(producerStatuses);
 241       });
 242     });
 243   });
 244 });
 245
 246 function setServiceSpy() {
 247   let producerRegInfo1 = {
 248     supported_info_types: ['type1', 'type2']
 249   } as ProducerRegistrationInfo;
 250   let producerRegInfo2 = {
 251     supported_info_types: ['type2', 'type3']
 252   } as ProducerRegistrationInfo;
 253   let producerStatus1 = {
 254     operational_state: OperationalState.ENABLED
 255   } as ProducerStatus;
 256   let producerStatus2 = {
 257     operational_state: OperationalState.DISABLED
 258   } as ProducerStatus;
 259
 260   let producerServiceSpy = TestBed.inject(ProducerService) as jasmine.SpyObj<ProducerService>;
 261
 262   producerServiceSpy.getProducerIds.and.returnValue(of(['producer1', 'producer2']));
 263   producerServiceSpy.getProducer.and.returnValues(of(producerRegInfo1), of(producerRegInfo2));
 264   producerServiceSpy.getProducerStatus.and.returnValues(of(producerStatus1), of(producerStatus2));
 265 }
 266
 267