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

e2e-tests/playwright/specs/visual/channels/archived_channel_icons.spec.ts

@@ -0,0 +1,161 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, test} from '@mattermost/playwright-lib';
+
+/**
+ * @objective Verify archived channel icons display correctly for public and private channels in various UI contexts
+ */
+test(
+    'displays archive icons for public and private channels in sidebar',
+    {tag: ['@visual', '@archived_channels', '@snapshots']},
+    async ({pw, browserName, viewport}, testInfo) => {
+        // # Initialize setup and create test channels
+        const {team, user, adminClient} = await pw.initSetup();
+
+        // # Create public and private channels
+        const publicChannel = await adminClient.createChannel(
+            pw.random.channel({
+                teamId: team.id,
+                name: 'public-to-archive',
+                displayName: 'Public Archive Test',
+                type: 'O',
+            }),
+        );
+
+        const privateChannel = await adminClient.createChannel(
+            pw.random.channel({
+                teamId: team.id,
+                name: 'private-to-archive',
+                displayName: 'Private Archive Test',
+                type: 'P',
+            }),
+        );
+
+        // # Archive both channels
+        await adminClient.deleteChannel(publicChannel.id);
+        await adminClient.deleteChannel(privateChannel.id);
+
+        // # Log in user
+        const {page, channelsPage} = await pw.testBrowser.login(user);
+
+        // # Visit town square to ensure we're in a stable state
+        await channelsPage.goto(team.name, 'town-square');
+        await channelsPage.toBeVisible();
+
+        // # Open browse channels modal to show archived channels
+        await page.keyboard.press('Control+K');
+        await page.waitForTimeout(500);
+
+        // # Type to search for archived channels
+        await page.keyboard.type('archive');
+        await page.waitForTimeout(500);
+
+        // # Hide dynamic content
+        await pw.hideDynamicChannelsContent(page);
+
+        // * Verify channel switcher shows both archived channels with correct icons
+        const testArgs = {page, browserName, viewport};
+        await pw.matchSnapshot(testInfo, testArgs);
+    },
+);
+
+/**
+ * @objective Verify archived channel icons display correctly in admin console channel list
+ */
+test(
+    'displays archive icons in admin console channel list',
+    {tag: ['@visual', '@archived_channels', '@admin_console', '@snapshots']},
+    async ({pw, browserName, viewport}, testInfo) => {
+        // # Initialize setup with admin user
+        const {team, adminUser, adminClient} = await pw.initSetup();
+
+        // # Create public and private channels
+        const publicChannel = await adminClient.createChannel(
+            pw.random.channel({
+                teamId: team.id,
+                name: 'admin-public-archive',
+                displayName: 'Admin Public Archive',
+                type: 'O',
+            }),
+        );
+
+        const privateChannel = await adminClient.createChannel(
+            pw.random.channel({
+                teamId: team.id,
+                name: 'admin-private-archive',
+                displayName: 'Admin Private Archive',
+                type: 'P',
+            }),
+        );
+
+        // # Archive both channels
+        await adminClient.deleteChannel(publicChannel.id);
+        await adminClient.deleteChannel(privateChannel.id);
+
+        // # Log in as admin
+        const {page} = await pw.testBrowser.login(adminUser);
+
+        // # Navigate to admin console channels list
+        await page.goto('/admin_console/user_management/channels');
+        await page.waitForTimeout(1000);
+
+        // # Wait for channel list to load
+        await expect(page.locator('.DataGrid')).toBeVisible({timeout: 10000});
+
+        // # Search for our test channels to bring them into view
+        await page.fill('[data-testid="searchInput"]', 'Admin');
+        await page.waitForTimeout(500);
+
+        // * Verify both archived channels are visible with correct icons
+        const testArgs = {page, browserName, viewport};
+        await pw.matchSnapshot(testInfo, testArgs);
+    },
+);
+
+/**
+ * @objective Verify archived private channel icon displays in channel header when viewing archived channel
+ */
+test(
+    'displays archive icon in channel header for archived private channel',
+    {tag: ['@visual', '@archived_channels', '@channel_header', '@snapshots']},
+    async ({pw, browserName, viewport}, testInfo) => {
+        // # Initialize setup
+        const {team, adminUser, adminClient} = await pw.initSetup();
+
+        // # Create a private channel
+        const privateChannel = await adminClient.createChannel(
+            pw.random.channel({
+                teamId: team.id,
+                name: 'private-header-test',
+                displayName: 'Private Header Test',
+                type: 'P',
+            }),
+        );
+
+        // # Archive the channel
+        await adminClient.deleteChannel(privateChannel.id);
+
+        const {page, channelsPage} = await pw.testBrowser.login(adminUser);
+
+        // # Visit the archived channel directly
+        await channelsPage.goto(team.name, privateChannel.name);
+
+        // # Wait for channel header to load (archived channels don't have post-create)
+        await expect(page.locator('.channel-header')).toBeVisible();
+
+        // # Verify archived channel message is visible
+        await expect(page.locator('#channelArchivedMessage')).toBeVisible();
+
+        // # Hide dynamic content
+        await pw.hideDynamicChannelsContent(page);
+
+        // # Focus on channel header area for snapshot
+        const headerElement = page.locator('.channel-header');
+        await expect(headerElement).toBeVisible();
+
+        // * Verify channel header shows archive-lock icon for private archived channel
+        const testArgs = {page, browserName, viewport};
+        await pw.matchSnapshot(testInfo, testArgs);
+    },
+);

