You've already forked element-web
mirror of
https://github.com/element-hq/element-web.git
synced 2025-08-05 05:21:16 +03:00
cc0ece9837
* implement basic scrolling and keyboard navigation * Update focus style and improve keyboard navigation * lint * Use avatar tootltip for the title rather than the whole button It's more performant and feels less glitchy than the button tooltip moving around when you scroll. * lint * Add tooltip for invite buttons active state As we have for other icon based buttons in the right panel/app * Fix location of scrollToIndex and add useCallback * Improve voiceover experience - As well as stylng cells, set the tabIndex(roving) - Natively focus the div with .focus() so screen reader actually moves over the cells - improve labels and roles * Fix jest tests * Add aria index/counts and remove repeating "Open" string in label * update snapshot * Add the rest of the keyboard navigation and handle the case when the list looses focus. * lint and update snapshot * lint * Only focus first/lastFocsed cell if focus.currentTarget is the overall list. So it isn't erroneously called during onClick of an item. * Put back overscan and fix formatting * Extract ListView out of MemberList * lint and fix e2e test * Update screenshot It looks like it is slightly better center aligned in the new list, as if maybe it was 1 px to high with the old one. * Fix default overscan value and add ListView tests * Just leave the avatar as it was * We removed the tooltip that showed power level. Removing string. * Use key rather than index to track focus. * Remove overscan, fix typos, fix scrollToItem logic * Use listbox role for member list and correct position/count values to account for the separator * Fix inadvertant scrolling of the timeline when using pageUp/pageDown * Always set the roving tab index regardless of whether we are actually focused. Fixes the issue of not being able to shift+t * Add aria-hidden to items within the option to avoid the SR calling it a group. Also * Make sure there is a roving tab set if the last one has been removed from the list. * Update snapshot
68 lines
3.1 KiB
TypeScript
68 lines
3.1 KiB
TypeScript
/*
|
|
* Copyright 2024 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 { test, expect } from "../../element-web-test";
|
|
|
|
test.describe("Share dialog", () => {
|
|
test.use({
|
|
displayName: "Alice",
|
|
room: async ({ app, user, bot }, use) => {
|
|
const roomId = await app.client.createRoom({ name: "Alice room" });
|
|
await use({ roomId });
|
|
},
|
|
});
|
|
|
|
test("should share a room", { tag: "@screenshot" }, async ({ page, app, room }) => {
|
|
await app.viewRoomById(room.roomId);
|
|
await app.toggleRoomInfoPanel();
|
|
await page.getByRole("menuitem", { name: "Copy link" }).click();
|
|
|
|
const dialog = page.getByRole("dialog", { name: "Share room" });
|
|
await expect(dialog.getByText(`https://matrix.to/#/${room.roomId}`)).toBeVisible();
|
|
await expect(dialog).toMatchScreenshot("share-dialog-room.png", {
|
|
// QRCode and url changes at every run
|
|
mask: [page.locator(".mx_QRCode"), page.locator(".mx_ShareDialog_top > span")],
|
|
});
|
|
});
|
|
|
|
test("should share a room member", { tag: "@screenshot" }, async ({ page, app, room, user }) => {
|
|
await app.viewRoomById(room.roomId);
|
|
await app.client.sendMessage(room.roomId, { body: "hello", msgtype: "m.text" });
|
|
|
|
const rightPanel = await app.toggleRoomInfoPanel();
|
|
await rightPanel.getByRole("menuitem", { name: "People" }).click();
|
|
await rightPanel.getByRole("option", { name: user.displayName }).click();
|
|
await rightPanel.getByRole("button", { name: "Share profile" }).click();
|
|
|
|
const dialog = page.getByRole("dialog", { name: "Share User" });
|
|
await expect(dialog.getByText(`https://matrix.to/#/${user.userId}`)).toBeVisible();
|
|
await expect(dialog).toMatchScreenshot("share-dialog-user.png", {
|
|
// QRCode changes at every run
|
|
mask: [page.locator(".mx_QRCode")],
|
|
});
|
|
});
|
|
|
|
test("should share an event", { tag: "@screenshot" }, async ({ page, app, room }) => {
|
|
await app.viewRoomById(room.roomId);
|
|
await app.client.sendMessage(room.roomId, { body: "hello", msgtype: "m.text" });
|
|
|
|
const timelineMessage = page.locator(".mx_MTextBody", { hasText: "hello" });
|
|
await timelineMessage.hover();
|
|
await page.getByRole("button", { name: "Options", exact: true }).click();
|
|
await page.getByRole("menuitem", { name: "Share" }).click();
|
|
|
|
const dialog = page.getByRole("dialog", { name: "Share Room Message" });
|
|
await expect(dialog.getByRole("checkbox", { name: "Link to selected message" })).toBeChecked();
|
|
await expect(dialog).toMatchScreenshot("share-dialog-event.png", {
|
|
// QRCode and url changes at every run
|
|
mask: [page.locator(".mx_QRCode"), page.locator(".mx_ShareDialog_top > span")],
|
|
});
|
|
await dialog.getByRole("checkbox", { name: "Link to selected message" }).click();
|
|
await expect(dialog.getByRole("checkbox", { name: "Link to selected message" })).not.toBeChecked();
|
|
});
|
|
});
|