upstream-mattermost/e2e-tests/playwright/specs/functional/channels/messaging/link_preview_removal.spec.ts

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import {setupFileServer, test} from '@mattermost/playwright-lib';

let fileServerUrl: string;
setupFileServer().then((serverUrl) => {
    fileServerUrl = serverUrl;
});

/**
 * @objective Verify collapsing a link preview is user-specific while removing it removes the preview for other users.
 */
test('MM-T199 Removing a link preview removes it from the views of other users', {tag: '@messaging'}, async ({pw}) => {
    const {adminClient, adminUser, userClient, team, user} = await pw.initSetup();

    // Use the in-repo OpenGraph fixture instead of a live third-party URL so preview
    // generation does not depend on an external site remaining scrapeable.
    await adminClient.patchConfig({
        ServiceSettings: {
            EnableLinkPreviews: true,
            AllowedUntrustedInternalConnections: new URL(fileServerUrl).hostname,
        },
    });

    await Promise.all([
        userClient.savePreferences(user.id, [
            {user_id: user.id, category: 'display_settings', name: 'link_previews', value: 'true'},
            {user_id: user.id, category: 'display_settings', name: 'collapse_previews', value: 'false'},
        ]),
        adminClient.savePreferences(adminUser.id, [
            {user_id: adminUser.id, category: 'display_settings', name: 'link_previews', value: 'true'},
            {user_id: adminUser.id, category: 'display_settings', name: 'collapse_previews', value: 'false'},
        ]),
    ]);
    const message = `${fileServerUrl}/opengraph-huge.html`;

    // # Log in as the test user, post a link, and wait for its preview
    const {channelsPage: userChannelsPage, page: userPage} = await pw.testBrowser.login(user);
    await userChannelsPage.goto(team.name, 'off-topic');
    await userChannelsPage.toBeVisible();
    const postResponsePromise = userPage.waitForResponse(
        (response) => response.url().endsWith('/api/v4/posts') && response.request().method() === 'POST',
    );
    await userChannelsPage.postMessage(message);
    const postId = ((await (await postResponsePromise).json()) as {id: string}).id;
    const userPost = await userChannelsPage.centerView.getPostById(postId);
    const userPreview = userPost.getLinkPreview();

    // * Verify the link preview and its image are shown
    await userPreview.toBeVisible(pw.duration.half_min);
    await userPreview.toHaveExpandedImage();

    // # Log in as the other user and visit the same channel
    const {channelsPage: adminChannelsPage, page: adminPage} = await pw.testBrowser.login(adminUser);
    await adminChannelsPage.goto(team.name, 'off-topic');
    await adminChannelsPage.toBeVisible();
    const adminPost = await adminChannelsPage.centerView.getPostById(postId);
    const adminPreview = adminPost.getLinkPreview();

    // * Verify the other user also sees the expanded preview
    await adminPreview.toBeVisible(pw.duration.half_min);
    await adminPreview.toHaveExpandedImage();

    // # Collapse the preview as the test user
    await userPreview.hideImage();

    // # Reload the channel as the other user
    await adminPage.reload();
    await adminChannelsPage.toBeVisible();

    // * Verify the preview remains expanded for the other user
    await adminPreview.toHaveExpandedImage();

    // # Remove the link preview as the test user
    await userPage.reload();
    await userChannelsPage.toBeVisible();
    await userPreview.remove();

    // # Reload the channel as the other user
    await adminPage.reload();
    await adminChannelsPage.toBeVisible();

    // * Verify the preview is also removed for the other user
    await adminPreview.toNotBeVisible();
});