Removed DecryptionFailureBar.tsx (#11027)
This commit is contained in:
Florian Duros
GitHub
parent
6b46d6e4f8
commit
68ebcd2956
6 changed files with 0 additions and 1739 deletions
|
|
@ -1,449 +0,0 @@
|
|||
/*
|
||||
Copyright 2022 The Matrix.org Foundation C.I.C.
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import React from "react";
|
||||
import { act, fireEvent, render, screen, waitFor, RenderResult } from "@testing-library/react";
|
||||
import "@testing-library/jest-dom";
|
||||
|
||||
import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
|
||||
import { DecryptionFailureBar } from "../../../../src/components/views/rooms/DecryptionFailureBar";
|
||||
import defaultDispatcher from "../../../../src/dispatcher/dispatcher";
|
||||
import { Action } from "../../../../src/dispatcher/actions";
|
||||
|
||||
type MockDevice = { deviceId: string };
|
||||
|
||||
const verifiedDevice1: MockDevice = { deviceId: "verified1" };
|
||||
const verifiedDevice2: MockDevice = { deviceId: "verified2" };
|
||||
const unverifiedDevice1: MockDevice = { deviceId: "unverified1" };
|
||||
const unverifiedDevice2: MockDevice = { deviceId: "unverified2" };
|
||||
|
||||
const mockEvent1 = {
|
||||
event: { event_id: "mockEvent1" },
|
||||
getWireContent: () => ({ session_id: "sessionA" }),
|
||||
};
|
||||
|
||||
const mockEvent2 = {
|
||||
event: { event_id: "mockEvent2" },
|
||||
getWireContent: () => ({ session_id: "sessionB" }),
|
||||
};
|
||||
|
||||
const mockEvent3 = {
|
||||
event: { event_id: "mockEvent3" },
|
||||
getWireContent: () => ({ session_id: "sessionB" }),
|
||||
};
|
||||
|
||||
const userId = "@user:example.com";
|
||||
|
||||
let ourDevice: MockDevice | undefined;
|
||||
let allDevices: MockDevice[] | undefined;
|
||||
let keyBackup = false;
|
||||
let callback = async () => {};
|
||||
|
||||
const mockClient = {
|
||||
getUserId: () => userId,
|
||||
getDeviceId: () => ourDevice?.deviceId,
|
||||
getStoredDevicesForUser: () => allDevices,
|
||||
isSecretStored: jest.fn(() => Promise.resolve(keyBackup ? { key: "yes" } : null)),
|
||||
checkIfOwnDeviceCrossSigned: (deviceId: string) => deviceId.startsWith("verified"),
|
||||
downloadKeys: jest.fn(() => {}),
|
||||
cancelAndResendEventRoomKeyRequest: jest.fn(() => {}),
|
||||
on: (_: any, cb: () => Promise<void>) => {
|
||||
callback = cb;
|
||||
},
|
||||
off: () => {},
|
||||
};
|
||||
|
||||
function getBar(wrapper: RenderResult) {
|
||||
return wrapper.container.querySelector(".mx_DecryptionFailureBar");
|
||||
}
|
||||
|
||||
describe("<DecryptionFailureBar />", () => {
|
||||
beforeEach(() => {
|
||||
jest.useFakeTimers();
|
||||
jest.spyOn(defaultDispatcher, "dispatch").mockRestore();
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
const container = document.body.firstChild;
|
||||
container && document.body.removeChild(container);
|
||||
|
||||
jest.runOnlyPendingTimers();
|
||||
jest.useRealTimers();
|
||||
|
||||
mockClient.cancelAndResendEventRoomKeyRequest.mockClear();
|
||||
});
|
||||
|
||||
it("Displays a loading spinner", async () => {
|
||||
ourDevice = unverifiedDevice1;
|
||||
allDevices = [unverifiedDevice1];
|
||||
|
||||
const bar = render(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent1,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
await waitFor(() => expect(mockClient.isSecretStored).toHaveBeenCalled());
|
||||
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
bar.unmount();
|
||||
});
|
||||
|
||||
it("Prompts the user to verify if they have other devices", async () => {
|
||||
ourDevice = unverifiedDevice1;
|
||||
allDevices = [unverifiedDevice1, verifiedDevice1];
|
||||
keyBackup = false;
|
||||
|
||||
const bar = render(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent1,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
await waitFor(() => expect(mockClient.isSecretStored).toHaveBeenCalled());
|
||||
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(5000);
|
||||
});
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
bar.unmount();
|
||||
});
|
||||
|
||||
it("Prompts the user to verify if they have backups", async () => {
|
||||
ourDevice = unverifiedDevice1;
|
||||
allDevices = [unverifiedDevice1];
|
||||
keyBackup = true;
|
||||
|
||||
const bar = render(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent1,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
await waitFor(() => expect(mockClient.isSecretStored).toHaveBeenCalled());
|
||||
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(5000);
|
||||
});
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
bar.unmount();
|
||||
});
|
||||
|
||||
it("Prompts the user to reset if they have no other verified devices and no backups", async () => {
|
||||
ourDevice = unverifiedDevice1;
|
||||
allDevices = [unverifiedDevice1, unverifiedDevice2];
|
||||
keyBackup = false;
|
||||
|
||||
const bar = render(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent1,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
await waitFor(() => expect(mockClient.isSecretStored).toHaveBeenCalled());
|
||||
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(5000);
|
||||
});
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
bar.unmount();
|
||||
});
|
||||
|
||||
it("Recommends opening other devices if there are other verified devices", async () => {
|
||||
ourDevice = verifiedDevice1;
|
||||
allDevices = [verifiedDevice1, verifiedDevice2];
|
||||
keyBackup = false;
|
||||
|
||||
const bar = render(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent1,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
await waitFor(() => expect(mockClient.isSecretStored).toHaveBeenCalled());
|
||||
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(5000);
|
||||
});
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
bar.unmount();
|
||||
});
|
||||
|
||||
it("Displays a general error message if there are no other verified devices", async () => {
|
||||
ourDevice = verifiedDevice1;
|
||||
allDevices = [verifiedDevice1, unverifiedDevice1];
|
||||
keyBackup = true;
|
||||
|
||||
const bar = render(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent1,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
await waitFor(() => expect(mockClient.isSecretStored).toHaveBeenCalled());
|
||||
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(5000);
|
||||
});
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
bar.unmount();
|
||||
});
|
||||
|
||||
it("Displays button to resend key requests if we are verified", async () => {
|
||||
ourDevice = verifiedDevice1;
|
||||
allDevices = [verifiedDevice1, verifiedDevice2];
|
||||
|
||||
const bar = render(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent1,
|
||||
// @ts-ignore
|
||||
mockEvent2,
|
||||
// @ts-ignore
|
||||
mockEvent3,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
await waitFor(() => expect(mockClient.isSecretStored).toHaveBeenCalled());
|
||||
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(5000);
|
||||
});
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
fireEvent.click(screen.getByText("Resend key requests"));
|
||||
|
||||
expect(mockClient.cancelAndResendEventRoomKeyRequest).toHaveBeenCalledTimes(2);
|
||||
expect(mockClient.cancelAndResendEventRoomKeyRequest).toHaveBeenCalledWith(mockEvent1);
|
||||
expect(mockClient.cancelAndResendEventRoomKeyRequest).toHaveBeenCalledWith(mockEvent2);
|
||||
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
bar.unmount();
|
||||
});
|
||||
it("Displays button to review device list if we are verified", async () => {
|
||||
// stub so we dont have to deal with launching modals
|
||||
jest.spyOn(defaultDispatcher, "dispatch").mockImplementation(() => {});
|
||||
ourDevice = verifiedDevice1;
|
||||
allDevices = [verifiedDevice1, verifiedDevice2];
|
||||
|
||||
const bar = render(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent1,
|
||||
// @ts-ignore
|
||||
mockEvent2,
|
||||
// @ts-ignore
|
||||
mockEvent3,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
await waitFor(() => expect(mockClient.isSecretStored).toHaveBeenCalled());
|
||||
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(5000);
|
||||
});
|
||||
|
||||
fireEvent.click(screen.getByText("View your device list"));
|
||||
|
||||
expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ action: Action.ViewUserDeviceSettings });
|
||||
|
||||
bar.unmount();
|
||||
});
|
||||
|
||||
it("Does not display a button to send key requests if we are unverified", async () => {
|
||||
ourDevice = unverifiedDevice1;
|
||||
allDevices = [unverifiedDevice1, verifiedDevice2];
|
||||
|
||||
const bar = render(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent1,
|
||||
// @ts-ignore
|
||||
mockEvent2,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
await waitFor(() => expect(mockClient.isSecretStored).toHaveBeenCalled());
|
||||
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(5000);
|
||||
});
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
bar.unmount();
|
||||
});
|
||||
|
||||
it("Displays the button to resend key requests only if there are sessions we haven't already requested", async () => {
|
||||
ourDevice = verifiedDevice1;
|
||||
allDevices = [verifiedDevice1, verifiedDevice2];
|
||||
|
||||
const bar = render(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent3,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
await waitFor(() => expect(mockClient.isSecretStored).toHaveBeenCalled());
|
||||
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(5000);
|
||||
});
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
fireEvent.click(screen.getByText("Resend key requests"));
|
||||
|
||||
expect(mockClient.cancelAndResendEventRoomKeyRequest).toHaveBeenCalledTimes(1);
|
||||
expect(mockClient.cancelAndResendEventRoomKeyRequest).toHaveBeenCalledWith(mockEvent3);
|
||||
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
bar.rerender(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent1,
|
||||
// @ts-ignore
|
||||
mockEvent2,
|
||||
// @ts-ignore
|
||||
mockEvent3,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
mockClient.cancelAndResendEventRoomKeyRequest.mockClear();
|
||||
|
||||
fireEvent.click(screen.getByText("Resend key requests"));
|
||||
|
||||
expect(mockClient.cancelAndResendEventRoomKeyRequest).toHaveBeenCalledTimes(1);
|
||||
expect(mockClient.cancelAndResendEventRoomKeyRequest).toHaveBeenCalledWith(mockEvent1);
|
||||
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
bar.unmount();
|
||||
});
|
||||
|
||||
it("Handles device updates", async () => {
|
||||
ourDevice = unverifiedDevice1;
|
||||
allDevices = [unverifiedDevice1, verifiedDevice2];
|
||||
|
||||
const bar = render(
|
||||
// @ts-ignore
|
||||
<MatrixClientContext.Provider value={mockClient}>
|
||||
<DecryptionFailureBar
|
||||
failures={[
|
||||
// @ts-ignore
|
||||
mockEvent1,
|
||||
// @ts-ignore
|
||||
mockEvent2,
|
||||
]}
|
||||
/>
|
||||
,
|
||||
</MatrixClientContext.Provider>,
|
||||
);
|
||||
|
||||
await waitFor(() => expect(mockClient.isSecretStored).toHaveBeenCalled());
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(5000);
|
||||
});
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
ourDevice = verifiedDevice1;
|
||||
await act(callback);
|
||||
expect(getBar(bar)).toMatchSnapshot();
|
||||
|
||||
bar.unmount();
|
||||
});
|
||||
});
|
||||
|
|
@ -1,705 +0,0 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`<DecryptionFailureBar /> Displays a general error message if there are no other verified devices 1`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Some messages could not be decrypted
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
Unfortunately, there are no other verified devices to request decryption keys from. Signing in and verifying other devices may help avoid this situation in the future.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
/>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Displays a loading spinner 1`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_Spinner"
|
||||
>
|
||||
<div
|
||||
aria-label="Loading…"
|
||||
class="mx_Spinner_icon"
|
||||
data-testid="spinner"
|
||||
role="progressbar"
|
||||
style="width: 24px; height: 24px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Decrypting messages…
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
Please wait as we try to decrypt your messages. This may take a few moments.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
/>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Displays button to resend key requests if we are verified 1`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Open another device to load encrypted messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device is requesting decryption keys from your other devices. Opening one of your other devices may speed this up.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
View your device list
|
||||
</div>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
Resend key requests
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Displays button to resend key requests if we are verified 2`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Open another device to load encrypted messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device is requesting decryption keys from your other devices. Opening one of your other devices may speed this up.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
View your device list
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Displays the button to resend key requests only if there are sessions we haven't already requested 1`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Open another device to load encrypted messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device is requesting decryption keys from your other devices. Opening one of your other devices may speed this up.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
View your device list
|
||||
</div>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
Resend key requests
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Displays the button to resend key requests only if there are sessions we haven't already requested 2`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Open another device to load encrypted messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device is requesting decryption keys from your other devices. Opening one of your other devices may speed this up.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
View your device list
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Displays the button to resend key requests only if there are sessions we haven't already requested 3`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Open another device to load encrypted messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device is requesting decryption keys from your other devices. Opening one of your other devices may speed this up.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
View your device list
|
||||
</div>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
Resend key requests
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Displays the button to resend key requests only if there are sessions we haven't already requested 4`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Open another device to load encrypted messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device is requesting decryption keys from your other devices. Opening one of your other devices may speed this up.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
View your device list
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Does not display a button to send key requests if we are unverified 1`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Verify this device to access all messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device was unable to decrypt some messages because it has not been verified yet.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
Verify
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Handles device updates 1`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Verify this device to access all messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device was unable to decrypt some messages because it has not been verified yet.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
Verify
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Handles device updates 2`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Open another device to load encrypted messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device is requesting decryption keys from your other devices. Opening one of your other devices may speed this up.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
View your device list
|
||||
</div>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
Resend key requests
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Prompts the user to reset if they have no other verified devices and no backups 1`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Reset your keys to prevent future decryption errors
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
You will not be able to access old undecryptable messages, but resetting your keys will allow you to receive new messages.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
Reset
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Prompts the user to verify if they have backups 1`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Verify this device to access all messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device was unable to decrypt some messages because it has not been verified yet.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
Verify
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Prompts the user to verify if they have other devices 1`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Verify this device to access all messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device was unable to decrypt some messages because it has not been verified yet.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
Verify
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`<DecryptionFailureBar /> Recommends opening other devices if there are other verified devices 1`] = `
|
||||
<div
|
||||
class="mx_DecryptionFailureBar mx_DecryptionFailureBar--withEnd"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status"
|
||||
>
|
||||
<div
|
||||
data-testid="decryption-failure-bar-indicator"
|
||||
>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_status_icon"
|
||||
data-testid="decryption-failure-bar-icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_headline"
|
||||
>
|
||||
Open another device to load encrypted messages
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_start_message"
|
||||
>
|
||||
This device is requesting decryption keys from your other devices. Opening one of your other devices may speed this up.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mx_DecryptionFailureBar_end"
|
||||
>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
View your device list
|
||||
</div>
|
||||
<div
|
||||
class="mx_AccessibleButton mx_DecryptionFailureBar_end_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
||||
data-testid="decryption-failure-bar-button"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
Resend key requests
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
Loading…
Add table
Add a link
Reference in a new issue