mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-21 04:45:12 +03:00
91e84f7951
* Upgrade to latest compound-web package * Use a custom render function for jest tests This way we don't need to manually wrap our components with <TooltipProvider> * Pin wrap-ansi to fix broken yarn install * Add playwright helper to find tooltip from element and use it in the failing test * Exclude floating-ui divs/spans from axe testing This is rendered outside .MatrixChat by compound and contains all the tooltips. * Wrap outermost components with TooltipProvider * Remove onChange and use onSelect for toggle * Fix jest tests and update snapshots * Use vector-im/matrix-wysiwig --------- Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
76 lines
3 KiB
TypeScript
76 lines
3 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2023 The Matrix.org Foundation C.I.C.
|
|
|
|
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 { mocked, MockedObject } from "jest-mock";
|
|
import { MatrixClient } from "matrix-js-sdk/src/matrix";
|
|
import { CryptoApi, KeyBackupInfo } from "matrix-js-sdk/src/crypto-api";
|
|
import { render, RenderResult } from "jest-matrix-react";
|
|
|
|
import { filterConsole, getMockClientWithEventEmitter, mockClientMethodsCrypto } from "../../../test-utils";
|
|
import LogoutDialog from "../../../../src/components/views/dialogs/LogoutDialog";
|
|
|
|
describe("LogoutDialog", () => {
|
|
let mockClient: MockedObject<MatrixClient>;
|
|
let mockCrypto: MockedObject<CryptoApi>;
|
|
|
|
beforeEach(() => {
|
|
mockClient = getMockClientWithEventEmitter({
|
|
...mockClientMethodsCrypto(),
|
|
getKeyBackupVersion: jest.fn(),
|
|
});
|
|
|
|
mockCrypto = mocked(mockClient.getCrypto()!);
|
|
Object.assign(mockCrypto, {
|
|
getActiveSessionBackupVersion: jest.fn().mockResolvedValue(null),
|
|
});
|
|
});
|
|
|
|
function renderComponent(props: Partial<React.ComponentProps<typeof LogoutDialog>> = {}): RenderResult {
|
|
const onFinished = jest.fn();
|
|
return render(<LogoutDialog onFinished={onFinished} {...props} />);
|
|
}
|
|
|
|
it("shows a regular dialog when crypto is disabled", async () => {
|
|
mocked(mockClient.getCrypto).mockReturnValue(undefined);
|
|
const rendered = renderComponent();
|
|
await rendered.findByText("Are you sure you want to sign out?");
|
|
expect(rendered.container).toMatchSnapshot();
|
|
});
|
|
|
|
it("shows a regular dialog if backups are working", async () => {
|
|
mockCrypto.getActiveSessionBackupVersion.mockResolvedValue("1");
|
|
const rendered = renderComponent();
|
|
await rendered.findByText("Are you sure you want to sign out?");
|
|
});
|
|
|
|
it("Prompts user to connect backup if there is a backup on the server", async () => {
|
|
mockClient.getKeyBackupVersion.mockResolvedValue({} as KeyBackupInfo);
|
|
const rendered = renderComponent();
|
|
await rendered.findByText("Connect this session to Key Backup");
|
|
expect(rendered.container).toMatchSnapshot();
|
|
});
|
|
|
|
it("Prompts user to set up backup if there is no backup on the server", async () => {
|
|
mockClient.getKeyBackupVersion.mockResolvedValue(null);
|
|
const rendered = renderComponent();
|
|
await rendered.findByText("Start using Key Backup");
|
|
expect(rendered.container).toMatchSnapshot();
|
|
});
|
|
|
|
describe("when there is an error fetching backups", () => {
|
|
filterConsole("Unable to fetch key backup status");
|
|
it("prompts user to set up backup", async () => {
|
|
mockClient.getKeyBackupVersion.mockImplementation(async () => {
|
|
throw new Error("beep");
|
|
});
|
|
const rendered = renderComponent();
|
|
await rendered.findByText("Start using Key Backup");
|
|
});
|
|
});
|
|
});
|