91e84f7951
* Upgrade to latest compound-web package * Use a custom render function for jest tests This way we don't need to manually wrap our components with <TooltipProvider> * Pin wrap-ansi to fix broken yarn install * Add playwright helper to find tooltip from element and use it in the failing test * Exclude floating-ui divs/spans from axe testing This is rendered outside .MatrixChat by compound and contains all the tooltips. * Wrap outermost components with TooltipProvider * Remove onChange and use onSelect for toggle * Fix jest tests and update snapshots * Use vector-im/matrix-wysiwig --------- Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
76 lines
2.5 KiB
TypeScript
76 lines
2.5 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2024 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import React from "react";
|
|
import { MatrixClient, PendingEventOrdering, Room } from "matrix-js-sdk/src/matrix";
|
|
import { render } from "jest-matrix-react";
|
|
|
|
import { stubClient } from "../../../test-utils";
|
|
import AppsDrawer from "../../../../src/components/views/rooms/AppsDrawer";
|
|
import SdkConfig from "../../../../src/SdkConfig";
|
|
import ResizeNotifier from "../../../../src/utils/ResizeNotifier";
|
|
import { WidgetLayoutStore } from "../../../../src/stores/widgets/WidgetLayoutStore";
|
|
import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
|
|
|
|
const ROOM_ID = "!room:id";
|
|
|
|
describe("AppsDrawer", () => {
|
|
let client: MatrixClient;
|
|
let room: Room;
|
|
let dummyResizeNotifier: ResizeNotifier;
|
|
|
|
beforeEach(async () => {
|
|
client = stubClient();
|
|
room = new Room(ROOM_ID, client, client.getUserId()!, {
|
|
pendingEventOrdering: PendingEventOrdering.Detached,
|
|
});
|
|
dummyResizeNotifier = new ResizeNotifier();
|
|
});
|
|
|
|
afterEach(() => {
|
|
jest.restoreAllMocks();
|
|
});
|
|
|
|
it("honours default_widget_container_height", () => {
|
|
jest.spyOn(SdkConfig, "get").mockImplementation((key) => {
|
|
if (!key) {
|
|
return {
|
|
default_widget_container_height: 500,
|
|
};
|
|
}
|
|
});
|
|
jest.spyOn(WidgetLayoutStore.instance, "getContainerWidgets").mockImplementation((room, container) => {
|
|
if (container === "top") {
|
|
return [
|
|
{
|
|
id: "testwidget",
|
|
creatorUserId: client.getUserId()!,
|
|
type: "test",
|
|
url: "https://nowhere.dummy/notawidget",
|
|
},
|
|
];
|
|
}
|
|
return [];
|
|
});
|
|
|
|
const { container } = render(
|
|
<AppsDrawer
|
|
userId={client.getUserId()!}
|
|
room={room}
|
|
resizeNotifier={dummyResizeNotifier}
|
|
showApps={true}
|
|
/>,
|
|
{
|
|
wrapper: ({ ...rest }) => <MatrixClientContext.Provider value={client} {...rest} />,
|
|
},
|
|
);
|
|
|
|
const appsDrawerResizer = container.getElementsByClassName("mx_AppsDrawer_resizer")[0] as HTMLElement;
|
|
expect(appsDrawerResizer.style.height).toBe("500px");
|
|
});
|
|
});
|