Fix failing frontend test

Author: XanderVertegaal

frontend/src/app/annotate/search/search.component.html

@@ -1,4 +1,5 @@
-@let loading = loading$ | async; @let canChangeVisibility = canChangeVisibility$
+@let loading = loading$ | async;
+@let canChangeVisibility = canChangeVisibility$
 | async;
 
 <div class="mb-3">

frontend/src/app/annotate/search/search.component.ts

@@ -117,11 +117,12 @@ export class SearchComponent {
         ).subscribe(queryParams => {
             const dataset = queryParams.get('dataset');
             const entailmentLabel = queryParams.get('entailmentLabel');
+            const status = queryParams.get('status');
 
             this.form.patchValue({
                 dataset: this.isDataset(dataset) ? dataset : null,
                 entailmentLabel: this.isEntailmentLabel(entailmentLabel) ? entailmentLabel : null,
-                status: this.isProblemStatus(queryParams.get('status')) ? queryParams.get('status') as ProblemStatus : null,
+                status: this.isProblemStatus(status) ? status : null,
                 text: queryParams.get('text') as string | null,
                 hidden: queryParams.get('hidden') === null ? null : queryParams.get('hidden') === 'true',
             });

frontend/src/app/annotate/search/status-info-modal/status-info-modal.component.spec.ts

@@ -1,6 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { StatusInfoModalComponent } from './status-info-modal.component';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { provideHttpClient } from '@angular/common/http';
 
 describe('StatusInfoModalComponent', () => {
     let component: StatusInfoModalComponent;
@@ -9,7 +10,7 @@ describe('StatusInfoModalComponent', () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             imports: [StatusInfoModalComponent],
-            providers: [NgbActiveModal]
+            providers: [NgbActiveModal, provideHttpClient()]
         })
             .compileComponents();