refactor: replace TSLint with ESLint

src/app/modules/menu/context/context-menu.component.spec.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-non-null-assertion,@typescript-eslint/ban-ts-comment */
 /*
  * Copyright (C) 2020 StApps
  * This program is free software: you can redistribute it and/or modify it
@@ -12,16 +13,26 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
-import {APP_BASE_HREF, CommonModule, Location, LocationStrategy, PathLocationStrategy} from '@angular/common';
+import {
+  APP_BASE_HREF,
+  CommonModule,
+  Location,
+  LocationStrategy,
+  PathLocationStrategy,
+} from '@angular/common';
 import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {FormsModule} from '@angular/forms';
-import {ChildrenOutletContexts, RouterModule, UrlSerializer} from '@angular/router';
+import {
+  ChildrenOutletContexts,
+  RouterModule,
+  UrlSerializer,
+} from '@angular/router';
 import {IonicModule} from '@ionic/angular';
-import {TranslateModule,} from '@ngx-translate/core';
+import {TranslateModule} from '@ngx-translate/core';
 import {SCFacet, SCThingType} from '@openstapps/core';
 import {ContextMenuComponent} from './context-menu.component';
 import {SettingsModule} from '../../settings/settings.module';
-import {ContextMenuService} from '../context/context-menu.service';
+import {ContextMenuService} from './context-menu.service';
 import {FilterContext, SortContext} from './context-type';
 
 describe('ContextMenuComponent', async () => {
@@ -29,7 +40,6 @@ describe('ContextMenuComponent', async () => {
   let instance: ContextMenuComponent;
 
   beforeEach(() => {
-
     TestBed.configureTestingModule({
       declarations: [ContextMenuComponent],
       providers: [
@@ -40,7 +50,6 @@ describe('ContextMenuComponent', async () => {
         {provide: LocationStrategy, useClass: PathLocationStrategy},
         {provide: APP_BASE_HREF, useValue: '/'},
       ],
-      // tslint:disable-next-line:object-literal-sort-keys
       imports: [
         FormsModule,
         IonicModule.forRoot(),
@@ -58,23 +67,30 @@ describe('ContextMenuComponent', async () => {
   it('should show items in sort context', () => {
     instance.sortOption = getSortContextType();
     fixture.detectChanges();
-    const sort: HTMLElement = fixture.debugElement.nativeElement.querySelector('.context-sort');
+    const sort: HTMLElement =
+      fixture.debugElement.nativeElement.querySelector('.context-sort');
     const sortItem = sort.querySelector('.sort-item');
-    expect(sortItem!.querySelector('ion-label')!.textContent).toContain('relevance');
+    expect(sortItem!.querySelector('ion-label')?.textContent).toContain(
+      'relevance',
+    );
   });
 
   it('should show items in filter context', () => {
     instance.filterOption = getFilterContextType();
     fixture.detectChanges();
-    const filter: HTMLElement = fixture.debugElement.nativeElement.querySelector('.context-filter');
+    const filter: HTMLElement =
+      fixture.debugElement.nativeElement.querySelector('.context-filter');
     const filterItem = filter.querySelector('.filter-group');
-    expect(filterItem!.querySelector('ion-list-header')!.textContent).toContain('Type');
+    expect(filterItem!.querySelector('ion-list-header')!.textContent).toContain(
+      'Type',
+    );
   });
 
   it('should set sort context value and reverse on click', () => {
     instance.sortOption = getSortContextType();
     fixture.detectChanges();
-    const sort: HTMLElement = fixture.debugElement.nativeElement.querySelector('.context-sort');
+    const sort: HTMLElement =
+      fixture.debugElement.nativeElement.querySelector('.context-sort');
     // @ts-ignore
     const sortItem: HTMLElement = sort.querySelectorAll('.sort-item')[1];
     sortItem!.click();
@@ -93,18 +109,26 @@ describe('ContextMenuComponent', async () => {
     instance.filterOption = getFilterContextType();
     fixture.detectChanges();
     // get filter context div
-    const filter: HTMLElement = fixture.debugElement.nativeElement.querySelector('.context-filter');
+    const filter: HTMLElement =
+      fixture.debugElement.nativeElement.querySelector('.context-filter');
     // get all filter groups that represent a facet
     const filterGroups = filter.querySelectorAll('.filter-group');
 
     expect(filterGroups.length).toEqual(facets.length);
 
     for (const facet of facets) {
-      let filterGroup = undefined;
+      let filterGroup;
 
       // get filter option for facets field
-      filterGroups.forEach((element) => {
-        if (element.querySelector('ion-list-header')!.textContent!.toString().toLowerCase().indexOf(facet.field) > -1) {
+      // eslint-disable-next-line unicorn/no-array-for-each
+      filterGroups.forEach(element => {
+        if (
+          element
+            .querySelector('ion-list-header')!
+            .textContent!.toString()
+            .toLowerCase()
+            .includes(facet.field)
+        ) {
           filterGroup = element;
           return;
         }
@@ -125,9 +149,13 @@ describe('ContextMenuComponent', async () => {
         let filterItem;
 
         for (let i = 0; i < filterItems.length; i++) {
-          if (filterItems.item(i)
-            .textContent!.toString().toLowerCase()
-            .indexOf(bucket.key.toLowerCase()) > 0) {
+          if (
+            filterItems
+              .item(i)
+              .textContent!.toString()
+              .toLowerCase()
+              .indexOf(bucket.key.toLowerCase()) > 0
+          ) {
             filterItem = filterItems.item(i);
             break;
           }
@@ -139,23 +167,27 @@ describe('ContextMenuComponent', async () => {
 
   it('should reset filter', () => {
     instance.filterOption = getFilterContextType();
-    instance.filterOption.options = [{
-      field: 'type',
-      buckets: [
-        {count: 10, key: 'date series', checked: true}
-      ]
-    }];
+    instance.filterOption.options = [
+      {
+        field: 'type',
+        buckets: [{count: 10, key: 'date series', checked: true}],
+      },
+    ];
 
     fixture.detectChanges();
 
     // click reset button
-    const resetButton: HTMLElement = fixture.debugElement.nativeElement.querySelector('.resetFilterButton');
+    const resetButton: HTMLElement =
+      fixture.debugElement.nativeElement.querySelector('.resetFilterButton');
     resetButton.click();
 
     expect(instance.filterOption.options[0].buckets[0].checked).toEqual(false);
   });
 });
 
+/**
+ *
+ */
 function getSortContextType(): SortContext {
   return {
     name: 'sort',
@@ -178,97 +210,102 @@ function getSortContextType(): SortContext {
         reversible: true,
         value: 'type',
       },
-    ]
-  }
+    ],
+  };
 }
 
