Merge matrix-react-sdk into element-web

Merge remote-tracking branch 'repomerge/t3chguy/repomerge' into t3chguy/repo-merge

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2024-10-15 14:57:26 +01:00
commit f0ee7f7905
No known key found for this signature in database
GPG key ID: A2B008A5F49F5D0D
3265 changed files with 484599 additions and 699 deletions

View file

@ -0,0 +1,65 @@
/*
Copyright 2024 New Vector Ltd.
Copyright 2022 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 { render } from "jest-matrix-react";
import { IPublicRoomsChunkRoom } from "matrix-js-sdk/src/matrix";
import { PublicRoomResultDetails } from "../../../../../../src/components/views/dialogs/spotlight/PublicRoomResultDetails";
describe("PublicRoomResultDetails", () => {
it("renders", () => {
const { asFragment } = render(
<PublicRoomResultDetails
room={{
room_id: "room-id",
name: "hello?",
canonical_alias: "canonical-alias",
world_readable: true,
guest_can_join: false,
num_joined_members: 666,
}}
labelId="label-id"
descriptionId="description-id"
detailsId="details-id"
/>,
);
expect(asFragment()).toMatchSnapshot();
});
it.each([
{ canonical_alias: "canonical-alias" },
{ aliases: ["alias-from-aliases"] },
{ name: "name over alias", canonical_alias: "canonical-alias" },
{
name: "with an overly long name that will be truncated for sure, you can't say anything about it",
topic: "with a topic!",
},
{ topic: "Very long topic " + new Array(1337).join("a") },
])("Public room results", (partialPublicRoomChunk: Partial<IPublicRoomsChunkRoom>) => {
const roomChunk: IPublicRoomsChunkRoom = {
room_id: "room-id",
world_readable: true,
guest_can_join: false,
num_joined_members: 666,
...partialPublicRoomChunk,
};
const { asFragment } = render(
<PublicRoomResultDetails
room={roomChunk}
labelId="label-id"
descriptionId="description-id"
detailsId="details-id"
/>,
);
expect(asFragment()).toMatchSnapshot();
});
});

View file

@ -0,0 +1,57 @@
/*
Copyright 2024 New Vector Ltd.
Copyright 2023 Mikhail Aheichyk
Copyright 2023 Nordeck IT + Consulting GmbH.
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 { render, screen, RenderResult } from "jest-matrix-react";
import { mocked } from "jest-mock";
import { Room, MatrixClient, PendingEventOrdering } from "matrix-js-sdk/src/matrix";
import { RoomResultContextMenus } from "../../../../../../src/components/views/dialogs/spotlight/RoomResultContextMenus";
import { filterConsole, stubClient } from "../../../../../test-utils";
import { shouldShowComponent } from "../../../../../../src/customisations/helpers/UIComponents";
import { UIComponent } from "../../../../../../src/settings/UIFeature";
jest.mock("../../../../../../src/customisations/helpers/UIComponents", () => ({
shouldShowComponent: jest.fn(),
}));
describe("RoomResultContextMenus", () => {
let client: MatrixClient;
let room: Room;
const renderRoomResultContextMenus = (): RenderResult => {
return render(<RoomResultContextMenus room={room} />);
};
filterConsole(
// irrelevant for this test
"Room !1:example.org does not have an m.room.create event",
);
beforeEach(() => {
client = stubClient();
room = new Room("!1:example.org", client, "@alice:example.org", {
pendingEventOrdering: PendingEventOrdering.Detached,
});
});
it("does not render the room options context menu when UIComponent customisations disable room options", () => {
mocked(shouldShowComponent).mockReturnValue(false);
renderRoomResultContextMenus();
expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.RoomOptionsMenu);
expect(screen.queryByRole("button", { name: "Room options" })).not.toBeInTheDocument();
});
it("renders the room options context menu when UIComponent customisations enable room options", () => {
mocked(shouldShowComponent).mockReturnValue(true);
renderRoomResultContextMenus();
expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.RoomOptionsMenu);
expect(screen.queryByRole("button", { name: "Room options" })).toBeInTheDocument();
});
});

View file

@ -0,0 +1,223 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`PublicRoomResultDetails Public room results 1`] = `
<DocumentFragment>
<div
class="mx_SpotlightDialog_result_publicRoomDetails"
>
<div
class="mx_SpotlightDialog_result_publicRoomHeader"
>
<span
class="mx_SpotlightDialog_result_publicRoomName"
id="label-id"
>
canonical-alias
</span>
<span
class="mx_SpotlightDialog_result_publicRoomAlias"
id="description-id"
>
canonical-alias
</span>
</div>
<div
class="mx_SpotlightDialog_result_publicRoomDescription"
id="details-id"
>
<span
class="mx_SpotlightDialog_result_publicRoomMemberCount"
>
666 Members
</span>
</div>
</div>
</DocumentFragment>
`;
exports[`PublicRoomResultDetails Public room results 2`] = `
<DocumentFragment>
<div
class="mx_SpotlightDialog_result_publicRoomDetails"
>
<div
class="mx_SpotlightDialog_result_publicRoomHeader"
>
<span
class="mx_SpotlightDialog_result_publicRoomName"
id="label-id"
>
alias-from-aliases
</span>
<span
class="mx_SpotlightDialog_result_publicRoomAlias"
id="description-id"
>
room-id
</span>
</div>
<div
class="mx_SpotlightDialog_result_publicRoomDescription"
id="details-id"
>
<span
class="mx_SpotlightDialog_result_publicRoomMemberCount"
>
666 Members
</span>
</div>
</div>
</DocumentFragment>
`;
exports[`PublicRoomResultDetails Public room results 3`] = `
<DocumentFragment>
<div
class="mx_SpotlightDialog_result_publicRoomDetails"
>
<div
class="mx_SpotlightDialog_result_publicRoomHeader"
>
<span
class="mx_SpotlightDialog_result_publicRoomName"
id="label-id"
>
name over alias
</span>
<span
class="mx_SpotlightDialog_result_publicRoomAlias"
id="description-id"
>
canonical-alias
</span>
</div>
<div
class="mx_SpotlightDialog_result_publicRoomDescription"
id="details-id"
>
<span
class="mx_SpotlightDialog_result_publicRoomMemberCount"
>
666 Members
</span>
</div>
</div>
</DocumentFragment>
`;
exports[`PublicRoomResultDetails Public room results 4`] = `
<DocumentFragment>
<div
class="mx_SpotlightDialog_result_publicRoomDetails"
>
<div
class="mx_SpotlightDialog_result_publicRoomHeader"
>
<span
class="mx_SpotlightDialog_result_publicRoomName"
id="label-id"
>
with an overly long name that will be truncated for sure, you can't say anything...
</span>
<span
class="mx_SpotlightDialog_result_publicRoomAlias"
id="description-id"
>
room-id
</span>
</div>
<div
class="mx_SpotlightDialog_result_publicRoomDescription"
id="details-id"
>
<span
class="mx_SpotlightDialog_result_publicRoomMemberCount"
>
666 Members
</span>
 · 
<span
class="mx_SpotlightDialog_result_publicRoomTopic"
>
with a topic!
</span>
</div>
</div>
</DocumentFragment>
`;
exports[`PublicRoomResultDetails Public room results 5`] = `
<DocumentFragment>
<div
class="mx_SpotlightDialog_result_publicRoomDetails"
>
<div
class="mx_SpotlightDialog_result_publicRoomHeader"
>
<span
class="mx_SpotlightDialog_result_publicRoomName"
id="label-id"
>
Unnamed Room
</span>
<span
class="mx_SpotlightDialog_result_publicRoomAlias"
id="description-id"
>
room-id
</span>
</div>
<div
class="mx_SpotlightDialog_result_publicRoomDescription"
id="details-id"
>
<span
class="mx_SpotlightDialog_result_publicRoomMemberCount"
>
666 Members
</span>
 · 
<span
class="mx_SpotlightDialog_result_publicRoomTopic"
>
Very long topic aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...
</span>
</div>
</div>
</DocumentFragment>
`;
exports[`PublicRoomResultDetails renders 1`] = `
<DocumentFragment>
<div
class="mx_SpotlightDialog_result_publicRoomDetails"
>
<div
class="mx_SpotlightDialog_result_publicRoomHeader"
>
<span
class="mx_SpotlightDialog_result_publicRoomName"
id="label-id"
>
hello?
</span>
<span
class="mx_SpotlightDialog_result_publicRoomAlias"
id="description-id"
>
canonical-alias
</span>
</div>
<div
class="mx_SpotlightDialog_result_publicRoomDescription"
id="details-id"
>
<span
class="mx_SpotlightDialog_result_publicRoomMemberCount"
>
666 Members
</span>
</div>
</div>
</DocumentFragment>
`;