snapshot of https://github.com/mattermost/mattermost.git (master, 2026-09-16; blobs > 131072B omitted)

e2e-tests/playwright/specs/functional/channels/threads/thread_footer_avatar.spec.ts

@@ -0,0 +1,67 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, test, PlaywrightClient4, testConfig} from '@mattermost/playwright-lib';
+
+/**
+ * @objective Verify that thread footer avatars with a broken image URL still render at correct
+ * square dimensions — i.e. width equals height — confirming that alt text does not distort
+ * the element when the image fails to load.
+ */
+test('MM-69802 Thread footer avatar with broken image URL renders with equal width and height', async ({pw}) => {
+    // adminClient.createPost always posts as sysadmin regardless of user_id,
+    // so we need a dedicated client per user to get distinct thread participants.
+    const {adminClient, team, user, userClient} = await pw.initSetup();
+
+    const [otherUser1, otherUser2] = await adminClient.createUsers(team.id, 2, 'thread-avatar');
+
+    const makeUserClient = async (u: typeof otherUser1) => {
+        const c = new PlaywrightClient4();
+        c.setUrl(testConfig.baseURL);
+        await c.login(u.username, (u as any).password);
+        return c;
+    };
+    const [otherUserClient1, otherUserClient2] = await Promise.all([
+        makeUserClient(otherUser1),
+        makeUserClient(otherUser2),
+    ]);
+
+    // Set up a channel with all users and a threaded exchange
+    const channel = await adminClient.createPublicChannel(team.id, 'thread-avatar-test');
+    await adminClient.addToChannel(user.id, channel.id);
+    await adminClient.addToChannel(otherUser1.id, channel.id);
+    await adminClient.addToChannel(otherUser2.id, channel.id);
+
+    const root = await userClient.createPost({channel_id: channel.id, message: 'Root post'});
+    await otherUserClient1.createPost({channel_id: channel.id, message: 'Reply', root_id: root.id});
+    await otherUserClient2.createPost({channel_id: channel.id, message: 'Reply', root_id: root.id});
+
+    const {channelsPage, page} = await pw.testBrowser.login(user);
+
+    // # Intercept all user profile picture requests (both the versioned URL and the /default
+    // fallback) so the browser is forced to render alt text — the state the CSS fix addresses.
+    await page.route(/\/api\/v4\/users\/[^/]*\/image/, (route) => route.fulfill({status: 404}));
+
+    await channelsPage.goto(team.name, channel.name);
+    await channelsPage.toBeVisible();
+
+    const rootPost = await channelsPage.centerView.getPostById(root.id);
+    await rootPost.toBeVisible();
+
+    const {threadFooter} = rootPost;
+    await threadFooter.toBeVisible();
+
+    const avatarImages = threadFooter.container.locator('img.Avatar');
+    await expect(avatarImages.first()).toBeVisible();
+
+    const count = await avatarImages.count();
+    expect(count).toBe(2);
+
+    // * Verify each avatar has equal width and height
+    for (let i = 0; i < count; i++) {
+        const box = await avatarImages.nth(i).boundingBox();
+        expect(box).not.toBeNull();
+        expect(box!.width).toBe(box!.height);
+        expect(box!.width).toBeGreaterThan(0);
+    }
+});

e2e-tests/playwright/specs/functional/channels/threads/threads_list.spec.ts

@@ -0,0 +1,79 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {test} from '@mattermost/playwright-lib';
+
+/**
+ * @objective Verify that users can navigate through threads list using keyboard arrow keys
+ */
+test('Should be able to change threads with arrow keys', {tag: ['@smoke']}, async ({pw}, testInfo) => {
+    test.skip(testInfo.project.name === 'ipad');
+
+    const {team, user} = await pw.initSetup();
+
+    const {channelsPage, page, threadsPage} = await pw.testBrowser.login(user);
+
+    await channelsPage.goto();
+    await channelsPage.toBeVisible();
+
+    // # Start some threads, and leave a draft in one of them
+    await channelsPage.centerView.postCreate.postMessage('aaa');
+    await (await channelsPage.getLastPost()).openAThread();
+    await channelsPage.sidebarRight.postMessage('aaa reply');
+
+    await channelsPage.centerView.postCreate.postMessage('bbb');
+    await (await channelsPage.getLastPost()).openAThread();
+    await channelsPage.sidebarRight.postMessage('bbb reply');
+    await channelsPage.sidebarRight.postCreate.writeMessage('bbb second reply');
+
+    await channelsPage.centerView.postCreate.postMessage('ccc');
+    await (await channelsPage.getLastPost()).openAThread();
+    await channelsPage.sidebarRight.postMessage('ccc reply');
+
+    // * Ensure that there's a draft
+    await channelsPage.sidebarLeft.draftsVisible();
+
+    // # Switch to the threads list
+    await threadsPage.goto(team.name);
+    await threadsPage.toBeVisible();
+
+    // * Ensure no thread starts selected
+    await threadsPage.toNotHaveThreadSelected();
+
+    // # Press the down arrow to select a thread
+    await page.keyboard.press('ArrowDown');
+
+    // * Ensure the latest thread was selected
+    await threadsPage.toHaveThreadSelected();
+    await (await threadsPage.getLastPost()).toContainText('ccc reply');
+
+    // # Press the down arrow again
+    await page.keyboard.press('ArrowDown');
+
+    // * Ensure the latest thread was selected
+    await threadsPage.toHaveThreadSelected();
+    await (await threadsPage.getLastPost()).toContainText('bbb reply');
+
+    await threadsPage.threadsList.focus();
+
+    // # Press the down arrow again
+    await page.keyboard.press('ArrowDown');
+
+    // * Ensure the latest thread was selected
+    await threadsPage.toHaveThreadSelected();
+    await (await threadsPage.getLastPost()).toContainText('aaa reply');
+
+    // # Press the up arrow
+    await page.keyboard.press('ArrowUp');
+
+    // * Ensure the latest thread was selected
+    await threadsPage.toHaveThreadSelected();
+    await (await threadsPage.getLastPost()).toContainText('bbb reply');
+
+    // # Press the up arrow
+    await page.keyboard.press('ArrowUp');
+
+    // * Ensure the latest thread was selected
+    await threadsPage.toHaveThreadSelected();
+    await (await threadsPage.getLastPost()).toContainText('ccc reply');
+});