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

e2e-tests/playwright/specs/functional/channels/sidebar_right/channel_members_profile_popover.spec.ts

@@ -0,0 +1,49 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, test} from '@mattermost/playwright-lib';
+
+test('should open and close profile popover from channel members RHS', async ({pw}) => {
+    // # Initialize setup with two users in the same team and channel
+    const {user, team, adminClient} = await pw.initSetup();
+
+    const channel = await adminClient.createChannel(
+        pw.random.channel({teamId: team.id, displayName: 'Test Channel', name: 'test-channel'}),
+    );
+    await adminClient.addToChannel(user.id, channel.id);
+
+    const testUser = await adminClient.createUser(await pw.random.user(), '', '');
+    await adminClient.addToTeam(team.id, testUser.id);
+    await adminClient.addToChannel(testUser.id, channel.id);
+
+    // # Log in and navigate to the channel
+    const {channelsPage, page} = await pw.testBrowser.login(user);
+    await channelsPage.goto(team.name, channel.name);
+    await channelsPage.toBeVisible();
+
+    // # Open channel members RHS by clicking the Members button in the header
+    await channelsPage.centerView.header.openChannelMenu();
+    const membersMenuItem = page.locator('#channelMembers');
+    await membersMenuItem.click();
+
+    // * Verify the channel members RHS is visible
+    await channelsPage.sidebarRight.toBeVisible();
+
+    // # Find the test user in the member list and click their display name to open profile popover
+    const memberEntry = page.getByTestId(`memberline-${testUser.id}`);
+    await expect(memberEntry).toBeVisible();
+
+    const displayName = memberEntry.locator('.channel-members-rhs__display-name');
+    await displayName.click();
+
+    // * Verify the profile popover is visible
+    const popover = channelsPage.userProfilePopover;
+    await popover.toBeVisible();
+    await expect(popover.container.getByText(`@${testUser.username}`)).toBeVisible();
+
+    // # Click outside the popover to close it
+    await page.mouse.click(1, 1);
+
+    // * Verify the profile popover is no longer visible
+    await expect(popover.container).not.toBeVisible();
+});

e2e-tests/playwright/specs/functional/channels/sidebar_right/page_up_down_scroll.spec.ts

@@ -0,0 +1,66 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import type {Page} from '@playwright/test';
+
+import {expect, test} from '@mattermost/playwright-lib';
+
+test('should be able to scroll the RHS with page up and down', async ({pw}) => {
+    const {user} = await pw.initSetup();
+    const {channelsPage, page} = await pw.testBrowser.login(user);
+
+    await channelsPage.goto();
+    await channelsPage.toBeVisible();
+
+    await channelsPage.centerView.postCreate.postMessage('post');
+    const lastPost = await channelsPage.getLastPost();
+    await lastPost.reply();
+
+    for (let i = 0; i < 10; i++) {
+        await channelsPage.sidebarRight.postCreate.postMessage('a\n'.repeat(10));
+    }
+
+    let lastScrollTop = await getScrollTop(page, '#threadViewerScrollContainer');
+
+    // # Press the page up key with the post textbox focused
+    channelsPage.sidebarRight.postCreate.input.focus();
+    await page.keyboard.press('PageUp');
+    await page.waitForTimeout(200); // Wait for the browser's page up/down animation
+
+    // * Verify that the post list scrolled up by a page
+    let currentScrollTop = await getScrollTop(page, '#threadViewerScrollContainer');
+    expect(currentScrollTop).toBeLessThan(lastScrollTop);
+    lastScrollTop = currentScrollTop;
+
+    // # Press the page up key with the post list focused
+    await page.keyboard.press('PageUp');
+    await page.waitForTimeout(200);
+
+    // * Verify that the post list scrolled up another page
+    currentScrollTop = await getScrollTop(page, '#threadViewerScrollContainer');
+    expect(currentScrollTop).toBeLessThan(lastScrollTop);
+    lastScrollTop = currentScrollTop;
+
+    // # Press the page down key with the post list focused
+    await page.keyboard.press('PageDown');
+    await page.waitForTimeout(200);
+
+    // * Verify that the post list scrolled back down a page
+    currentScrollTop = await getScrollTop(page, '#threadViewerScrollContainer');
+    expect(currentScrollTop).toBeGreaterThan(lastScrollTop);
+    lastScrollTop = currentScrollTop;
+
+    // # Press the page down key with the post textbox focused
+    channelsPage.centerView.postCreate.input.focus();
+    await page.keyboard.press('PageDown');
+    await page.waitForTimeout(200);
+
+    // * Verify that the post list scrolled back to the bottom
+    currentScrollTop = await getScrollTop(page, '#threadViewerScrollContainer');
+    expect(currentScrollTop).toBeGreaterThan(lastScrollTop);
+});
+
+async function getScrollTop(page: Page, selector: string): Promise<number> {
+    const locator = await page.locator(selector);
+    return locator?.evaluate((element) => element.scrollTop);
+}