56c7fc1948
* prevent user from accidentally triggering multiple identity resets * apply changes from review and update to latest design * Use a CSS class and compound variable * update snapshot * Update test/unit-tests/components/views/settings/encryption/ResetIdentityPanel-test.tsx --------- Co-authored-by: Richard van der Hoff <richard@matrix.org> Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
58 lines
2.3 KiB
TypeScript
58 lines
2.3 KiB
TypeScript
/*
|
|
* Copyright 2025 New Vector Ltd.
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
* Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import React from "react";
|
|
import { type MatrixClient } from "matrix-js-sdk/src/matrix";
|
|
import { sleep, defer } from "matrix-js-sdk/src/utils";
|
|
import { render, screen } from "jest-matrix-react";
|
|
import userEvent from "@testing-library/user-event";
|
|
|
|
import { ResetIdentityPanel } from "../../../../../../src/components/views/settings/encryption/ResetIdentityPanel";
|
|
import { createTestClient, withClientContextRenderOptions } from "../../../../../test-utils";
|
|
|
|
describe("<ResetIdentityPanel />", () => {
|
|
let matrixClient: MatrixClient;
|
|
|
|
beforeEach(() => {
|
|
matrixClient = createTestClient();
|
|
});
|
|
|
|
it("should reset the encryption when the continue button is clicked", async () => {
|
|
const user = userEvent.setup();
|
|
|
|
const onFinish = jest.fn();
|
|
const { asFragment } = render(
|
|
<ResetIdentityPanel variant="compromised" onFinish={onFinish} onCancelClick={jest.fn()} />,
|
|
withClientContextRenderOptions(matrixClient),
|
|
);
|
|
expect(asFragment()).toMatchSnapshot();
|
|
|
|
// We need to pause the reset so that we can check that it's providing
|
|
// feedback to the user that something is happening.
|
|
const { promise: resetEncryptionPromise, resolve: resolveResetEncryption } = defer();
|
|
jest.spyOn(matrixClient.getCrypto()!, "resetEncryption").mockReturnValue(resetEncryptionPromise);
|
|
|
|
const continueButton = screen.getByRole("button", { name: "Continue" });
|
|
await user.click(continueButton);
|
|
expect(asFragment()).toMatchSnapshot();
|
|
resolveResetEncryption!();
|
|
await sleep(0);
|
|
|
|
expect(matrixClient.getCrypto()!.resetEncryption).toHaveBeenCalled();
|
|
expect(onFinish).toHaveBeenCalled();
|
|
});
|
|
|
|
it("should display the 'forgot recovery key' variant correctly", async () => {
|
|
const onFinish = jest.fn();
|
|
const { asFragment } = render(
|
|
<ResetIdentityPanel variant="forgot" onFinish={onFinish} onCancelClick={jest.fn()} />,
|
|
withClientContextRenderOptions(matrixClient),
|
|
);
|
|
expect(asFragment()).toMatchSnapshot();
|
|
});
|
|
});
|