test: mock content for the context menu

src/app/modules/map/page/map-page.html

@@ -1,4 +1,4 @@
-<stapps-context [contentId]="'map'"></stapps-context>
+<stapps-context contentId="map"></stapps-context>
 
 <ion-header class="ion-no-border" translucent="true">
   <ion-toolbar>

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

@@ -1,4 +1,3 @@
-/* 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
@@ -34,14 +33,25 @@ import {ContextMenuComponent} from './context-menu.component';
 import {SettingsModule} from '../../settings/settings.module';
 import {ContextMenuService} from './context-menu.service';
 import {FilterContext, SortContext} from './context-type';
+import {Component} from '@angular/core';
+import {By} from '@angular/platform-browser';
+
+@Component({
+  template: `
+    <ion-content id="foo"></ion-content>
+    <stapps-context contentId="foo"></stapps-context>
+  `,
+})
+class ContextMenuComponentContainer {
+}
 
 describe('ContextMenuComponent', async () => {
-  let fixture: ComponentFixture<ContextMenuComponent>;
+  let fixture: ComponentFixture<ContextMenuComponentContainer>;
   let instance: ContextMenuComponent;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [ContextMenuComponent],
+      declarations: [ContextMenuComponent, ContextMenuComponentContainer],
       providers: [
         ChildrenOutletContexts,
         Location,
@@ -60,8 +70,8 @@ describe('ContextMenuComponent', async () => {
       ],
     }).compileComponents();
 
-    fixture = TestBed.createComponent(ContextMenuComponent);
+    fixture = TestBed.createComponent(ContextMenuComponentContainer);
-    instance = fixture.componentInstance;
+    instance = fixture.debugElement.query(By.directive(ContextMenuComponent)).componentInstance;
   });
 
   it('should show items in sort context', () => {