2022-10-11 11:10:55 +02:00
|
|
|
/*
|
|
|
|
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.
|
|
|
|
*/
|
|
|
|
|
2022-12-12 12:24:14 +01:00
|
|
|
import React from "react";
|
2023-03-15 09:37:41 +01:00
|
|
|
import { render, waitFor } from "@testing-library/react";
|
2023-03-03 14:31:51 +01:00
|
|
|
import { defer } from "matrix-js-sdk/src/utils";
|
2022-10-11 11:10:55 +02:00
|
|
|
|
2022-12-12 12:24:14 +01:00
|
|
|
import LabsUserSettingsTab from "../../../../../../src/components/views/settings/tabs/user/LabsUserSettingsTab";
|
|
|
|
import SettingsStore from "../../../../../../src/settings/SettingsStore";
|
2022-10-11 11:10:55 +02:00
|
|
|
import {
|
|
|
|
getMockClientWithEventEmitter,
|
|
|
|
mockClientMethodsServer,
|
|
|
|
mockClientMethodsUser,
|
2022-12-12 12:24:14 +01:00
|
|
|
} from "../../../../../test-utils";
|
|
|
|
import SdkConfig from "../../../../../../src/SdkConfig";
|
2023-03-03 14:31:51 +01:00
|
|
|
import MatrixClientBackedController from "../../../../../../src/settings/controllers/MatrixClientBackedController";
|
2022-10-11 11:10:55 +02:00
|
|
|
|
2023-03-15 09:37:41 +01:00
|
|
|
describe("<LabsUserSettingsTab />", () => {
|
2022-12-12 12:24:14 +01:00
|
|
|
const sdkConfigSpy = jest.spyOn(SdkConfig, "get");
|
2022-10-11 11:10:55 +02:00
|
|
|
|
|
|
|
const defaultProps = {
|
|
|
|
closeSettingsFn: jest.fn(),
|
|
|
|
};
|
|
|
|
const getComponent = () => <LabsUserSettingsTab {...defaultProps} />;
|
|
|
|
|
2022-12-12 12:24:14 +01:00
|
|
|
const userId = "@alice:server.org";
|
2023-03-03 14:31:51 +01:00
|
|
|
const cli = getMockClientWithEventEmitter({
|
2022-10-11 11:10:55 +02:00
|
|
|
...mockClientMethodsUser(userId),
|
|
|
|
...mockClientMethodsServer(),
|
|
|
|
});
|
|
|
|
|
2022-12-12 12:24:14 +01:00
|
|
|
const settingsValueSpy = jest.spyOn(SettingsStore, "getValue");
|
2022-10-11 11:10:55 +02:00
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
jest.clearAllMocks();
|
|
|
|
settingsValueSpy.mockReturnValue(false);
|
|
|
|
sdkConfigSpy.mockReturnValue(false);
|
|
|
|
});
|
|
|
|
|
2022-12-12 12:24:14 +01:00
|
|
|
it("renders settings marked as beta as beta cards", () => {
|
2022-10-11 11:10:55 +02:00
|
|
|
const { getByTestId } = render(getComponent());
|
|
|
|
expect(getByTestId("labs-beta-section")).toMatchSnapshot();
|
|
|
|
});
|
|
|
|
|
2022-12-12 12:24:14 +01:00
|
|
|
it("does not render non-beta labs settings when disabled in config", () => {
|
2022-10-11 11:10:55 +02:00
|
|
|
const { container } = render(getComponent());
|
2022-12-12 12:24:14 +01:00
|
|
|
expect(sdkConfigSpy).toHaveBeenCalledWith("show_labs_settings");
|
2022-10-11 11:10:55 +02:00
|
|
|
|
2022-12-12 12:24:14 +01:00
|
|
|
const labsSections = container.getElementsByClassName("mx_SettingsTab_section");
|
2022-10-11 11:10:55 +02:00
|
|
|
// only section is beta section
|
|
|
|
expect(labsSections.length).toEqual(1);
|
|
|
|
});
|
|
|
|
|
2022-12-12 12:24:14 +01:00
|
|
|
it("renders non-beta labs settings when enabled in config", () => {
|
2022-10-11 11:10:55 +02:00
|
|
|
// enable labs
|
2022-12-12 12:24:14 +01:00
|
|
|
sdkConfigSpy.mockImplementation((configName) => configName === "show_labs_settings");
|
2022-10-11 11:10:55 +02:00
|
|
|
const { container } = render(getComponent());
|
|
|
|
|
2022-12-12 12:24:14 +01:00
|
|
|
const labsSections = container.getElementsByClassName("mx_SettingsTab_section");
|
2023-05-05 09:45:14 +02:00
|
|
|
expect(labsSections).toHaveLength(11);
|
2022-10-11 11:10:55 +02:00
|
|
|
});
|
2023-03-03 14:31:51 +01:00
|
|
|
|
2023-03-15 09:37:41 +01:00
|
|
|
it("allow setting a labs flag which requires unstable support once support is confirmed", async () => {
|
2023-03-03 14:31:51 +01:00
|
|
|
// enable labs
|
|
|
|
sdkConfigSpy.mockImplementation((configName) => configName === "show_labs_settings");
|
|
|
|
|
|
|
|
const deferred = defer<boolean>();
|
|
|
|
cli.doesServerSupportUnstableFeature.mockImplementation(async (featureName) => {
|
|
|
|
return featureName === "org.matrix.msc3827.stable" ? deferred.promise : false;
|
|
|
|
});
|
|
|
|
MatrixClientBackedController.matrixClient = cli;
|
|
|
|
|
2023-03-15 09:37:41 +01:00
|
|
|
const { queryByText } = render(getComponent());
|
2023-03-03 14:31:51 +01:00
|
|
|
|
2023-03-15 09:37:41 +01:00
|
|
|
expect(
|
|
|
|
queryByText("Explore public spaces in the new search dialog")!
|
|
|
|
.closest(".mx_SettingsFlag")!
|
|
|
|
.querySelector(".mx_AccessibleButton"),
|
|
|
|
).toHaveAttribute("aria-disabled", "true");
|
2023-03-03 14:31:51 +01:00
|
|
|
deferred.resolve(true);
|
2023-03-15 09:37:41 +01:00
|
|
|
await waitFor(() => {
|
|
|
|
expect(
|
|
|
|
queryByText("Explore public spaces in the new search dialog")!
|
|
|
|
.closest(".mx_SettingsFlag")!
|
|
|
|
.querySelector(".mx_AccessibleButton"),
|
|
|
|
).toHaveAttribute("aria-disabled", "false");
|
|
|
|
});
|
2023-03-03 14:31:51 +01:00
|
|
|
});
|
2022-10-11 11:10:55 +02:00
|
|
|
});
|