diff --git a/desktop/src/features/community-members/ui/WelcomeChannelSettingsCard.tsx b/desktop/src/features/community-members/ui/WelcomeChannelSettingsCard.tsx index 03f4c02a9a..358cea822c 100644 --- a/desktop/src/features/community-members/ui/WelcomeChannelSettingsCard.tsx +++ b/desktop/src/features/community-members/ui/WelcomeChannelSettingsCard.tsx @@ -834,19 +834,31 @@ export function WelcomeComposer({ /> - insertAtCaret("member")}> + insertAtCaret("member")} + > New member’s name - insertAtCaret("link")}> + insertAtCaret("link")} + > Link - insertAtCaret("image")}> + insertAtCaret("image")} + > Image - insertAtCaret("channel")}> + insertAtCaret("channel")} + > Channel diff --git a/desktop/tests/e2e/invites-settings-screenshots.spec.ts b/desktop/tests/e2e/invites-settings-screenshots.spec.ts index 52973a3452..d268c85c6c 100644 --- a/desktop/tests/e2e/invites-settings-screenshots.spec.ts +++ b/desktop/tests/e2e/invites-settings-screenshots.spec.ts @@ -146,7 +146,19 @@ test("builds a personalized welcome sequence", async ({ page }) => { ); const editor = builder.getByTestId("welcome-inline-message"); await editor.click({ button: "right", position: { x: 420, y: 22 } }); - await expect(page.getByRole("menuitem", { name: "Link" })).toBeVisible(); + const linkMenuItem = page.getByRole("menuitem", { name: "Link" }); + await expect(linkMenuItem).toBeVisible(); + const restingMenuItemColor = await linkMenuItem.evaluate( + (element) => getComputedStyle(element).backgroundColor, + ); + await linkMenuItem.hover(); + await expect + .poll(() => + linkMenuItem.evaluate( + (element) => getComputedStyle(element).backgroundColor, + ), + ) + .not.toBe(restingMenuItemColor); await waitForAnimations(page); await builder.screenshot({ path: `${OUTDIR}/03-welcome-channel-builder.png`,