Show tooltips on narrow tabbed views (#12624)

* Show tooltips on narrow tabbed views

* Also only show on left-side tabs

* Unused import

* Comments

* Add test

* More test

* Assert tooltip appears in playwright test
This commit is contained in:
David Baker 2024-06-14 15:17:46 +01:00 committed by GitHub
parent 650b9cb0cf
commit 72a8f8f03b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 100 additions and 1 deletions

View file

@ -120,6 +120,12 @@ test.describe("General user settings tab", () => {
await expect(uut).toMatchScreenshot("general-smallscreen.png");
});
test("should show tooltips on narrow screen", async ({ page, uut }) => {
await page.setViewportSize({ width: 700, height: 600 });
await page.getByRole("tab", { name: "General" }).hover();
await expect(page.getByRole("tooltip")).toHaveText("General");
});
test("should support adding and removing a profile picture", async ({ uut, page }) => {
const profileSettings = uut.locator(".mx_UserProfileSettings");
// Upload a picture