Fix ERROR logs in ng test by importing dependent modules in test

Author: omkar-ethz

src/app/app.component.spec.ts

@@ -7,11 +7,17 @@ import { HttpClientModule } from "@angular/common/http";
 import { APP_DYN_CONFIG } from "./app-config.service";
 import { MockAppConfigService } from "./shared/MockStubs";
 import { LoopBackConfig } from "./shared/sdk";
+import { StatusMessageModule } from "./shared/modules/status-message/status-message.module";
 
 describe("AppComponent", () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [MatToolbarModule, RouterTestingModule, HttpClientModule],
+      imports: [
+        MatToolbarModule,
+        RouterTestingModule,
+        HttpClientModule,
+        StatusMessageModule,
+      ],
       declarations: [AppComponent],
       providers: [
         {

src/app/shared/modules/status-message/status-banner/status-banner.component.spec.ts

@@ -2,6 +2,10 @@ import { ComponentFixture, TestBed } from "@angular/core/testing";
 
 import { StatusBannerComponent } from "./status-banner.component";
 import { APP_CONFIG } from "src/app/app-config.module";
+import { CommonModule } from "@angular/common";
+import { MatButtonModule } from "@angular/material/button";
+import { MatIconModule } from "@angular/material/icon";
+import { MatToolbarModule } from "@angular/material/toolbar";
 
 describe("StatusBannerComponent", () => {
   let component: StatusBannerComponent;
@@ -10,6 +14,7 @@ describe("StatusBannerComponent", () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [StatusBannerComponent],
+      imports: [CommonModule, MatToolbarModule, MatButtonModule, MatIconModule],
       providers: [
         {
           provide: APP_CONFIG,

src/environments/environment.ts

@@ -14,6 +14,8 @@ export const environment = {
   production: false,
   scicatBaseUrl: "https://scicat.esss.se",
   showLogoBanner: true,
+  statusMessage: "hello",
+  statusCode: "INFO",
 };
 
 /*