/* * Copyright 2024 New Vector Ltd. * * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only * Please see LICENSE files in the repository root for full details. */ import React from "react"; import { render, screen } from "jest-matrix-react"; import { MatrixClient } from "matrix-js-sdk/src/matrix"; import { waitFor } from "@testing-library/dom"; import userEvent from "@testing-library/user-event"; import { mocked } from "jest-mock"; import { EncryptionUserSettingsTab, State, } from "../../../../../../../src/components/views/settings/tabs/user/EncryptionUserSettingsTab"; import { createTestClient, withClientContextRenderOptions } from "../../../../../../test-utils"; import Modal from "../../../../../../../src/Modal"; import { accessSecretStorage } from "../../../../../../../src/SecurityManager"; jest.mock("../../../../../../../src/SecurityManager", () => ({ accessSecretStorage: jest.fn(), })); describe("", () => { let matrixClient: MatrixClient; beforeEach(() => { matrixClient = createTestClient(); jest.spyOn(matrixClient.getCrypto()!, "isCrossSigningReady").mockResolvedValue(true); // Recovery key is available jest.spyOn(matrixClient.secretStorage, "getDefaultKeyId").mockResolvedValue("default key"); // Secrets are cached jest.spyOn(matrixClient.getCrypto()!, "getCrossSigningStatus").mockResolvedValue({ privateKeysInSecretStorage: true, publicKeysOnDevice: true, privateKeysCachedLocally: { masterKey: true, selfSigningKey: true, userSigningKey: true, }, }); mocked(accessSecretStorage).mockClear().mockResolvedValue(); }); function renderComponent(props: { initialState?: State } = {}) { return render(, withClientContextRenderOptions(matrixClient)); } it("should display a loading state when the encryption state is computed", () => { jest.spyOn(matrixClient.getCrypto()!, "isCrossSigningReady").mockImplementation(() => new Promise(() => {})); renderComponent(); expect(screen.getByLabelText("Loading…")).toBeInTheDocument(); }); it("should display a verify button when the encryption is not set up", async () => { const user = userEvent.setup(); jest.spyOn(matrixClient.getCrypto()!, "isCrossSigningReady").mockResolvedValue(false); const { asFragment } = renderComponent(); await waitFor(() => expect( screen.getByText("You need to verify this device in order to view your encryption settings."), ).toBeInTheDocument(), ); expect(asFragment()).toMatchSnapshot(); const spy = jest.spyOn(Modal, "createDialog").mockReturnValue({} as any); await user.click(screen.getByText("Verify this device")); expect(spy).toHaveBeenCalled(); }); it("should display the recovery panel when the encryption is set up", async () => { renderComponent(); await waitFor(() => expect(screen.getByText("Recovery")).toBeInTheDocument()); }); it("should ask to enter the recovery key when secrets are not cached", async () => { // Secrets are not cached jest.spyOn(matrixClient.getCrypto()!, "getCrossSigningStatus").mockResolvedValue({ privateKeysInSecretStorage: true, publicKeysOnDevice: true, privateKeysCachedLocally: { masterKey: false, selfSigningKey: true, userSigningKey: true, }, }); const user = userEvent.setup(); const { asFragment } = renderComponent(); await waitFor(() => screen.getByRole("button", { name: "Enter recovery key" })); expect(asFragment()).toMatchSnapshot(); await user.click(screen.getByRole("button", { name: "Enter recovery key" })); expect(accessSecretStorage).toHaveBeenCalled(); }); it("should display the change recovery key panel when the user clicks on the change recovery button", async () => { const user = userEvent.setup(); const { asFragment } = renderComponent(); await waitFor(() => { const button = screen.getByRole("button", { name: "Change recovery key" }); expect(button).toBeInTheDocument(); user.click(button); }); await waitFor(() => expect(screen.getByText("Change recovery key")).toBeInTheDocument()); expect(asFragment()).toMatchSnapshot(); }); it("should display the set up recovery key when the user clicks on the set up recovery key button", async () => { jest.spyOn(matrixClient.secretStorage, "getDefaultKeyId").mockResolvedValue(null); const user = userEvent.setup(); const { asFragment } = renderComponent(); await waitFor(() => { const button = screen.getByRole("button", { name: "Set up recovery" }); expect(button).toBeInTheDocument(); user.click(button); }); await waitFor(() => expect(screen.getByText("Set up recovery")).toBeInTheDocument()); expect(asFragment()).toMatchSnapshot(); }); it("should display the reset identity panel when the user clicks on the reset cryptographic identity panel", async () => { const user = userEvent.setup(); const { asFragment } = renderComponent(); await waitFor(() => { const button = screen.getByRole("button", { name: "Reset cryptographic identity" }); expect(button).toBeInTheDocument(); user.click(button); }); await waitFor(() => expect(screen.getByText("Are you sure you want to reset your identity?")).toBeInTheDocument(), ); expect(asFragment()).toMatchSnapshot(); }); it("should enter reset flow when showResetIdentity is set", () => { renderComponent({ initialState: "reset_identity_forgot" }); expect( screen.getByRole("heading", { name: "Forgot your recovery key? You’ll need to reset your identity." }), ).toBeVisible(); }); });