matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-07 21:23:00 +03:00
Code Activity

Apply prettier formatting

Browse Source
This commit is contained in:
Michael Weimann
2022-12-12 12:24:14 +01:00
parent 1cac306093
commit 526645c791
1576 changed files with 65385 additions and 62478 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
test/components/views/spaces/QuickThemeSwitcher-test.tsx
View File

@@ -14,54 +14,56 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
import React from 'react';
import React from "react";
// eslint-disable-next-line deprecate/import
import { mount } from 'enzyme';
import { mocked } from 'jest-mock';
import { act } from 'react-dom/test-utils';
import { mount } from "enzyme";
import { mocked } from "jest-mock";
import { act } from "react-dom/test-utils";
import QuickThemeSwitcher from '../../../../src/components/views/spaces/QuickThemeSwitcher';
import { getOrderedThemes } from '../../../../src/theme';
import ThemeChoicePanel from '../../../../src/components/views/settings/ThemeChoicePanel';
import SettingsStore from '../../../../src/settings/SettingsStore';
import { findById } from '../../../test-utils';
import { SettingLevel } from '../../../../src/settings/SettingLevel';
import dis from '../../../../src/dispatcher/dispatcher';
import { Action } from '../../../../src/dispatcher/actions';
import { mockPlatformPeg } from '../../../test-utils/platform';
import QuickThemeSwitcher from "../../../../src/components/views/spaces/QuickThemeSwitcher";
import { getOrderedThemes } from "../../../../src/theme";
import ThemeChoicePanel from "../../../../src/components/views/settings/ThemeChoicePanel";
import SettingsStore from "../../../../src/settings/SettingsStore";
import { findById } from "../../../test-utils";
import { SettingLevel } from "../../../../src/settings/SettingLevel";
import dis from "../../../../src/dispatcher/dispatcher";
import { Action } from "../../../../src/dispatcher/actions";
import { mockPlatformPeg } from "../../../test-utils/platform";
jest.mock('../../../../src/theme');
jest.mock('../../../../src/components/views/settings/ThemeChoicePanel', () => ({
jest.mock("../../../../src/theme");
jest.mock("../../../../src/components/views/settings/ThemeChoicePanel", () => ({
calculateThemeState: jest.fn(),
}));
jest.mock('../../../../src/settings/SettingsStore', () => ({
jest.mock("../../../../src/settings/SettingsStore", () => ({
setValue: jest.fn(),
getValue: jest.fn(),
monitorSetting: jest.fn(),
watchSetting: jest.fn(),
}));
jest.mock('../../../../src/dispatcher/dispatcher', () => ({
jest.mock("../../../../src/dispatcher/dispatcher", () => ({
dispatch: jest.fn(),
register: jest.fn(),
}));
mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
describe('<QuickThemeSwitcher />', () => {
describe("<QuickThemeSwitcher />", () => {
const defaultProps = {
requestClose: jest.fn(),
};
const getComponent = (props = {}) =>
mount(<QuickThemeSwitcher {...defaultProps} {...props} />);
const getComponent = (props = {}) => mount(<QuickThemeSwitcher {...defaultProps} {...props} />);
beforeEach(() => {
mocked(getOrderedThemes).mockClear().mockReturnValue([
{ id: 'light', name: 'Light' },
{ id: 'dark', name: 'Dark' },
]);
mocked(getOrderedThemes)
.mockClear()
.mockReturnValue([
{ id: "light", name: "Light" },
{ id: "dark", name: "Dark" },
]);
mocked(ThemeChoicePanel).calculateThemeState.mockClear().mockReturnValue({
theme: 'light', useSystemTheme: false,
theme: "light",
useSystemTheme: false,
});
mocked(SettingsStore).setValue.mockClear().mockResolvedValue();
mocked(dis).dispatch.mockClear();
@@ -70,66 +72,68 @@ describe('<QuickThemeSwitcher />', () => {
const getSelectedLabel = (component) =>
findById(component, "mx_QuickSettingsButton_themePickerDropdown_value").text();
const openDropdown = component => act(async () => {
component.find('.mx_Dropdown_input').at(0).simulate('click');
component.setProps({});
});
const openDropdown = (component) =>
act(async () => {
component.find(".mx_Dropdown_input").at(0).simulate("click");
component.setProps({});
});
const getOption = (component, themeId) =>
findById(component, `mx_QuickSettingsButton_themePickerDropdown__${themeId}`).at(0);
const selectOption = async (component, themeId: string) => {
await openDropdown(component);
await act(async () => {
getOption(component, themeId).simulate('click');
getOption(component, themeId).simulate("click");
});
};
it('renders dropdown correctly when light theme is selected', () => {
it("renders dropdown correctly when light theme is selected", () => {
const component = getComponent();
expect(getSelectedLabel(component)).toEqual('Light');
expect(getSelectedLabel(component)).toEqual("Light");
});
it('renders dropdown correctly when use system theme is truthy', () => {
it("renders dropdown correctly when use system theme is truthy", () => {
mocked(ThemeChoicePanel).calculateThemeState.mockClear().mockReturnValue({
theme: 'light', useSystemTheme: true,
theme: "light",
useSystemTheme: true,
});
const component = getComponent();
expect(getSelectedLabel(component)).toEqual('Match system');
expect(getSelectedLabel(component)).toEqual("Match system");
});
it('updates settings when match system is selected', async () => {
it("updates settings when match system is selected", async () => {
const requestClose = jest.fn();
const component = getComponent({ requestClose });
await selectOption(component, 'MATCH_SYSTEM_THEME_ID');
await selectOption(component, "MATCH_SYSTEM_THEME_ID");
expect(SettingsStore.setValue).toHaveBeenCalledTimes(1);
expect(SettingsStore.setValue).toHaveBeenCalledWith('use_system_theme', null, SettingLevel.DEVICE, true);
expect(SettingsStore.setValue).toHaveBeenCalledWith("use_system_theme", null, SettingLevel.DEVICE, true);
expect(dis.dispatch).not.toHaveBeenCalled();
expect(requestClose).toHaveBeenCalled();
});
it('updates settings when a theme is selected', async () => {
it("updates settings when a theme is selected", async () => {
// ie not match system
const requestClose = jest.fn();
const component = getComponent({ requestClose });
await selectOption(component, 'dark');
await selectOption(component, "dark");
expect(SettingsStore.setValue).toHaveBeenCalledWith('use_system_theme', null, SettingLevel.DEVICE, false);
expect(SettingsStore.setValue).toHaveBeenCalledWith('theme', null, SettingLevel.DEVICE, 'dark');
expect(SettingsStore.setValue).toHaveBeenCalledWith("use_system_theme", null, SettingLevel.DEVICE, false);
expect(SettingsStore.setValue).toHaveBeenCalledWith("theme", null, SettingLevel.DEVICE, "dark");
expect(dis.dispatch).toHaveBeenCalledWith({ action: Action.RecheckTheme, forceTheme: 'dark' });
expect(dis.dispatch).toHaveBeenCalledWith({ action: Action.RecheckTheme, forceTheme: "dark" });
expect(requestClose).toHaveBeenCalled();
});
it('rechecks theme when setting theme fails', async () => {
mocked(SettingsStore.setValue).mockRejectedValue('oops');
it("rechecks theme when setting theme fails", async () => {
mocked(SettingsStore.setValue).mockRejectedValue("oops");
const requestClose = jest.fn();
const component = getComponent({ requestClose });
await selectOption(component, 'MATCH_SYSTEM_THEME_ID');
await selectOption(component, "MATCH_SYSTEM_THEME_ID");
expect(dis.dispatch).toHaveBeenCalledWith({ action: Action.RecheckTheme });
expect(requestClose).toHaveBeenCalled();