+/**
+ *
+ */
 function getFilterContextType(): FilterContext {
   return {
     name: 'filter',
     compact: false,
-    options: facetsMock.filter((facet) => facet.buckets.length > 0).map((facet) => {
-      return {
-        buckets: facet.buckets.map((bucket) => {
-          return {
-            count: bucket.count,
-            key: bucket.key,
-            checked: false,
-          }
-        }),
-        compact: false,
-        field: facet.field,
-        onlyOnType: facet.onlyOnType
-      }
-    })
-  }
+    options: facetsMock
+      .filter(facet => facet.buckets.length > 0)
+      .map(facet => {
+        return {
+          buckets: facet.buckets.map(bucket => {
+            return {
+              count: bucket.count,
+              key: bucket.key,
+              checked: false,
+            };
+          }),
+          compact: false,
+          field: facet.field,
+          onlyOnType: facet.onlyOnType,
+        };
+      }),
+  };
 }
 
 const facetsMock: SCFacet[] = [
   {
-    'buckets': [
+    buckets: [
       {
-        'count': 60,
-        'key': 'academic event',
+        count: 60,
+        key: 'academic event',
       },
       {
-        'count': 160,
-        'key': 'message',
+        count: 160,
+        key: 'message',
       },
       {
-        'count': 151,
-        'key': 'date series',
+        count: 151,
+        key: 'date series',
       },
       {
-        'count': 106,
-        'key': 'dish',
+        count: 106,
+        key: 'dish',
       },
       {
-        'count': 20,
-        'key': 'building',
+        count: 20,
+        key: 'building',
       },
     ],
-    'field': 'type',
+    field: 'type',
   },
   {
-    'buckets': [
+    buckets: [
       {
-        'count': 12,
-        'key': 'Max Mustermann',
+        count: 12,
+        key: 'Max Mustermann',
       },
       {
-        'count': 2,
-        'key': 'Foo Bar',
+        count: 2,
+        key: 'Foo Bar',
       },
     ],
-    'field': 'performers',
-    'onlyOnType': SCThingType.AcademicEvent,
+    field: 'performers',
+    onlyOnType: SCThingType.AcademicEvent,
   },
   {
-    'buckets': [
+    buckets: [
       {
-        'count': 5,
-        'key': 'colloquium',
+        count: 5,
+        key: 'colloquium',
       },
       {
-        'count': 15,
-        'key': 'course',
+        count: 15,
+        key: 'course',
       },
     ],
-    'field': 'categories',
-    'onlyOnType': SCThingType.AcademicEvent,
+    field: 'categories',
+    onlyOnType: SCThingType.AcademicEvent,
   },
   {
-    'buckets': [
+    buckets: [
       {
-        'count': 5,
-        'key': 'employees',
+        count: 5,
+        key: 'employees',
       },
       {
-        'count': 15,
-        'key': 'students',
+        count: 15,
+        key: 'students',
       },
     ],
-    'field': 'audiences',
-    'onlyOnType': SCThingType.Message,
+    field: 'audiences',
+    onlyOnType: SCThingType.Message,
   },
 ];