Fix header stories (#4745)

* Fix header stories

* Add stories to tsconfig

bitwarden_license/bit-web/src/app/secrets-manager/shared/header.stories.ts

@@ -1,16 +1,19 @@
 import { Component, Injectable } from "@angular/core";
 import { RouterModule } from "@angular/router";
 import { Meta, Story, moduleMetadata, componentWrapperDecorator } from "@storybook/angular";
-import { Observable } from "rxjs";
+import { BehaviorSubject } from "rxjs";
 
 import { JslibModule } from "@bitwarden/angular/jslib.module";
+import { MessagingService } from "@bitwarden/common/abstractions/messaging.service";
 import { StateService } from "@bitwarden/common/abstractions/state.service";
 import {
+  AvatarModule,
   BreadcrumbsModule,
   ButtonModule,
-  NavigationModule,
-  IconModule,
   IconButtonModule,
+  IconModule,
+  MenuModule,
+  NavigationModule,
   TabsModule,
 } from "@bitwarden/components";
 import { InputModule } from "@bitwarden/components/src/input/input.module";
@@ -20,8 +23,14 @@ import { HeaderComponent } from "./header.component";
 
 @Injectable()
 class MockStateService {
-  activeAccount$ = new Observable();
+  activeAccount$ = new BehaviorSubject("1").asObservable();
-  accounts$ = new Observable();
+  accounts$ = new BehaviorSubject({ "1": { profile: { name: "Foo" } } }).asObservable();
+}
+
+class MockMessagingService implements MessagingService {
+  send(subscriber: string, arg?: any) {
+    alert(subscriber);
+  }
 }
 
 @Component({
@@ -49,17 +58,27 @@ export default {
           ],
           { useHash: true }
         ),
+        AvatarModule,
         BreadcrumbsModule,
         ButtonModule,
-        InputModule,
-        IconModule,
         IconButtonModule,
+        IconModule,
+        InputModule,
+        MenuModule,
         NavigationModule,
         PreloadedEnglishI18nModule,
         TabsModule,
       ],
       declarations: [HeaderComponent, MockProductSwitcher],
-      providers: [{ provide: StateService, useClass: MockStateService }],
+      providers: [
+        { provide: StateService, useClass: MockStateService },
+        {
+          provide: MessagingService,
+          useFactory: () => {
+            return new MockMessagingService();
+          },
+        },
+      ],
     }),
   ],
 } as Meta;

bitwarden_license/bit-web/tsconfig.json

@@ -7,5 +7,6 @@
       "@bitwarden/angular/*": ["../../libs/angular/src/*"],
       "@bitwarden/components": ["../../libs/components/src"]
     }
-  }
+  },
+  "include": ["src/**/*.stories.ts"]
 }