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

e2e-tests/playwright/specs/functional/channels/channel_privacy/sidebar_icon_realtime_update.spec.ts

@@ -0,0 +1,106 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, test, getAdminClient} from '@mattermost/playwright-lib';
+import type {PlaywrightExtended} from '@mattermost/playwright-lib';
+
+// Teams created by pw.initSetup() in each test are tracked here and deleted in
+// afterEach so local environments don't accumulate stale teams across runs.
+const createdTeamIds: string[] = [];
+
+async function initSetupTracked(pw: PlaywrightExtended) {
+    const setup = await pw.initSetup();
+    createdTeamIds.push(setup.team.id);
+    return setup;
+}
+
+test.afterEach(async () => {
+    if (createdTeamIds.length === 0) {
+        return;
+    }
+    const ids = createdTeamIds.splice(0);
+    try {
+        const {adminClient} = await getAdminClient({skipLog: true});
+        await Promise.allSettled(ids.map((id) => adminClient.deleteTeam(id)));
+    } catch {
+        // Best-effort cleanup
+    }
+});
+
+test(
+    'sidebar icon updates from globe to lock when channel converted to private via API',
+    {tag: ['@channels', '@channel_privacy']},
+    async ({pw}) => {
+        // # Initialize setup
+        const {adminClient, user, team} = await initSetupTracked(pw);
+
+        // # Create a public channel
+        const channel = await adminClient.createChannel(
+            pw.random.channel({
+                teamId: team.id,
+                name: 'privacy-ws-test',
+                displayName: 'Privacy WS Test',
+                type: 'O',
+                unique: true,
+            }),
+        );
+        await adminClient.addToChannel(user.id, channel.id);
+
+        // # Log in user and navigate to the channel
+        const {page, channelsPage} = await pw.testBrowser.login(user);
+        await channelsPage.goto(team.name, channel.name);
+        await channelsPage.toBeVisible();
+
+        // * Verify sidebar shows globe icon (public channel)
+        const sidebarItem = page.locator(`#sidebarItem_${channel.name}`);
+        await expect(sidebarItem).toBeVisible();
+        await expect(sidebarItem.locator('.icon-globe')).toBeVisible();
+        await expect(sidebarItem.locator('.icon-lock-outline')).not.toBeVisible();
+
+        // # Convert channel to private via admin API (simulates mmctl)
+        await adminClient.updateChannelPrivacy(channel.id, 'P');
+
+        // * Verify sidebar icon updates to lock without page refresh
+        await expect(sidebarItem.locator('.icon-lock-outline')).toBeVisible({timeout: 10000});
+        await expect(sidebarItem.locator('.icon-globe')).not.toBeVisible();
+    },
+);
+
+test(
+    'sidebar icon updates from lock to globe when channel converted to public via API',
+    {tag: ['@channels', '@channel_privacy']},
+    async ({pw}) => {
+        // # Initialize setup
+        const {adminClient, user, team} = await initSetupTracked(pw);
+
+        // # Create a private channel
+        const channel = await adminClient.createChannel(
+            pw.random.channel({
+                teamId: team.id,
+                name: 'privacy-ws-test-p2o',
+                displayName: 'Privacy WS Test P2O',
+                type: 'P',
+                unique: true,
+            }),
+        );
+        await adminClient.addToChannel(user.id, channel.id);
+
+        // # Log in user and navigate to the channel
+        const {page, channelsPage} = await pw.testBrowser.login(user);
+        await channelsPage.goto(team.name, channel.name);
+        await channelsPage.toBeVisible();
+
+        // * Verify sidebar shows lock icon (private channel)
+        const sidebarItem = page.locator(`#sidebarItem_${channel.name}`);
+        await expect(sidebarItem).toBeVisible();
+        await expect(sidebarItem.locator('.icon-lock-outline')).toBeVisible();
+        await expect(sidebarItem.locator('.icon-globe')).not.toBeVisible();
+
+        // # Convert channel to public via admin API (simulates mmctl)
+        await adminClient.updateChannelPrivacy(channel.id, 'O');
+
+        // * Verify sidebar icon updates to globe without page refresh
+        await expect(sidebarItem.locator('.icon-globe')).toBeVisible({timeout: 10000});
+        await expect(sidebarItem.locator('.icon-lock-outline')).not.toBeVisible();
+    },
+);