/* Copyright 2022 The Matrix.org Foundation C.I.C. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ import React from "react"; import { act, render, RenderResult, screen, waitFor } from "@testing-library/react"; import { DEVICE_CODE_SCOPE, MatrixClient, MatrixEvent, Room } from "matrix-js-sdk/src/matrix"; import { CryptoApi } from "matrix-js-sdk/src/crypto-api"; import { mocked } from "jest-mock"; import fetchMock from "fetch-mock-jest"; import UnwrappedUserMenu from "../../../src/components/structures/UserMenu"; import { stubClient, wrapInSdkContext } from "../../test-utils"; import { VoiceBroadcastInfoState, VoiceBroadcastRecording, VoiceBroadcastRecordingsStore, } from "../../../src/voice-broadcast"; import { mkVoiceBroadcastInfoStateEvent } from "../../voice-broadcast/utils/test-utils"; import { TestSdkContext } from "../../TestSdkContext"; import defaultDispatcher from "../../../src/dispatcher/dispatcher"; import LogoutDialog from "../../../src/components/views/dialogs/LogoutDialog"; import Modal from "../../../src/Modal"; import SettingsStore from "../../../src/settings/SettingsStore"; import { Features } from "../../../src/settings/Settings"; import { SettingLevel } from "../../../src/settings/SettingLevel"; import { mockOpenIdConfiguration } from "../../test-utils/oidc"; import { Action } from "../../../src/dispatcher/actions"; import { UserTab } from "../../../src/components/views/dialogs/UserTab"; describe("", () => { let client: MatrixClient; let renderResult: RenderResult; let sdkContext: TestSdkContext; beforeEach(() => { sdkContext = new TestSdkContext(); }); describe(" when video broadcast", () => { let voiceBroadcastInfoEvent: MatrixEvent; let voiceBroadcastRecording: VoiceBroadcastRecording; let voiceBroadcastRecordingsStore: VoiceBroadcastRecordingsStore; beforeAll(() => { client = stubClient(); voiceBroadcastInfoEvent = mkVoiceBroadcastInfoStateEvent( "!room:example.com", VoiceBroadcastInfoState.Started, client.getUserId() || "", client.getDeviceId() || "", ); }); beforeEach(() => { voiceBroadcastRecordingsStore = new VoiceBroadcastRecordingsStore(); sdkContext._VoiceBroadcastRecordingsStore = voiceBroadcastRecordingsStore; voiceBroadcastRecording = new VoiceBroadcastRecording(voiceBroadcastInfoEvent, client); }); describe("when rendered", () => { beforeEach(() => { const UserMenu = wrapInSdkContext(UnwrappedUserMenu, sdkContext); renderResult = render(); }); it("should render as expected", () => { expect(renderResult.container).toMatchSnapshot(); }); describe("and a live voice broadcast starts", () => { beforeEach(() => { act(() => { voiceBroadcastRecordingsStore.setCurrent(voiceBroadcastRecording); }); }); it("should render the live voice broadcast avatar addon", () => { expect(renderResult.queryByTestId("user-menu-live-vb")).toBeInTheDocument(); }); describe("and the broadcast ends", () => { beforeEach(() => { act(() => { voiceBroadcastRecordingsStore.clearCurrent(); }); }); it("should not render the live voice broadcast avatar addon", () => { expect(renderResult.queryByTestId("user-menu-live-vb")).not.toBeInTheDocument(); }); }); }); }); }); describe(" logout", () => { beforeEach(() => { client = stubClient(); }); it("should logout directly if no crypto", async () => { const UserMenu = wrapInSdkContext(UnwrappedUserMenu, sdkContext); renderResult = render(); mocked(client.getRooms).mockReturnValue([ { roomId: "!room0", } as unknown as Room, { roomId: "!room1", } as unknown as Room, ]); jest.spyOn(client, "getCrypto").mockReturnValue(undefined); const spy = jest.spyOn(defaultDispatcher, "dispatch"); screen.getByRole("button", { name: /User menu/i }).click(); (await screen.findByRole("menuitem", { name: /Sign out/i })).click(); await waitFor(() => { expect(spy).toHaveBeenCalledWith({ action: "logout" }); }); }); it("should logout directly if no encrypted rooms", async () => { const UserMenu = wrapInSdkContext(UnwrappedUserMenu, sdkContext); renderResult = render(); mocked(client.getRooms).mockReturnValue([ { roomId: "!room0", } as unknown as Room, { roomId: "!room1", } as unknown as Room, ]); const crypto = client.getCrypto()!; jest.spyOn(crypto, "isEncryptionEnabledInRoom").mockResolvedValue(false); const spy = jest.spyOn(defaultDispatcher, "dispatch"); screen.getByRole("button", { name: /User menu/i }).click(); (await screen.findByRole("menuitem", { name: /Sign out/i })).click(); await waitFor(() => { expect(spy).toHaveBeenCalledWith({ action: "logout" }); }); }); it("should show dialog if some encrypted rooms", async () => { const UserMenu = wrapInSdkContext(UnwrappedUserMenu, sdkContext); renderResult = render(); mocked(client.getRooms).mockReturnValue([ { roomId: "!room0", } as unknown as Room, { roomId: "!room1", } as unknown as Room, ]); const crypto = client.getCrypto()!; jest.spyOn(crypto, "isEncryptionEnabledInRoom").mockImplementation(async (roomId: string) => { return roomId === "!room0"; }); const spy = jest.spyOn(Modal, "createDialog"); screen.getByRole("button", { name: /User menu/i }).click(); (await screen.findByRole("menuitem", { name: /Sign out/i })).click(); await waitFor(() => { expect(spy).toHaveBeenCalledWith(LogoutDialog); }); }); }); it("should render 'Link new device' button in OIDC native mode", async () => { sdkContext.client = stubClient(); mocked(sdkContext.client.getAuthIssuer).mockResolvedValue({ issuer: "https://issuer/" }); const openIdMetadata = mockOpenIdConfiguration("https://issuer/"); openIdMetadata.grant_types_supported.push(DEVICE_CODE_SCOPE); fetchMock.get("https://issuer/.well-known/openid-configuration", openIdMetadata); fetchMock.get("https://issuer/jwks", { status: 200, headers: { "Content-Type": "application/json", }, keys: [], }); mocked(sdkContext.client.getVersions).mockResolvedValue({ versions: [], unstable_features: { "org.matrix.msc4108": true, }, }); mocked(sdkContext.client.waitForClientWellKnown).mockResolvedValue({}); mocked(sdkContext.client.getCrypto).mockReturnValue({ isCrossSigningReady: jest.fn().mockResolvedValue(true), exportSecretsBundle: jest.fn().mockResolvedValue({}), } as unknown as CryptoApi); await SettingsStore.setValue(Features.OidcNativeFlow, null, SettingLevel.DEVICE, true); const spy = jest.spyOn(defaultDispatcher, "dispatch"); const UserMenu = wrapInSdkContext(UnwrappedUserMenu, sdkContext); render(); screen.getByRole("button", { name: /User menu/i }).click(); await expect(screen.findByText("Link new device")).resolves.toBeInTheDocument(); // Assert the QR code is shown directly screen.getByRole("menuitem", { name: "Link new device" }).click(); await waitFor(() => { expect(spy).toHaveBeenCalledWith({ action: Action.ViewUserSettings, initialTabId: UserTab.SessionManager, props: { showMsc4108QrCode: true }, }); }); }); });