e2e-tests/playwright/specs/visual/channels/intro_channel.spec.ts

@@ -0,0 +1,33 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, test} from '@mattermost/playwright-lib';
+
+/**
+ * @objective Capture visual snapshot of the intro channel view for a regular user
+ */
+test(
+    'displays intro to channel view for regular user',
+    {tag: ['@visual', '@channel_page', '@snapshots']},
+    async ({pw, browserName, viewport}, testInfo) => {
+        // # Create and sign in a new user
+        const {user} = await pw.initSetup();
+
+        // # Log in a user in new browser context
+        const {page, channelsPage} = await pw.testBrowser.login(user);
+
+        // # Visit a default channel page
+        await channelsPage.goto();
+        await channelsPage.toBeVisible();
+
+        // # Wait for Playbooks icon to be loaded in App bar
+        await expect(channelsPage.appBar.playbooksIcon).toBeVisible();
+
+        // # Hide dynamic elements of Channels page
+        await pw.hideDynamicChannelsContent(page);
+
+        // * Verify channel intro page appears as expected
+        const testArgs = {page, browserName, viewport};
+        await pw.matchSnapshot(testInfo, testArgs);
+    },
+);

e2e-tests/playwright/specs/visual/channels/settings_dialog/settings_dialog.spec.ts

@@ -0,0 +1,85 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, test} from '@mattermost/playwright-lib';
+
+/**
+ * @objective Capture snapshots of settings modal and key focused elements on keyboard navigation
+ */
+test(
+    'settings modal visual check',
+    {tag: ['@visual', '@settings', '@snapshots']},
+    async ({pw, browserName, viewport}, testInfo) => {
+        // # Create and sign in a new user
+        const {user} = await pw.initSetup();
+
+        // # Log in a user in new browser context
+        const {page, channelsPage} = await pw.testBrowser.login(user);
+        const globalHeader = channelsPage.globalHeader;
+        const settingsModal = channelsPage.settingsModal;
+
+        // # Visit a default channel page
+        await channelsPage.goto();
+        await channelsPage.toBeVisible();
+
+        // # Set focus to Settings button and press Enter
+        await globalHeader.settingsButton.focus();
+        await page.keyboard.press('Enter');
+
+        // * Settings modal should be visible and focus should be on the modal
+        await expect(settingsModal.container).toBeVisible();
+        await pw.toBeFocusedWithFocusVisible(settingsModal.container);
+
+        const testArgs = {page, browserName, viewport};
+        await pw.hideDynamicChannelsContent(page);
+        await pw.matchSnapshot(
+            {...testInfo, title: `${testInfo.title}`},
+            {...testArgs, locator: settingsModal.content},
+        );
+
+        // # Press Tab to move focus to Close button
+        await page.keyboard.press('Tab');
+        // * Verify focus is on Close button
+        await pw.toBeFocusedWithFocusVisible(settingsModal.closeButton);
+        await pw.matchSnapshot(
+            {...testInfo, title: `${testInfo.title} close button`},
+            {...testArgs, locator: settingsModal.content},
+        );
+
+        // # Press Tab to move focus to Notifications tab
+        await page.keyboard.press('Tab');
+        // * Verify focus is on Notifications tab and Notifications Settings panel is visible
+        await pw.toBeFocusedWithFocusVisible(settingsModal.notificationsTab);
+        await pw.matchSnapshot(
+            {...testInfo, title: `${testInfo.title} notifications tab`},
+            {...testArgs, locator: settingsModal.content},
+        );
+
+        // # Press arrow down key to move focus to Display tab
+        await page.keyboard.press('ArrowDown');
+        // * Verify focus is on Display tab and Display Settings panel is visible
+        await pw.toBeFocusedWithFocusVisible(settingsModal.displayTab);
+        await pw.matchSnapshot(
+            {...testInfo, title: `${testInfo.title} display tab`},
+            {...testArgs, locator: settingsModal.content},
+        );
+
+        // # Press arrow down key to move focus to Sidebar tab
+        await page.keyboard.press('ArrowDown');
+        // * Verify focus is on Sidebar tab and Sidebar Settings panel is visible
+        await pw.toBeFocusedWithFocusVisible(settingsModal.sidebarTab);
+        await pw.matchSnapshot(
+            {...testInfo, title: `${testInfo.title} sidebar tab`},
+            {...testArgs, locator: settingsModal.content},
+        );
+
+        // # Press arrow down key to move focus to Advanced tab
+        await page.keyboard.press('ArrowDown');
+        // * Verify focus is on Advanced tab and Advanced Settings panel is visible
+        await pw.toBeFocusedWithFocusVisible(settingsModal.advancedTab);
+        await pw.matchSnapshot(
+            {...testInfo, title: `${testInfo.title} advanced tab`},
+            {...testArgs, locator: settingsModal.content},
+        );
+    },
+);

