99 lines
		
	
	
		
			4.1 KiB
		
	
	
	
		
			TypeScript
		
	
	
			
		
		
	
	
			99 lines
		
	
	
		
			4.1 KiB
		
	
	
	
		
			TypeScript
		
	
	
| /*
 | |
|  * 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("<EncryptionUserSettingsTab />", () => {
 | |
|     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(<EncryptionUserSettingsTab />, 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();
 | |
|     });
 | |
| });
 |