/* * 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 { KeyBackupCheck } from "matrix-js-sdk/src/crypto-api"; import { EncryptionUserSettingsTab } from "../../../../../../../src/components/views/settings/tabs/user/EncryptionUserSettingsTab"; import { createTestClient, withClientContextRenderOptions } from "../../../../../../test-utils"; import Modal from "../../../../../../../src/Modal"; describe("", () => { let matrixClient: MatrixClient; beforeEach(() => { matrixClient = createTestClient(); jest.spyOn(matrixClient.getCrypto()!, "isCrossSigningReady").mockResolvedValue(true); // Key backup is enabled jest.spyOn(matrixClient.getCrypto()!, "checkKeyBackupAndEnable").mockResolvedValue({} as KeyBackupCheck); // Secrets are cached jest.spyOn(matrixClient.getCrypto()!, "getCrossSigningStatus").mockResolvedValue({ privateKeysInSecretStorage: true, publicKeysOnDevice: true, privateKeysCachedLocally: { masterKey: true, selfSigningKey: true, userSigningKey: true, }, }); }); function renderComponent() { return render(, withClientContextRenderOptions(matrixClient)); } it("should display a loading state when the verification 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 device is not verified", 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 device is verified", async () => { renderComponent(); await waitFor(() => expect(screen.getByText("Recovery")).toBeInTheDocument()); }); 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.getCrypto()!, "checkKeyBackupAndEnable").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(); }); });