mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-15 06:01:30 +03:00
111 lines
3.9 KiB
TypeScript
111 lines
3.9 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 { fireEvent, render } from "@testing-library/react";
|
|
import React from "react";
|
|
|
|
import SecurityUserSettingsTab from "../../../../../../src/components/views/settings/tabs/user/SecurityUserSettingsTab";
|
|
import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
|
|
import SettingsStore from "../../../../../../src/settings/SettingsStore";
|
|
import {
|
|
getMockClientWithEventEmitter,
|
|
mockClientMethodsServer,
|
|
mockClientMethodsUser,
|
|
mockClientMethodsCrypto,
|
|
mockClientMethodsDevice,
|
|
mockPlatformPeg,
|
|
flushPromises,
|
|
} from "../../../../../test-utils";
|
|
|
|
describe("<SecurityUserSettingsTab />", () => {
|
|
const defaultProps = {
|
|
closeSettingsFn: jest.fn(),
|
|
};
|
|
|
|
const userId = "@alice:server.org";
|
|
const deviceId = "alices-device";
|
|
const mockClient = getMockClientWithEventEmitter({
|
|
...mockClientMethodsUser(userId),
|
|
...mockClientMethodsServer(),
|
|
...mockClientMethodsDevice(deviceId),
|
|
...mockClientMethodsCrypto(),
|
|
getRooms: jest.fn().mockReturnValue([]),
|
|
getIgnoredUsers: jest.fn(),
|
|
getVersions: jest.fn().mockResolvedValue({
|
|
unstable_features: {
|
|
"org.matrix.msc3882": true,
|
|
"org.matrix.msc3886": true,
|
|
},
|
|
}),
|
|
});
|
|
|
|
const getComponent = () => (
|
|
<MatrixClientContext.Provider value={mockClient}>
|
|
<SecurityUserSettingsTab {...defaultProps} />
|
|
</MatrixClientContext.Provider>
|
|
);
|
|
|
|
const settingsValueSpy = jest.spyOn(SettingsStore, "getValue");
|
|
|
|
beforeEach(() => {
|
|
mockPlatformPeg();
|
|
jest.clearAllMocks();
|
|
settingsValueSpy.mockReturnValue(false);
|
|
});
|
|
|
|
it("renders sessions section when new session manager is disabled", () => {
|
|
settingsValueSpy.mockReturnValue(false);
|
|
const { getByTestId } = render(getComponent());
|
|
|
|
expect(getByTestId("devices-section")).toBeTruthy();
|
|
});
|
|
|
|
it("does not render sessions section when new session manager is enabled", () => {
|
|
settingsValueSpy.mockReturnValue(true);
|
|
const { queryByTestId } = render(getComponent());
|
|
|
|
expect(queryByTestId("devices-section")).toBeFalsy();
|
|
});
|
|
|
|
it("does not render qr code login section when disabled", () => {
|
|
settingsValueSpy.mockReturnValue(false);
|
|
const { queryByText } = render(getComponent());
|
|
|
|
expect(settingsValueSpy).toHaveBeenCalledWith("feature_qr_signin_reciprocate_show");
|
|
|
|
expect(queryByText("Sign in with QR code")).toBeFalsy();
|
|
});
|
|
|
|
it("renders qr code login section when enabled", async () => {
|
|
settingsValueSpy.mockImplementation((settingName) => settingName === "feature_qr_signin_reciprocate_show");
|
|
const { getByText } = render(getComponent());
|
|
|
|
// wait for versions call to settle
|
|
await flushPromises();
|
|
|
|
expect(getByText("Sign in with QR code")).toBeTruthy();
|
|
});
|
|
|
|
it("enters qr code login section when show QR code button clicked", async () => {
|
|
settingsValueSpy.mockImplementation((settingName) => settingName === "feature_qr_signin_reciprocate_show");
|
|
const { getByText, getByTestId } = render(getComponent());
|
|
// wait for versions call to settle
|
|
await flushPromises();
|
|
|
|
fireEvent.click(getByText("Show QR code"));
|
|
|
|
expect(getByTestId("login-with-qr")).toBeTruthy();
|
|
});
|
|
});
|