mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-22 22:10:18 +03:00
b6364a4cea
* `LabsUserSettingsTab-test.tsx`: use a real `SdkConfig` ... instead of mocking it out. Doing so allows us more flexibility, and gives a more realistic test. * Enable the rust-crypto labs button * fix up a test
143 lines
6.2 KiB
TypeScript
143 lines
6.2 KiB
TypeScript
/*
|
|
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 { fireEvent, render, screen } from "@testing-library/react";
|
|
|
|
import LabsUserSettingsTab from "../../../../../../src/components/views/settings/tabs/user/LabsUserSettingsTab";
|
|
import SettingsStore from "../../../../../../src/settings/SettingsStore";
|
|
import SdkConfig from "../../../../../../src/SdkConfig";
|
|
import { SettingLevel } from "../../../../../../src/settings/SettingLevel";
|
|
|
|
describe("<LabsUserSettingsTab />", () => {
|
|
const defaultProps = {
|
|
closeSettingsFn: jest.fn(),
|
|
};
|
|
const getComponent = () => <LabsUserSettingsTab {...defaultProps} />;
|
|
|
|
const settingsValueSpy = jest.spyOn(SettingsStore, "getValue");
|
|
|
|
beforeEach(() => {
|
|
jest.clearAllMocks();
|
|
settingsValueSpy.mockReturnValue(false);
|
|
SdkConfig.reset();
|
|
SdkConfig.add({ brand: "BrandedClient" });
|
|
localStorage.clear();
|
|
});
|
|
|
|
it("renders settings marked as beta as beta cards", () => {
|
|
render(getComponent());
|
|
expect(screen.getByText("Upcoming features").parentElement!).toMatchSnapshot();
|
|
});
|
|
|
|
it("does not render non-beta labs settings when disabled in config", () => {
|
|
const sdkConfigSpy = jest.spyOn(SdkConfig, "get");
|
|
render(getComponent());
|
|
expect(sdkConfigSpy).toHaveBeenCalledWith("show_labs_settings");
|
|
|
|
// only section is beta section
|
|
expect(screen.queryByText("Early previews")).not.toBeInTheDocument();
|
|
});
|
|
|
|
it("renders non-beta labs settings when enabled in config", () => {
|
|
// enable labs
|
|
SdkConfig.add({ show_labs_settings: true });
|
|
const { container } = render(getComponent());
|
|
|
|
// non-beta labs section
|
|
expect(screen.getByText("Early previews")).toBeInTheDocument();
|
|
const labsSections = container.getElementsByClassName("mx_SettingsSubsection");
|
|
expect(labsSections).toHaveLength(9);
|
|
});
|
|
|
|
describe("Rust crypto setting", () => {
|
|
const SETTING_NAME = "Rust cryptography implementation";
|
|
|
|
beforeEach(() => {
|
|
SdkConfig.add({ show_labs_settings: true });
|
|
});
|
|
|
|
describe("Not enabled in config", () => {
|
|
it("can be turned on if not already", async () => {
|
|
// By the time the settings panel is shown, `MatrixClientPeg.initClientCrypto` has saved the current
|
|
// value to the settings store.
|
|
await SettingsStore.setValue("feature_rust_crypto", null, SettingLevel.DEVICE, false);
|
|
|
|
const rendered = render(getComponent());
|
|
const toggle = rendered.getByRole("switch", { name: SETTING_NAME });
|
|
expect(toggle.getAttribute("aria-disabled")).toEqual("false");
|
|
expect(toggle.getAttribute("aria-checked")).toEqual("false");
|
|
|
|
const description = toggle.closest(".mx_SettingsFlag")?.querySelector(".mx_SettingsFlag_microcopy");
|
|
expect(description).toHaveTextContent(/To disable you will need to log out and back in/);
|
|
});
|
|
|
|
it("cannot be turned off once enabled", async () => {
|
|
await SettingsStore.setValue("feature_rust_crypto", null, SettingLevel.DEVICE, true);
|
|
|
|
const rendered = render(getComponent());
|
|
const toggle = rendered.getByRole("switch", { name: SETTING_NAME });
|
|
expect(toggle.getAttribute("aria-disabled")).toEqual("true");
|
|
expect(toggle.getAttribute("aria-checked")).toEqual("true");
|
|
|
|
// Hover over the toggle to make it show the tooltip
|
|
fireEvent.mouseOver(toggle);
|
|
|
|
const tooltip = rendered.getByRole("tooltip");
|
|
expect(tooltip).toHaveTextContent(
|
|
"Once enabled, Rust cryptography can only be disabled by logging out and in again",
|
|
);
|
|
});
|
|
});
|
|
|
|
describe("Enabled in config", () => {
|
|
beforeEach(() => {
|
|
SdkConfig.add({ features: { feature_rust_crypto: true } });
|
|
});
|
|
|
|
it("can be turned on if not already", async () => {
|
|
// By the time the settings panel is shown, `MatrixClientPeg.initClientCrypto` has saved the current
|
|
// value to the settings store.
|
|
await SettingsStore.setValue("feature_rust_crypto", null, SettingLevel.DEVICE, false);
|
|
|
|
const rendered = render(getComponent());
|
|
const toggle = rendered.getByRole("switch", { name: SETTING_NAME });
|
|
expect(toggle.getAttribute("aria-disabled")).toEqual("false");
|
|
expect(toggle.getAttribute("aria-checked")).toEqual("false");
|
|
|
|
const description = toggle.closest(".mx_SettingsFlag")?.querySelector(".mx_SettingsFlag_microcopy");
|
|
expect(description).toHaveTextContent(/It cannot be disabled/);
|
|
});
|
|
|
|
it("cannot be turned off once enabled", async () => {
|
|
await SettingsStore.setValue("feature_rust_crypto", null, SettingLevel.DEVICE, true);
|
|
|
|
const rendered = render(getComponent());
|
|
const toggle = rendered.getByRole("switch", { name: SETTING_NAME });
|
|
expect(toggle.getAttribute("aria-disabled")).toEqual("true");
|
|
expect(toggle.getAttribute("aria-checked")).toEqual("true");
|
|
|
|
// Hover over the toggle to make it show the tooltip
|
|
fireEvent.mouseOver(toggle);
|
|
|
|
const tooltip = rendered.getByRole("tooltip");
|
|
expect(tooltip).toHaveTextContent(
|
|
"Rust cryptography cannot be disabled on this deployment of BrandedClient",
|
|
);
|
|
});
|
|
});
|
|
});
|
|
});
|