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

e2e-tests/playwright/specs/functional/channels/search/search_popout.spec.ts

@@ -0,0 +1,240 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, test} from '@mattermost/playwright-lib';
+
+test('MM-65630-1 Search results should show popout button that opens results in a new window', async ({pw}) => {
+    const {adminClient, user, team} = await pw.initSetup();
+
+    const channel = await adminClient.createChannel(
+        pw.random.channel({
+            teamId: team.id,
+            displayName: 'Search Popout Channel',
+            name: 'search-popout-channel',
+        }),
+    );
+    await adminClient.addToChannel(user.id, channel.id);
+
+    const uniqueText = `popout-search-test-${pw.random.id()}`;
+    await adminClient.createPost({
+        channel_id: channel.id,
+        message: uniqueText,
+    });
+
+    const {channelsPage} = await pw.testBrowser.login(user);
+    await channelsPage.goto(team.name, channel.name);
+    await channelsPage.toBeVisible();
+
+    const page = channelsPage.page;
+
+    await channelsPage.globalHeader.openSearch();
+    await channelsPage.searchBox.searchInput.fill(uniqueText);
+    await channelsPage.searchBox.searchInput.press('Enter');
+
+    await expect(page.locator('#searchContainer')).toBeVisible();
+    await expect(page.locator('#searchContainer').getByText(uniqueText)).toBeVisible();
+
+    const popoutButton = page.locator('#searchContainer .PopoutButton');
+    await expect(popoutButton).toBeVisible();
+
+    const [popoutPage] = await Promise.all([page.waitForEvent('popup'), popoutButton.click()]);
+
+    await popoutPage.waitForLoadState('domcontentloaded');
+    const popoutUrl = popoutPage.url();
+    expect(popoutUrl).toContain('/_popout/rhs/');
+    expect(popoutUrl).toContain('/search');
+    expect(popoutUrl).toContain(`q=${encodeURIComponent(uniqueText)}`);
+    expect(popoutUrl).toContain('mode=search');
+
+    await expect(popoutPage.locator('#searchContainer')).toBeVisible({timeout: 10000});
+    await expect(popoutPage.locator('#searchContainer').getByText(uniqueText)).toBeVisible({timeout: 10000});
+
+    await popoutPage.close();
+});
+
+test('MM-65630-2 Recent mentions popout should open with the right results', async ({pw}) => {
+    const {adminClient, user, team} = await pw.initSetup();
+
+    const channel = await adminClient.createChannel(
+        pw.random.channel({
+            teamId: team.id,
+            displayName: 'Mentions Popout Channel',
+            name: 'mentions-popout-channel',
+        }),
+    );
+    await adminClient.addToChannel(user.id, channel.id);
+
+    const mentionText = `hey @${user.username} check this mention-${pw.random.id()}`;
+    await adminClient.createPost({
+        channel_id: channel.id,
+        message: mentionText,
+    });
+
+    const {channelsPage} = await pw.testBrowser.login(user);
+    await channelsPage.goto(team.name, channel.name);
+    await channelsPage.toBeVisible();
+
+    const page = channelsPage.page;
+
+    await channelsPage.globalHeader.openRecentMentions();
+
+    await expect(page.locator('#searchContainer')).toBeVisible();
+    await expect(page.locator('#searchContainer').getByRole('heading', {name: 'Recent Mentions'})).toBeVisible();
+    await expect(page.locator('#searchContainer').getByText(mentionText)).toBeVisible();
+
+    const popoutButton = page.locator('#searchContainer .PopoutButton');
+    await expect(popoutButton).toBeVisible();
+
+    const [popoutPage] = await Promise.all([page.waitForEvent('popup'), popoutButton.click()]);
+
+    await popoutPage.waitForLoadState('domcontentloaded');
+    const popoutUrl = popoutPage.url();
+    expect(popoutUrl).toContain('/_popout/rhs/');
+    expect(popoutUrl).toContain('/search');
+    expect(popoutUrl).toContain('mode=mention');
+
+    await expect(popoutPage.locator('#searchContainer')).toBeVisible({timeout: 10000});
+    await expect(popoutPage.locator('#searchContainer').getByText(mentionText)).toBeVisible({timeout: 10000});
+
+    await popoutPage.close();
+});
+
+test('MM-65630-3 Saved messages popout should open with the right results', async ({pw}) => {
+    const {adminClient, user, userClient, team} = await pw.initSetup();
+
+    const channel = await adminClient.createChannel(
+        pw.random.channel({
+            teamId: team.id,
+            displayName: 'Saved Popout Channel',
+            name: 'saved-popout-channel',
+        }),
+    );
+    await adminClient.addToChannel(user.id, channel.id);
+
+    const savedText = `saved-message-test-${pw.random.id()}`;
+    const post = await adminClient.createPost({
+        channel_id: channel.id,
+        message: savedText,
+    });
+
+    await userClient.savePreferences(user.id, [
+        {
+            user_id: user.id,
+            category: 'flagged_post',
+            name: post.id,
+            value: 'true',
+        },
+    ]);
+
+    const {channelsPage} = await pw.testBrowser.login(user);
+    await channelsPage.goto(team.name, channel.name);
+    await channelsPage.toBeVisible();
+
+    const page = channelsPage.page;
+
+    await channelsPage.globalHeader.savedMessagesButton.click();
+
+    await expect(page.locator('#searchContainer')).toBeVisible();
+    await expect(page.locator('#searchContainer').getByRole('heading', {name: 'Saved messages'})).toBeVisible();
+    await expect(page.locator('#searchContainer').getByText(savedText)).toBeVisible();
+
+    const popoutButton = page.locator('#searchContainer .PopoutButton');
+    await expect(popoutButton).toBeVisible();
+
+    const [popoutPage] = await Promise.all([page.waitForEvent('popup'), popoutButton.click()]);
+
+    await popoutPage.waitForLoadState('domcontentloaded');
+    const popoutUrl = popoutPage.url();
+    expect(popoutUrl).toContain('/_popout/rhs/');
+    expect(popoutUrl).toContain('/search');
+    expect(popoutUrl).toContain('mode=flag');
+
+    await expect(popoutPage.locator('#searchContainer')).toBeVisible({timeout: 10000});
+    await expect(popoutPage.locator('#searchContainer').getByText(savedText)).toBeVisible({timeout: 10000});
+
+    await popoutPage.close();
+});
+
+test('MM-65630-4 Search popout should not show popout button in the popout window itself', async ({pw}) => {
+    const {adminClient, user, team} = await pw.initSetup();
+
+    const channel = await adminClient.createChannel(
+        pw.random.channel({
+            teamId: team.id,
+            displayName: 'Popout No Button Channel',
+            name: 'popout-no-button-channel',
+        }),
+    );
+    await adminClient.addToChannel(user.id, channel.id);
+
+    const uniqueText = `no-button-test-${pw.random.id()}`;
+    await adminClient.createPost({
+        channel_id: channel.id,
+        message: uniqueText,
+    });
+
+    const {channelsPage} = await pw.testBrowser.login(user);
+    await channelsPage.goto(team.name, channel.name);
+    await channelsPage.toBeVisible();
+
+    const page = channelsPage.page;
+
+    await channelsPage.globalHeader.openSearch();
+    await channelsPage.searchBox.searchInput.fill(uniqueText);
+    await channelsPage.searchBox.searchInput.press('Enter');
+
+    await expect(page.locator('#searchContainer')).toBeVisible();
+
+    const [popoutPage] = await Promise.all([
+        page.waitForEvent('popup'),
+        page.locator('#searchContainer .PopoutButton').click(),
+    ]);
+
+    await popoutPage.waitForLoadState('domcontentloaded');
+    await expect(popoutPage.locator('#searchContainer')).toBeVisible({timeout: 10000});
+
+    await expect(popoutPage.locator('.PopoutButton')).not.toBeVisible();
+
+    await expect(popoutPage.locator('#searchResultsCloseButton')).not.toBeVisible();
+
+    await popoutPage.close();
+});
+
+test('MM-65630-5 Search popout should preserve search type (files) in the URL', async ({pw}) => {
+    const {adminClient, user, team} = await pw.initSetup();
+
+    const channel = await adminClient.createChannel(
+        pw.random.channel({
+            teamId: team.id,
+            displayName: 'Files Search Channel',
+            name: 'files-search-channel',
+        }),
+    );
+    await adminClient.addToChannel(user.id, channel.id);
+
+    const {channelsPage} = await pw.testBrowser.login(user);
+    await channelsPage.goto(team.name, channel.name);
+    await channelsPage.toBeVisible();
+
+    const page = channelsPage.page;
+
+    await channelsPage.globalHeader.openSearch();
+    await channelsPage.searchBox.searchInput.fill('test');
+    await channelsPage.searchBox.searchInput.press('Enter');
+
+    await expect(page.locator('#searchContainer')).toBeVisible();
+
+    const filesTab = page.locator('#searchContainer').getByRole('tab', {name: /Files/});
+    await filesTab.click();
+
+    const popoutButton = page.locator('#searchContainer .PopoutButton');
+    await expect(popoutButton).toBeVisible();
+
+    const [popoutPage] = await Promise.all([page.waitForEvent('popup'), popoutButton.click()]);
+
+    await popoutPage.waitForLoadState('domcontentloaded');
+    const popoutUrl = popoutPage.url();
+    expect(popoutUrl).toContain('type=files');
+
+    await popoutPage.close();
+});