|
| 1 | +import { ComponentFixture, TestBed } from "@angular/core/testing"; |
| 2 | +import { Router } from "@angular/router"; |
| 3 | +import { of } from "rxjs"; |
| 4 | + |
| 5 | +import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service"; |
| 6 | +import { OrganizationId } from "@bitwarden/common/types/guid"; |
| 7 | +import { ButtonModule, DialogModule, DialogRef, DIALOG_DATA } from "@bitwarden/components"; |
| 8 | +import { VaultCarouselModule } from "@bitwarden/vault"; |
| 9 | + |
| 10 | +import { NewAdminWelcomeDialogComponent } from "./new-admin-welcome-dialog.component"; |
| 11 | +import { OnboardingService } from "./services/onboarding.service"; |
| 12 | + |
| 13 | +const mockOrganizationId = "test-org-id" as OrganizationId; |
| 14 | + |
| 15 | +const mockDialogRef = { |
| 16 | + close: jest.fn(), |
| 17 | + afterClosed: jest.fn().mockReturnValue(of(undefined)), |
| 18 | + closed: of(undefined), |
| 19 | +} as unknown as DialogRef<any, any>; |
| 20 | + |
| 21 | +const mockOnboardingService = { |
| 22 | + setNewAdminWelcomeDialogAcknowledged: jest.fn().mockResolvedValue(undefined), |
| 23 | +}; |
| 24 | + |
| 25 | +const mockRouter = { |
| 26 | + navigate: jest.fn().mockResolvedValue(true), |
| 27 | +}; |
| 28 | + |
| 29 | +describe("NewAdminWelcomeDialogComponent", () => { |
| 30 | + let component: NewAdminWelcomeDialogComponent; |
| 31 | + let fixture: ComponentFixture<NewAdminWelcomeDialogComponent>; |
| 32 | + |
| 33 | + beforeEach(async () => { |
| 34 | + jest.clearAllMocks(); |
| 35 | + |
| 36 | + await TestBed.configureTestingModule({ |
| 37 | + imports: [NewAdminWelcomeDialogComponent, VaultCarouselModule, DialogModule, ButtonModule], |
| 38 | + providers: [ |
| 39 | + { provide: I18nService, useValue: { t: (key: string) => key } }, |
| 40 | + { provide: DialogRef, useValue: mockDialogRef }, |
| 41 | + { provide: OnboardingService, useValue: mockOnboardingService }, |
| 42 | + { provide: Router, useValue: mockRouter }, |
| 43 | + { provide: DIALOG_DATA, useValue: { organizationId: mockOrganizationId } }, |
| 44 | + ], |
| 45 | + }).compileComponents(); |
| 46 | + |
| 47 | + fixture = TestBed.createComponent(NewAdminWelcomeDialogComponent); |
| 48 | + component = fixture.componentInstance; |
| 49 | + fixture.detectChanges(); |
| 50 | + }); |
| 51 | + |
| 52 | + it("should create", () => { |
| 53 | + expect(component).toBeTruthy(); |
| 54 | + }); |
| 55 | + |
| 56 | + it("starts on the first slide", () => { |
| 57 | + expect(component["currentSlide"]()).toBe(0); |
| 58 | + expect(component["isFirstSlide"]()).toBe(true); |
| 59 | + expect(component["isLastSlide"]()).toBe(false); |
| 60 | + }); |
| 61 | + |
| 62 | + it("onSlideChange updates the currentSlide signal", () => { |
| 63 | + component["onSlideChange"](2); |
| 64 | + expect(component["currentSlide"]()).toBe(2); |
| 65 | + }); |
| 66 | + |
| 67 | + it("isLastSlide is true when on slide 3 (index 3)", () => { |
| 68 | + component["onSlideChange"](3); |
| 69 | + expect(component["isLastSlide"]()).toBe(true); |
| 70 | + expect(component["isFirstSlide"]()).toBe(false); |
| 71 | + }); |
| 72 | + |
| 73 | + describe("onSkip", () => { |
| 74 | + it("calls setNewAdminWelcomeDialogAcknowledged", async () => { |
| 75 | + await component["onSkip"](); |
| 76 | + expect(mockOnboardingService.setNewAdminWelcomeDialogAcknowledged).toHaveBeenCalledTimes(1); |
| 77 | + }); |
| 78 | + |
| 79 | + it("closes the dialog", async () => { |
| 80 | + await component["onSkip"](); |
| 81 | + expect(mockDialogRef.close).toHaveBeenCalledTimes(1); |
| 82 | + }); |
| 83 | + }); |
| 84 | + |
| 85 | + describe("onImportData", () => { |
| 86 | + it("calls setNewAdminWelcomeDialogAcknowledged", async () => { |
| 87 | + await component["onImportData"](); |
| 88 | + expect(mockOnboardingService.setNewAdminWelcomeDialogAcknowledged).toHaveBeenCalledTimes(1); |
| 89 | + }); |
| 90 | + |
| 91 | + it("navigates to the org import page", async () => { |
| 92 | + await component["onImportData"](); |
| 93 | + expect(mockRouter.navigate).toHaveBeenCalledWith( |
| 94 | + ["/organizations", mockOrganizationId, "settings", "tools", "import"], |
| 95 | + { queryParams: { returnTo: "access-intelligence" } }, |
| 96 | + ); |
| 97 | + }); |
| 98 | + |
| 99 | + it("closes the dialog", async () => { |
| 100 | + await component["onImportData"](); |
| 101 | + expect(mockDialogRef.close).toHaveBeenCalledTimes(1); |
| 102 | + }); |
| 103 | + |
| 104 | + it("closes the dialog before navigating", async () => { |
| 105 | + const callOrder: string[] = []; |
| 106 | + (mockDialogRef.close as jest.Mock).mockImplementation(() => callOrder.push("close")); |
| 107 | + mockRouter.navigate.mockImplementation(async () => { |
| 108 | + callOrder.push("navigate"); |
| 109 | + return true; |
| 110 | + }); |
| 111 | + |
| 112 | + await component["onImportData"](); |
| 113 | + |
| 114 | + expect(callOrder).toEqual(["close", "navigate"]); |
| 115 | + }); |
| 116 | + }); |
| 117 | +}); |
0 commit comments