mirror of
https://github.com/vector-im/element-web.git
synced 2025-08-16 03:07:04 +02:00
e662c1959b
* start hide * Move useSettingsValueWithSetter to useSettings * Add new setting showMediaEventIds * Add a migration path * Add an action button to hide settings. * Tweaks to MImageBody to support new setting. * Fixup and add tests * add description for migration * docs fixes * add type * i18n * appese prettier * Add tests for HideActionButton * lint * lint * Use a hook for media visibility. * Drop setting hook usage. * Fixup MImageBody test * Fixup tests * Support functional components for message body rendering. * Add a comment * Move props into IProps
72 lines
2.3 KiB
TypeScript
72 lines
2.3 KiB
TypeScript
/*
|
|
Copyright 2025 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import { act, renderHook, waitFor } from "jest-matrix-react";
|
|
|
|
import { useMediaVisible } from "../../../src/hooks/useMediaVisible";
|
|
import SettingsStore from "../../../src/settings/SettingsStore";
|
|
import { SettingLevel } from "../../../src/settings/SettingLevel";
|
|
|
|
const EVENT_ID = "$fibble:example.org";
|
|
|
|
function render() {
|
|
return renderHook(() => useMediaVisible(EVENT_ID));
|
|
}
|
|
|
|
describe("useMediaVisible", () => {
|
|
afterEach(() => {
|
|
// Using act here as otherwise React warns about state updates not being wrapped.
|
|
act(() => {
|
|
SettingsStore.setValue(
|
|
"showMediaEventIds",
|
|
null,
|
|
SettingLevel.DEVICE,
|
|
SettingsStore.getDefaultValue("showMediaEventIds"),
|
|
);
|
|
SettingsStore.setValue(
|
|
"showImages",
|
|
null,
|
|
SettingLevel.DEVICE,
|
|
SettingsStore.getDefaultValue("showImages"),
|
|
);
|
|
});
|
|
});
|
|
|
|
it("should display images by default", async () => {
|
|
const { result } = render();
|
|
expect(result.current[0]).toEqual(true);
|
|
});
|
|
|
|
it("should hide images when the default is changed", async () => {
|
|
SettingsStore.setValue("showImages", null, SettingLevel.DEVICE, false);
|
|
const { result } = render();
|
|
expect(result.current[0]).toEqual(false);
|
|
});
|
|
|
|
it("should hide images after function is called", async () => {
|
|
const { result } = render();
|
|
expect(result.current[0]).toEqual(true);
|
|
act(() => {
|
|
result.current[1](false);
|
|
});
|
|
await waitFor(() => {
|
|
expect(result.current[0]).toEqual(false);
|
|
});
|
|
});
|
|
it("should show images after function is called", async () => {
|
|
SettingsStore.setValue("showImages", null, SettingLevel.DEVICE, false);
|
|
const { result } = render();
|
|
expect(result.current[0]).toEqual(false);
|
|
act(() => {
|
|
result.current[1](true);
|
|
});
|
|
await waitFor(() => {
|
|
expect(result.current[0]).toEqual(true);
|
|
});
|
|
});
|
|
});
|