nikrozman/element-web
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Improve invite dialog ui - Part 1 (#30764)

Browse Source 
* refactor: move `humanize` in shared components

* feat: add `RichItem` component

* feat: add `RichList` component

* refactor: use `RichList` and `RichItem` in `InviteDialog`

* fix: exclude `InviteDialog` button to css override

* test: update selector in invite dialog

* test(e2e): update crypto test to use correct selector

* test(e2e): update invite dialog

* test: add test for `humanize.ts`

* fix: add space between the list and the input when the list is scrollable

* test(e2e): update screenshots
This commit is contained in:
Florian Duros
2025-09-23 14:29:22 +02:00
committed by GitHub
parent 3c6d341357
commit b89de61e12
30 changed files with 848 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
test/unit-tests/components/views/dialogs/InviteDialog-test.tsx
View File

@@ -398,9 +398,7 @@ describe("InviteDialog", () => {
input.focus();
await userEvent.keyboard(`${aliceId}`);
const btn = await screen.findByText(aliceId, {
selector: ".mx_InviteDialog_tile_nameStack_userId .mx_InviteDialog_tile--room_highlight",
});
const btn = await screen.findByRole("option", { name: aliceId });
fireEvent.click(btn);
const tile = await screen.findByText(aliceId, { selector: ".mx_InviteDialog_userTile_name" });