diff --git a/bitwarden_license/bit-web/src/app/secrets-manager/shared/header.stories.ts b/bitwarden_license/bit-web/src/app/secrets-manager/shared/header.stories.ts index cb932b3f026..9a07786a646 100644 --- a/bitwarden_license/bit-web/src/app/secrets-manager/shared/header.stories.ts +++ b/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(); - accounts$ = new Observable(); + activeAccount$ = new BehaviorSubject("1").asObservable(); + 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; diff --git a/bitwarden_license/bit-web/tsconfig.json b/bitwarden_license/bit-web/tsconfig.json index c9b3f43cb95..34d5213e1c3 100644 --- a/bitwarden_license/bit-web/tsconfig.json +++ b/bitwarden_license/bit-web/tsconfig.json @@ -7,5 +7,6 @@ "@bitwarden/angular/*": ["../../libs/angular/src/*"], "@bitwarden/components": ["../../libs/components/src"] } - } + }, + "include": ["src/**/*.stories.ts"] }