e2e-tests/playwright/specs/visual/common/landing_page.spec.ts

@@ -0,0 +1,20 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {test} from '@mattermost/playwright-lib';
+
+/**
+ * @objective Capture visual snapshot of the landing page
+ */
+test(
+    'landing page visual check',
+    {tag: ['@visual', '@landing_page', '@snapshots']},
+    async ({pw, page, browserName, viewport}, testInfo) => {
+        // # Go to landing login page
+        await pw.landingLoginPage.goto();
+        await pw.landingLoginPage.toBeVisible();
+
+        // * Verify landing page appears as expected
+        await pw.matchSnapshot(testInfo, {page, browserName, viewport});
+    },
+);

e2e-tests/playwright/specs/visual/common/login.spec.ts

@@ -0,0 +1,39 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {test} from '@mattermost/playwright-lib';
+
+/**
+ * @objective Capture visual snapshots of the login page in normal and error states
+ */
+test(
+    'login page visual check',
+    {tag: ['@visual', '@login_page', '@snapshots']},
+    async ({pw, page, browserName, viewport}, testInfo) => {
+        // # Set up the page not to redirect to the landing page
+        await pw.hasSeenLandingPage();
+
+        // # Go to login page
+        const {adminClient} = await pw.getAdminClient();
+        await pw.loginPage.goto();
+        await pw.loginPage.toBeVisible();
+
+        // # Click to other element to remove focus from email input
+        await pw.loginPage.title.click();
+
+        // # Get license information and prepare test args
+        const testArgs = {page, browserName, viewport};
+        const license = await adminClient.getClientLicenseOld();
+        const editionSuffix = license.IsLicensed === 'true' ? '' : 'team edition';
+
+        // * Verify login page appears as expected
+        await pw.matchSnapshot({...testInfo, title: `${testInfo.title} ${editionSuffix}`}, testArgs);
+
+        // # Click sign in button without entering user credential
+        await pw.loginPage.signInButton.click();
+        await pw.loginPage.userErrorLabel.waitFor();
+
+        // * Verify login page with error appears as expected
+        await pw.matchSnapshot({...testInfo, title: `${testInfo.title} error ${editionSuffix}`}, testArgs);
+    },
+);

e2e-tests/playwright/specs/visual/common/signup_email.spec.ts

@@ -0,0 +1,51 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {test} from '@mattermost/playwright-lib';
+
+/**
+ * @objective Capture visual snapshots of the signup email page in normal and error states
+ */
+test(
+    'signup page visual check',
+    {tag: ['@visual', '@signup_email_page', '@snapshots']},
+    async ({pw, page, browserName, viewport}, testInfo) => {
+        // # Set up the page not to redirect to the landing page
+        await pw.hasSeenLandingPage();
+
+        // # Navigate to login page
+        const {adminClient} = await pw.getAdminClient();
+        await pw.loginPage.goto();
+        await pw.loginPage.toBeVisible();
+
+        // # Click on create account link
+        await pw.loginPage.createAccountLink.click();
+
+        // * Verify redirection to signup page
+        await pw.signupPage.toBeVisible();
+
+        // # Remove focus from email input by clicking elsewhere
+        await pw.signupPage.title.click();
+
+        // # Get license information to determine snapshot suffix
+        const license = await adminClient.getClientLicenseOld();
+        const editionSuffix = license.IsLicensed === 'true' ? '' : 'team edition';
+        const testArgs = {page, browserName, viewport};
+
+        // * Verify visual appearance of signup page
+        await pw.matchSnapshot({...testInfo, title: `${testInfo.title} ${editionSuffix}`}, testArgs);
+
+        // # Attempt to create account with invalid credentials
+        const invalidUser = {email: 'invalid', username: 'a', password: 'b'};
+        await pw.signupPage.create(invalidUser, false);
+
+        // * Verify error messages appear for each field
+        await pw.signupPage.emailError.waitFor();
+        await pw.signupPage.usernameError.waitFor();
+        await pw.signupPage.passwordError.waitFor();
+        await pw.waitForAnimationEnd(pw.signupPage.bodyCard);
+
+        // * Verify visual appearance of signup page with errors
+        await pw.matchSnapshot({...testInfo, title: `${testInfo.title} error ${editionSuffix}`}, testArgs);
+    },
+);