@mattermost/playwright-lib 10.7.0 → 11.3.0-0

package/dist/ui/components/channels/settings/display_settings.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+const sectionTitles = {
+    theme: 'Theme',
+    clockDisplay: 'Clock Display',
+    teammateNameDisplay: 'Teammate Name Display',
+    availabilityStatusOnPosts: 'Show online availability on profile images',
+    lastActiveTime: 'Share last active time',
+    timezone: 'Timezone',
+    showLinkPreviews: 'Website Link Previews',
+    collapseImagePreviews: 'Default Appearance of Image Previews',
+    messageDisplay: 'Message Display',
+    clickToReply: 'Click to open threads',
+    channelDisplayMode: 'Channel Display',
+    oneClickReactions: 'Quick reactions on messages',
+    emojiPicker: 'Render emoticons as emojis',
+    language: 'Language',
+};
+class DisplaySettings {
+    container;
+    title;
+    id = '#displaySettings';
+    expandedSection;
+    expandedSectionId = '.section-max';
+    themeEditButton;
+    clockDisplayEditButton;
+    teammateNameDisplayEditButton;
+    availabilityStatusOnPostsEditButton;
+    lastActiveTimeEditButton;
+    timezoneEditButton;
+    showLinkPreviewsEditButton;
+    collapseImagePreviewsEditButton;
+    messageDisplayEditButton;
+    clickToReplyEditButton;
+    channelDisplayModeEditButton;
+    oneClickReactionsEditButton;
+    emojiPickerEditButton;
+    languageEditButton;
+    constructor(container) {
+        this.container = container;
+        this.title = container.getByRole('heading', { name: 'Display Settings', exact: true });
+        this.expandedSection = container.locator(this.expandedSectionId);
+        // Edit buttons for each setting section - IDs are {section}Edit pattern from webapp
+        this.themeEditButton = container.locator('#themeEdit');
+        this.clockDisplayEditButton = container.locator('#clockEdit');
+        this.teammateNameDisplayEditButton = container.locator('#name_formatEdit');
+        this.availabilityStatusOnPostsEditButton = container.locator('#availabilityStatusEdit');
+        this.lastActiveTimeEditButton = container.locator('#lastactiveEdit');
+        this.timezoneEditButton = container.locator('#timezoneEdit');
+        this.showLinkPreviewsEditButton = container.locator('#linkpreviewEdit');
+        this.collapseImagePreviewsEditButton = container.locator('#collapseEdit');
+        this.messageDisplayEditButton = container.locator('#message_displayEdit');
+        this.clickToReplyEditButton = container.locator('#click_to_replyEdit');
+        this.channelDisplayModeEditButton = container.locator('#channel_display_modeEdit');
+        this.oneClickReactionsEditButton = container.locator('#one_click_reactions_enabledEdit');
+        this.emojiPickerEditButton = container.locator('#renderEmoticonsAsEmojiEdit');
+        this.languageEditButton = container.locator('#languagesEdit');
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+    async expandSection(section) {
+        await this.container.getByText(sectionTitles[section]).click();
+        await this.verifySectionIsExpanded(section);
+    }
+    async verifySectionIsExpanded(section) {
+        await test.expect(this.container.locator('.section-min', { hasText: sectionTitles[section] })).not.toBeVisible();
+        await test.expect(this.container.locator('.section-max', { hasText: sectionTitles[section] })).toBeVisible();
+    }
+}
+
+module.exports = DisplaySettings;
+//# sourceMappingURL=display_settings.js.map

package/dist/ui/components/channels/settings/display_settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display_settings.js","sources":["../../../../../src/ui/components/channels/settings/display_settings.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {expect, Locator} from '@playwright/test';\n\nexport type DisplaySettingsSection =\n    | 'theme'\n    | 'clockDisplay'\n    | 'teammateNameDisplay'\n    | 'availabilityStatusOnPosts'\n    | 'lastActiveTime'\n    | 'timezone'\n    | 'showLinkPreviews'\n    | 'collapseImagePreviews'\n    | 'messageDisplay'\n    | 'clickToReply'\n    | 'channelDisplayMode'\n    | 'oneClickReactions'\n    | 'emojiPicker'\n    | 'language';\n\nconst sectionTitles: Record<DisplaySettingsSection, string> = {\n    theme: 'Theme',\n    clockDisplay: 'Clock Display',\n    teammateNameDisplay: 'Teammate Name Display',\n    availabilityStatusOnPosts: 'Show online availability on profile images',\n    lastActiveTime: 'Share last active time',\n    timezone: 'Timezone',\n    showLinkPreviews: 'Website Link Previews',\n    collapseImagePreviews: 'Default Appearance of Image Previews',\n    messageDisplay: 'Message Display',\n    clickToReply: 'Click to open threads',\n    channelDisplayMode: 'Channel Display',\n    oneClickReactions: 'Quick reactions on messages',\n    emojiPicker: 'Render emoticons as emojis',\n    language: 'Language',\n};\n\nexport default class DisplaySettings {\n    readonly container: Locator;\n\n    readonly title;\n    public id = '#displaySettings';\n    readonly expandedSection;\n    public expandedSectionId = '.section-max';\n\n    readonly themeEditButton;\n    readonly clockDisplayEditButton;\n    readonly teammateNameDisplayEditButton;\n    readonly availabilityStatusOnPostsEditButton;\n    readonly lastActiveTimeEditButton;\n    readonly timezoneEditButton;\n    readonly showLinkPreviewsEditButton;\n    readonly collapseImagePreviewsEditButton;\n    readonly messageDisplayEditButton;\n    readonly clickToReplyEditButton;\n    readonly channelDisplayModeEditButton;\n    readonly oneClickReactionsEditButton;\n    readonly emojiPickerEditButton;\n    readonly languageEditButton;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.title = container.getByRole('heading', {name: 'Display Settings', exact: true});\n        this.expandedSection = container.locator(this.expandedSectionId);\n\n        // Edit buttons for each setting section - IDs are {section}Edit pattern from webapp\n        this.themeEditButton = container.locator('#themeEdit');\n        this.clockDisplayEditButton = container.locator('#clockEdit');\n        this.teammateNameDisplayEditButton = container.locator('#name_formatEdit');\n        this.availabilityStatusOnPostsEditButton = container.locator('#availabilityStatusEdit');\n        this.lastActiveTimeEditButton = container.locator('#lastactiveEdit');\n        this.timezoneEditButton = container.locator('#timezoneEdit');\n        this.showLinkPreviewsEditButton = container.locator('#linkpreviewEdit');\n        this.collapseImagePreviewsEditButton = container.locator('#collapseEdit');\n        this.messageDisplayEditButton = container.locator('#message_displayEdit');\n        this.clickToReplyEditButton = container.locator('#click_to_replyEdit');\n        this.channelDisplayModeEditButton = container.locator('#channel_display_modeEdit');\n        this.oneClickReactionsEditButton = container.locator('#one_click_reactions_enabledEdit');\n        this.emojiPickerEditButton = container.locator('#renderEmoticonsAsEmojiEdit');\n        this.languageEditButton = container.locator('#languagesEdit');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    async expandSection(section: DisplaySettingsSection) {\n        await this.container.getByText(sectionTitles[section]).click();\n        await this.verifySectionIsExpanded(section);\n    }\n\n    async verifySectionIsExpanded(section: DisplaySettingsSection) {\n        await expect(this.container.locator('.section-min', {hasText: sectionTitles[section]})).not.toBeVisible();\n\n        await expect(this.container.locator('.section-max', {hasText: sectionTitles[section]})).toBeVisible();\n    }\n}\n"],"names":["expect"],"mappings":"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"}

package/dist/ui/components/channels/settings/{notification_settings.d.ts → notifications_settings.d.ts}

@@ -2,6 +2,18 @@ import { Locator } from '@playwright/test';
 type NotificationSettingsSection = 'keysWithHighlight' | 'keysWithNotification';
 export default class NotificationsSettings {
     readonly container: Locator;
+    readonly title: Locator;
+    id: string;
+    readonly expandedSection: Locator;
+    expandedSectionId: string;
+    readonly learnMoreText: Locator;
+    readonly desktopAndMobileEditButton: Locator;
+    readonly desktopNotificationSoundEditButton: Locator;
+    readonly emailEditButton: Locator;
+    readonly keywordsTriggerNotificationsEditButton: Locator;
+    readonly keywordsGetHighlightedEditButton: Locator;
+    readonly testNotificationButton: Locator;
+    readonly troubleshootingDocsButton: Locator;
     readonly keysWithHighlightDesc: Locator;
     constructor(container: Locator);
     toBeVisible(): Promise<void>;

package/dist/ui/components/channels/settings/{notification_settings.js → notifications_settings.js}

@@ -6,9 +6,31 @@ var test = require('@playwright/test');
 // See LICENSE.txt for license information.
 class NotificationsSettings {
     container;
+    title;
+    id = '#notificationsSettings';
+    expandedSection;
+    expandedSectionId = '.section-max';
+    learnMoreText;
+    desktopAndMobileEditButton;
+    desktopNotificationSoundEditButton;
+    emailEditButton;
+    keywordsTriggerNotificationsEditButton;
+    keywordsGetHighlightedEditButton;
+    testNotificationButton;
+    troubleshootingDocsButton;
     keysWithHighlightDesc;
     constructor(container) {
         this.container = container;
+        this.title = container.getByRole('heading', { name: 'Notifications', exact: true });
+        this.expandedSection = container.locator(this.expandedSectionId);
+        this.learnMoreText = container.getByRole('link', { name: 'Learn more about notifications' });
+        this.desktopAndMobileEditButton = container.locator('#desktopAndMobileEdit');
+        this.desktopNotificationSoundEditButton = container.locator('#desktopNotificationSoundEdit');
+        this.emailEditButton = container.locator('#emailEdit');
+        this.keywordsTriggerNotificationsEditButton = container.locator('#keywordsAndMentionsEdit');
+        this.keywordsGetHighlightedEditButton = container.locator('#keywordsAndHighlightEdit');
+        this.testNotificationButton = container.getByRole('button', { name: 'Send a test notification' });
+        this.troubleshootingDocsButton = container.getByRole('button', { name: 'Troubleshooting docs 󰏌' });
         this.keysWithHighlightDesc = container.locator('#keywordsAndHighlightDesc');
     }
     async toBeVisible() {
@@ -38,4 +60,4 @@ class NotificationsSettings {
 }
 
 module.exports = NotificationsSettings;
-//# sourceMappingURL=notification_settings.js.map
+//# sourceMappingURL=notifications_settings.js.map

package/dist/ui/components/channels/settings/notifications_settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications_settings.js","sources":["../../../../../src/ui/components/channels/settings/notifications_settings.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Locator, expect} from '@playwright/test';\n\ntype NotificationSettingsSection = 'keysWithHighlight' | 'keysWithNotification';\n\nexport default class NotificationsSettings {\n    readonly container: Locator;\n\n    readonly title;\n    public id = '#notificationsSettings';\n    readonly expandedSection;\n    public expandedSectionId = '.section-max';\n\n    readonly learnMoreText;\n    readonly desktopAndMobileEditButton;\n    readonly desktopNotificationSoundEditButton;\n    readonly emailEditButton;\n    readonly keywordsTriggerNotificationsEditButton;\n    readonly keywordsGetHighlightedEditButton;\n\n    readonly testNotificationButton;\n    readonly troubleshootingDocsButton;\n\n    readonly keysWithHighlightDesc;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.title = container.getByRole('heading', {name: 'Notifications', exact: true});\n        this.expandedSection = container.locator(this.expandedSectionId);\n\n        this.learnMoreText = container.getByRole('link', {name: 'Learn more about notifications'});\n        this.desktopAndMobileEditButton = container.locator('#desktopAndMobileEdit');\n        this.desktopNotificationSoundEditButton = container.locator('#desktopNotificationSoundEdit');\n        this.emailEditButton = container.locator('#emailEdit');\n        this.keywordsTriggerNotificationsEditButton = container.locator('#keywordsAndMentionsEdit');\n        this.keywordsGetHighlightedEditButton = container.locator('#keywordsAndHighlightEdit');\n\n        this.testNotificationButton = container.getByRole('button', {name: 'Send a test notification'});\n        this.troubleshootingDocsButton = container.getByRole('button', {name: 'Troubleshooting docs 󰏌'});\n\n        this.keysWithHighlightDesc = container.locator('#keywordsAndHighlightDesc');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    async expandSection(section: NotificationSettingsSection) {\n        if (section === 'keysWithHighlight') {\n            await this.container.getByText('Keywords That Get Highlighted (without notifications)').click();\n            await this.verifySectionIsExpanded('keysWithHighlight');\n        }\n    }\n\n    async verifySectionIsExpanded(section: NotificationSettingsSection) {\n        await expect(this.container.locator(`#${section}Edit`)).not.toBeVisible();\n\n        if (section === 'keysWithHighlight') {\n            await expect(\n                this.container.getByText(\n                    'Enter non case-sensitive keywords, press Tab or use commas to separate them:',\n                ),\n            ).toBeVisible();\n            await expect(\n                this.container.getByText(\n                    'These keywords will be shown to you with a highlight when anyone sends a message that includes them.',\n                ),\n            ).toBeVisible();\n        }\n    }\n\n    async getKeywordsInput() {\n        await expect(this.container.locator('input')).toBeVisible();\n        return this.container.locator('input');\n    }\n\n    async save() {\n        await expect(this.container.getByText('Save')).toBeVisible();\n        await this.container.getByText('Save').click();\n    }\n}\n"],"names":["expect"],"mappings":"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"}

package/dist/ui/components/channels/settings/settings_modal.d.ts

@@ -1,11 +1,26 @@
 import { Locator } from '@playwright/test';
-import NotificationsSettings from './notification_settings';
+import AdvancedSettings from './advanced_settings';
+import DisplaySettings from './display_settings';
+import NotificationsSettings from './notifications_settings';
+import SidebarSettings from './sidebar_settings';
 export default class SettingsModal {
     readonly container: Locator;
-    readonly notificationsSettingsTab: Locator;
+    readonly content: Locator;
+    readonly closeButton: Locator;
+    readonly notificationsTab: Locator;
+    readonly displayTab: Locator;
+    readonly sidebarTab: Locator;
+    readonly advancedTab: Locator;
     readonly notificationsSettings: NotificationsSettings;
+    readonly displaySettings: DisplaySettings;
+    readonly sidebarSettings: SidebarSettings;
+    readonly advancedSettings: AdvancedSettings;
     constructor(container: Locator);
     toBeVisible(): Promise<void>;
-    openNotificationsTab(): Promise<void>;
-    closeModal(): Promise<void>;
+    getContainerId(): Promise<string | null>;
+    openNotificationsTab(): Promise<NotificationsSettings>;
+    openDisplayTab(): Promise<DisplaySettings>;
+    openSidebarTab(): Promise<SidebarSettings>;
+    openAdvancedTab(): Promise<AdvancedSettings>;
+    close(): Promise<void>;
 }

package/dist/ui/components/channels/settings/settings_modal.js

@@ -1,28 +1,69 @@
 'use strict';
 
 var test = require('@playwright/test');
-var notification_settings = require('./notification_settings.js');
+var advanced_settings = require('./advanced_settings.js');
+var display_settings = require('./display_settings.js');
+var notifications_settings = require('./notifications_settings.js');
+var sidebar_settings = require('./sidebar_settings.js');
 
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 class SettingsModal {
     container;
-    notificationsSettingsTab;
+    content;
+    closeButton;
+    notificationsTab;
+    displayTab;
+    sidebarTab;
+    advancedTab;
     notificationsSettings;
+    displaySettings;
+    sidebarSettings;
+    advancedSettings;
     constructor(container) {
         this.container = container;
-        this.notificationsSettingsTab = container.locator('#notificationsButton');
-        this.notificationsSettings = new notification_settings(container.locator('#notificationsSettings'));
+        this.content = container.locator('.modal-content');
+        this.closeButton = container.getByRole('button', { name: 'Close' });
+        this.notificationsTab = container.getByRole('tab', { name: 'notifications' });
+        this.displayTab = container.getByRole('tab', { name: 'display' });
+        this.sidebarTab = container.getByRole('tab', { name: 'sidebar' });
+        this.advancedTab = container.getByRole('tab', { name: 'advanced' });
+        this.notificationsSettings = new notifications_settings(container.getByRole('tabpanel', { name: 'notifications' }));
+        this.displaySettings = new display_settings(container.getByRole('tabpanel', { name: 'display' }));
+        this.sidebarSettings = new sidebar_settings(container.getByRole('tabpanel', { name: 'sidebar' }));
+        this.advancedSettings = new advanced_settings(container.getByRole('tabpanel', { name: 'advanced' }));
     }
     async toBeVisible() {
         await test.expect(this.container).toBeVisible();
     }
+    getContainerId() {
+        return this.container.getAttribute('id');
+    }
     async openNotificationsTab() {
-        await test.expect(this.notificationsSettingsTab).toBeVisible();
-        await this.notificationsSettingsTab.click();
+        await test.expect(this.notificationsTab).toBeVisible();
+        await this.notificationsTab.click();
         await this.notificationsSettings.toBeVisible();
+        return this.notificationsSettings;
+    }
+    async openDisplayTab() {
+        await test.expect(this.displayTab).toBeVisible();
+        await this.displayTab.click();
+        await this.displaySettings.toBeVisible();
+        return this.displaySettings;
+    }
+    async openSidebarTab() {
+        await test.expect(this.sidebarTab).toBeVisible();
+        await this.sidebarTab.click();
+        await this.sidebarSettings.toBeVisible();
+        return this.sidebarSettings;
+    }
+    async openAdvancedTab() {
+        await test.expect(this.advancedTab).toBeVisible();
+        await this.advancedTab.click();
+        await this.advancedSettings.toBeVisible();
+        return this.advancedSettings;
     }
-    async closeModal() {
+    async close() {
         await this.container.getByLabel('Close').click();
         await test.expect(this.container).not.toBeVisible();
     }

package/dist/ui/components/channels/settings/settings_modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings_modal.js","sources":["../../../../../src/ui/components/channels/settings/settings_modal.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Locator, expect} from '@playwright/test';\n\nimport NotificationsSettings from './notification_settings';\n\nexport default class SettingsModal {\n    readonly container: Locator;\n\n    readonly notificationsSettingsTab;\n    readonly notificationsSettings;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.notificationsSettingsTab = container.locator('#notificationsButton');\n        this.notificationsSettings = new NotificationsSettings(container.locator('#notificationsSettings'));\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    async openNotificationsTab() {\n        await expect(this.notificationsSettingsTab).toBeVisible();\n        await this.notificationsSettingsTab.click();\n\n        await this.notificationsSettings.toBeVisible();\n    }\n\n    async closeModal() {\n        await this.container.getByLabel('Close').click();\n\n        await expect(this.container).not.toBeVisible();\n    }\n}\n"],"names":["NotificationsSettings","expect"],"mappings":";;;;;AAAA;AACA;AAMc,MAAO,aAAa,CAAA;AACrB,IAAA,SAAS;AAET,IAAA,wBAAwB;AACxB,IAAA,qBAAqB;AAE9B,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,wBAAwB,GAAG,SAAS,CAAC,OAAO,CAAC,sBAAsB,CAAC;AACzE,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAIA,qBAAqB,CAAC,SAAS,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;;AAGvG,IAAA,MAAM,WAAW,GAAA;QACb,MAAMC,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;;AAG9C,IAAA,MAAM,oBAAoB,GAAA;QACtB,MAAMA,WAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,WAAW,EAAE;AACzD,QAAA,MAAM,IAAI,CAAC,wBAAwB,CAAC,KAAK,EAAE;AAE3C,QAAA,MAAM,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE;;AAGlD,IAAA,MAAM,UAAU,GAAA;QACZ,MAAM,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE;QAEhD,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;;AAErD;;;;"}
+{"version":3,"file":"settings_modal.js","sources":["../../../../../src/ui/components/channels/settings/settings_modal.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Locator, expect} from '@playwright/test';\n\nimport AdvancedSettings from './advanced_settings';\nimport DisplaySettings from './display_settings';\nimport NotificationsSettings from './notifications_settings';\nimport SidebarSettings from './sidebar_settings';\n\nexport default class SettingsModal {\n    readonly container: Locator;\n\n    readonly content;\n    readonly closeButton;\n\n    readonly notificationsTab;\n    readonly displayTab;\n    readonly sidebarTab;\n    readonly advancedTab;\n\n    readonly notificationsSettings;\n    readonly displaySettings;\n    readonly sidebarSettings;\n    readonly advancedSettings;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.content = container.locator('.modal-content');\n        this.closeButton = container.getByRole('button', {name: 'Close'});\n\n        this.notificationsTab = container.getByRole('tab', {name: 'notifications'});\n        this.displayTab = container.getByRole('tab', {name: 'display'});\n        this.sidebarTab = container.getByRole('tab', {name: 'sidebar'});\n        this.advancedTab = container.getByRole('tab', {name: 'advanced'});\n\n        this.notificationsSettings = new NotificationsSettings(\n            container.getByRole('tabpanel', {name: 'notifications'}),\n        );\n        this.displaySettings = new DisplaySettings(container.getByRole('tabpanel', {name: 'display'}));\n        this.sidebarSettings = new SidebarSettings(container.getByRole('tabpanel', {name: 'sidebar'}));\n        this.advancedSettings = new AdvancedSettings(container.getByRole('tabpanel', {name: 'advanced'}));\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    getContainerId() {\n        return this.container.getAttribute('id');\n    }\n\n    async openNotificationsTab() {\n        await expect(this.notificationsTab).toBeVisible();\n        await this.notificationsTab.click();\n\n        await this.notificationsSettings.toBeVisible();\n\n        return this.notificationsSettings;\n    }\n\n    async openDisplayTab() {\n        await expect(this.displayTab).toBeVisible();\n        await this.displayTab.click();\n\n        await this.displaySettings.toBeVisible();\n\n        return this.displaySettings;\n    }\n\n    async openSidebarTab() {\n        await expect(this.sidebarTab).toBeVisible();\n        await this.sidebarTab.click();\n\n        await this.sidebarSettings.toBeVisible();\n\n        return this.sidebarSettings;\n    }\n\n    async openAdvancedTab() {\n        await expect(this.advancedTab).toBeVisible();\n        await this.advancedTab.click();\n\n        await this.advancedSettings.toBeVisible();\n\n        return this.advancedSettings;\n    }\n\n    async close() {\n        await this.container.getByLabel('Close').click();\n\n        await expect(this.container).not.toBeVisible();\n    }\n}\n"],"names":["NotificationsSettings","DisplaySettings","SidebarSettings","AdvancedSettings","expect"],"mappings":"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"}

package/dist/ui/components/channels/settings/sidebar_settings.d.ts

@@ -0,0 +1,12 @@
+import { Locator } from '@playwright/test';
+export default class SidebarSettings {
+    readonly container: Locator;
+    readonly title: Locator;
+    id: string;
+    readonly expandedSection: Locator;
+    expandedSectionId: string;
+    readonly groupUnreadEditButton: Locator;
+    readonly limitVisibleDMsEditButton: Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+}

package/dist/ui/components/channels/settings/sidebar_settings.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class SidebarSettings {
+    container;
+    title;
+    id = '#sidebarSettings';
+    expandedSection;
+    expandedSectionId = '.section-max';
+    groupUnreadEditButton;
+    limitVisibleDMsEditButton;
+    constructor(container) {
+        this.container = container;
+        this.title = container.getByRole('heading', { name: 'Sidebar', exact: true });
+        this.expandedSection = container.locator(this.expandedSectionId);
+        this.groupUnreadEditButton = container.locator('#showUnreadsCategoryEdit');
+        this.limitVisibleDMsEditButton = container.locator('#limitVisibleGMsDMsEdit');
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+}
+
+module.exports = SidebarSettings;
+//# sourceMappingURL=sidebar_settings.js.map

package/dist/ui/components/channels/settings/sidebar_settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar_settings.js","sources":["../../../../../src/ui/components/channels/settings/sidebar_settings.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Locator, expect} from '@playwright/test';\n\nexport default class SidebarSettings {\n    readonly container: Locator;\n\n    readonly title;\n    public id = '#sidebarSettings';\n    readonly expandedSection;\n    public expandedSectionId = '.section-max';\n\n    readonly groupUnreadEditButton;\n    readonly limitVisibleDMsEditButton;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.title = container.getByRole('heading', {name: 'Sidebar', exact: true});\n        this.expandedSection = container.locator(this.expandedSectionId);\n\n        this.groupUnreadEditButton = container.locator('#showUnreadsCategoryEdit');\n        this.limitVisibleDMsEditButton = container.locator('#limitVisibleGMsDMsEdit');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,eAAe,CAAA;AACvB,IAAA,SAAS;AAET,IAAA,KAAK;IACP,EAAE,GAAG,kBAAkB;AACrB,IAAA,eAAe;IACjB,iBAAiB,GAAG,cAAc;AAEhC,IAAA,qBAAqB;AACrB,IAAA,yBAAyB;AAElC,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAE1B,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC;QAC3E,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC;QAEhE,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC,OAAO,CAAC,0BAA0B,CAAC;QAC1E,IAAI,CAAC,yBAAyB,GAAG,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC;IACjF;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;IAC9C;AACH;;;;"}

package/dist/ui/components/channels/sidebar_left.d.ts

@@ -1,12 +1,13 @@
 import { Locator } from '@playwright/test';
 export default class ChannelsSidebarLeft {
     readonly container: Locator;
+    readonly teamMenuButton: Locator;
+    readonly browseOrCreateChannelButton: Locator;
     readonly findChannelButton: Locator;
-    readonly scheduledDraftCountonLHS: Locator;
+    readonly scheduledPostBadge: Locator;
+    readonly unreadChannelFilter: Locator;
     constructor(container: Locator);
     toBeVisible(): Promise<void>;
-    assertNoPendingScheduledDraft(): Promise<void>;
-    assertscheduledDraftCountLHS(count: string): Promise<void>;
     /**
      * Clicks on the sidebar channel link with the given name.
      * It can be any sidebar item name including channels, direct messages, or group messages, threads, etc.
@@ -21,4 +22,16 @@ export default class ChannelsSidebarLeft {
      * Verifies 'Drafts' as a sidebar link does not exist in LHS.
      */
     draftsNotVisible(): Promise<void>;
+    /**
+     * Verifies if 'unreads' filter is applied to sidebar.
+     */
+    isUnreadsFilterActive(): Promise<boolean>;
+    /**
+     * Toggles the unread filter on or off.
+     */
+    toggleUnreadsFilter(): Promise<void>;
+    /**
+     * Gets all unread channel items in the sidebar.
+     */
+    getUnreadChannels(): Locator;
 }

package/dist/ui/components/channels/sidebar_left.js

@@ -6,23 +6,22 @@ var test = require('@playwright/test');
 // See LICENSE.txt for license information.
 class ChannelsSidebarLeft {
     container;
+    teamMenuButton;
+    browseOrCreateChannelButton;
     findChannelButton;
-    scheduledDraftCountonLHS;
+    scheduledPostBadge;
+    unreadChannelFilter;
     constructor(container) {
         this.container = container;
+        this.teamMenuButton = container.locator('#sidebarTeamMenuButton');
+        this.browseOrCreateChannelButton = container.locator('#browseOrAddChannelMenuButton');
         this.findChannelButton = container.getByRole('button', { name: 'Find Channels' });
-        this.scheduledDraftCountonLHS = container.locator('span.scheduledPostBadge');
+        this.scheduledPostBadge = container.locator('span.scheduledPostBadge');
+        this.unreadChannelFilter = container.locator('.SidebarFilters_filterButton');
     }
     async toBeVisible() {
         await test.expect(this.container).toBeVisible();
     }
-    async assertNoPendingScheduledDraft() {
-        await test.expect(this.scheduledDraftCountonLHS).not.toBeVisible();
-    }
-    async assertscheduledDraftCountLHS(count) {
-        await test.expect(this.scheduledDraftCountonLHS).toBeVisible();
-        await test.expect(this.scheduledDraftCountonLHS).toHaveText(count);
-    }
     /**
      * Clicks on the sidebar channel link with the given name.
      * It can be any sidebar item name including channels, direct messages, or group messages, threads, etc.
@@ -48,6 +47,24 @@ class ChannelsSidebarLeft {
         const channel = this.container.getByText('Drafts', { exact: true });
         await test.expect(channel).not.toBeVisible();
     }
+    /**
+     * Verifies if 'unreads' filter is applied to sidebar.
+     */
+    async isUnreadsFilterActive() {
+        return await this.unreadChannelFilter.evaluate((el) => el.classList.contains('active'));
+    }
+    /**
+     * Toggles the unread filter on or off.
+     */
+    async toggleUnreadsFilter() {
+        await this.unreadChannelFilter.click();
+    }
+    /**
+     * Gets all unread channel items in the sidebar.
+     */
+    getUnreadChannels() {
+        return this.container.locator('.SidebarLink.unread-title');
+    }
 }
 
 module.exports = ChannelsSidebarLeft;

package/dist/ui/components/channels/sidebar_left.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar_left.js","sources":["../../../../src/ui/components/channels/sidebar_left.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Locator, expect} from '@playwright/test';\n\nexport default class ChannelsSidebarLeft {\n    readonly container: Locator;\n    readonly findChannelButton;\n    readonly scheduledDraftCountonLHS;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.findChannelButton = container.getByRole('button', {name: 'Find Channels'});\n        this.scheduledDraftCountonLHS = container.locator('span.scheduledPostBadge');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    async assertNoPendingScheduledDraft() {\n        await expect(this.scheduledDraftCountonLHS).not.toBeVisible();\n    }\n\n    async assertscheduledDraftCountLHS(count: string) {\n        await expect(this.scheduledDraftCountonLHS).toBeVisible();\n        await expect(this.scheduledDraftCountonLHS).toHaveText(count);\n    }\n\n    /**\n     * Clicks on the sidebar channel link with the given name.\n     * It can be any sidebar item name including channels, direct messages, or group messages, threads, etc.\n     * @param channelName\n     */\n    async goToItem(channelName: string) {\n        const channel = this.container.locator(`#sidebarItem_${channelName}`);\n        await channel.waitFor();\n        await channel.click();\n    }\n\n    /**\n     * Verifies 'Drafts' as a sidebar link exists in LHS.\n     */\n    async draftsVisible() {\n        const draftSidebarLink = this.container.getByText('Drafts', {exact: true});\n        await draftSidebarLink.waitFor();\n        await expect(draftSidebarLink).toBeVisible();\n    }\n\n    /**\n     * Verifies 'Drafts' as a sidebar link does not exist in LHS.\n     */\n    async draftsNotVisible() {\n        const channel = this.container.getByText('Drafts', {exact: true});\n        await expect(channel).not.toBeVisible();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,mBAAmB,CAAA;AAC3B,IAAA,SAAS;AACT,IAAA,iBAAiB;AACjB,IAAA,wBAAwB;AAEjC,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAE1B,QAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAC,IAAI,EAAE,eAAe,EAAC,CAAC;QAC/E,IAAI,CAAC,wBAAwB,GAAG,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC;;AAGhF,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;;AAG9C,IAAA,MAAM,6BAA6B,GAAA;QAC/B,MAAMA,WAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;;IAGjE,MAAM,4BAA4B,CAAC,KAAa,EAAA;QAC5C,MAAMA,WAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,WAAW,EAAE;QACzD,MAAMA,WAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC;;AAGjE;;;;AAIG;IACH,MAAM,QAAQ,CAAC,WAAmB,EAAA;AAC9B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAgB,aAAA,EAAA,WAAW,CAAE,CAAA,CAAC;AACrE,QAAA,MAAM,OAAO,CAAC,OAAO,EAAE;AACvB,QAAA,MAAM,OAAO,CAAC,KAAK,EAAE;;AAGzB;;AAEG;AACH,IAAA,MAAM,aAAa,GAAA;AACf,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;AAC1E,QAAA,MAAM,gBAAgB,CAAC,OAAO,EAAE;AAChC,QAAA,MAAMA,WAAM,CAAC,gBAAgB,CAAC,CAAC,WAAW,EAAE;;AAGhD;;AAEG;AACH,IAAA,MAAM,gBAAgB,GAAA;AAClB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;QACjE,MAAMA,WAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;;AAE9C;;;;"}
+{"version":3,"file":"sidebar_left.js","sources":["../../../../src/ui/components/channels/sidebar_left.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Locator, expect} from '@playwright/test';\n\nexport default class ChannelsSidebarLeft {\n    readonly container: Locator;\n\n    readonly teamMenuButton: Locator;\n    readonly browseOrCreateChannelButton: Locator;\n    readonly findChannelButton;\n    readonly scheduledPostBadge;\n    readonly unreadChannelFilter;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.teamMenuButton = container.locator('#sidebarTeamMenuButton');\n        this.browseOrCreateChannelButton = container.locator('#browseOrAddChannelMenuButton');\n        this.findChannelButton = container.getByRole('button', {name: 'Find Channels'});\n        this.scheduledPostBadge = container.locator('span.scheduledPostBadge');\n        this.unreadChannelFilter = container.locator('.SidebarFilters_filterButton');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    /**\n     * Clicks on the sidebar channel link with the given name.\n     * It can be any sidebar item name including channels, direct messages, or group messages, threads, etc.\n     * @param channelName\n     */\n    async goToItem(channelName: string) {\n        const channel = this.container.locator(`#sidebarItem_${channelName}`);\n        await channel.waitFor();\n        await channel.click();\n    }\n\n    /**\n     * Verifies 'Drafts' as a sidebar link exists in LHS.\n     */\n    async draftsVisible() {\n        const draftSidebarLink = this.container.getByText('Drafts', {exact: true});\n        await draftSidebarLink.waitFor();\n        await expect(draftSidebarLink).toBeVisible();\n    }\n\n    /**\n     * Verifies 'Drafts' as a sidebar link does not exist in LHS.\n     */\n    async draftsNotVisible() {\n        const channel = this.container.getByText('Drafts', {exact: true});\n        await expect(channel).not.toBeVisible();\n    }\n\n    /**\n     * Verifies if 'unreads' filter is applied to sidebar.\n     */\n    async isUnreadsFilterActive(): Promise<boolean> {\n        return await this.unreadChannelFilter.evaluate((el) => el.classList.contains('active'));\n    }\n\n    /**\n     * Toggles the unread filter on or off.\n     */\n    async toggleUnreadsFilter() {\n        await this.unreadChannelFilter.click();\n    }\n\n    /**\n     * Gets all unread channel items in the sidebar.\n     */\n    getUnreadChannels(): Locator {\n        return this.container.locator('.SidebarLink.unread-title');\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,mBAAmB,CAAA;AAC3B,IAAA,SAAS;AAET,IAAA,cAAc;AACd,IAAA,2BAA2B;AAC3B,IAAA,iBAAiB;AACjB,IAAA,kBAAkB;AAClB,IAAA,mBAAmB;AAE5B,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC,OAAO,CAAC,wBAAwB,CAAC;QACjE,IAAI,CAAC,2BAA2B,GAAG,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC;AACrF,QAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAC,IAAI,EAAE,eAAe,EAAC,CAAC;QAC/E,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC;QACtE,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC,OAAO,CAAC,8BAA8B,CAAC;IAChF;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;IAC9C;AAEA;;;;AAIG;IACH,MAAM,QAAQ,CAAC,WAAmB,EAAA;AAC9B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA,aAAA,EAAgB,WAAW,CAAA,CAAE,CAAC;AACrE,QAAA,MAAM,OAAO,CAAC,OAAO,EAAE;AACvB,QAAA,MAAM,OAAO,CAAC,KAAK,EAAE;IACzB;AAEA;;AAEG;AACH,IAAA,MAAM,aAAa,GAAA;AACf,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;AAC1E,QAAA,MAAM,gBAAgB,CAAC,OAAO,EAAE;AAChC,QAAA,MAAMA,WAAM,CAAC,gBAAgB,CAAC,CAAC,WAAW,EAAE;IAChD;AAEA;;AAEG;AACH,IAAA,MAAM,gBAAgB,GAAA;AAClB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;QACjE,MAAMA,WAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;IAC3C;AAEA;;AAEG;AACH,IAAA,MAAM,qBAAqB,GAAA;QACvB,OAAO,MAAM,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC3F;AAEA;;AAEG;AACH,IAAA,MAAM,mBAAmB,GAAA;AACrB,QAAA,MAAM,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE;IAC1C;AAEA;;AAEG;IACH,iBAAiB,GAAA;QACb,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,2BAA2B,CAAC;IAC9D;AACH;;;;"}

package/dist/ui/components/channels/sidebar_right.d.ts

@@ -2,12 +2,13 @@ import { Locator } from '@playwright/test';
 import ChannelsPostCreate from './post_create';
 import ChannelsPostEdit from './post_edit';
 import ChannelsPost from './post';
+import ScheduledPostIndicator from './scheduled_post_indicator';
 export default class ChannelsSidebarRight {
     readonly container: Locator;
     readonly closeButton: Locator;
     readonly postCreate: ChannelsPostCreate;
     readonly rhsPostBody: Locator;
-    readonly postBoxIndicator: Locator;
+    readonly scheduledPostIndicator: ScheduledPostIndicator;
     readonly scheduledDraftChannelInfoMessage: Locator;
     readonly scheduledDraftSeeAllLink: Locator;
     readonly scheduledDraftChannelInfoMessageText: Locator;
@@ -17,6 +18,7 @@ export default class ChannelsSidebarRight {
     readonly restorePreviousPostVersionIcon: Locator;
     constructor(container: Locator);
     toBeVisible(): Promise<void>;
+    postMessage(message: string): Promise<void>;
     /**
      * Returns the RHS post by post id
      * @param postId Just the ID without the prefix
@@ -31,7 +33,6 @@ export default class ChannelsSidebarRight {
      * Closes the RHS
      */
     close(): Promise<void>;
-    clickOnSeeAllscheduledDrafts(): Promise<void>;
     toContainText(text: string): Promise<void>;
     verifyCurrentVersionPostMessage(postID: string | null, postMessageContent: string): Promise<void>;
     restorePreviousPostVersion(): Promise<void>;

package/dist/ui/components/channels/sidebar_right.js

@@ -4,6 +4,7 @@ var test = require('@playwright/test');
 var post_create = require('./post_create.js');
 var post_edit = require('./post_edit.js');
 var post = require('./post.js');
+var scheduled_post_indicator = require('./scheduled_post_indicator.js');
 
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
@@ -12,7 +13,7 @@ class ChannelsSidebarRight {
     closeButton;
     postCreate;
     rhsPostBody;
-    postBoxIndicator;
+    scheduledPostIndicator;
     scheduledDraftChannelInfoMessage;
     scheduledDraftSeeAllLink;
     scheduledDraftChannelInfoMessageText;
@@ -22,7 +23,7 @@ class ChannelsSidebarRight {
     restorePreviousPostVersionIcon;
     constructor(container) {
         this.container = container;
-        this.postBoxIndicator = container.locator('div.postBoxIndicator');
+        this.scheduledPostIndicator = new scheduled_post_indicator(container.getByTestId('scheduledPostIndicator'));
         this.scheduledDraftChannelInfoMessage = container.locator('div.ScheduledPostIndicator span');
         this.scheduledDraftSeeAllLink = container.locator('a:has-text("See all")');
         this.scheduledDraftChannelInfoMessageText = container.locator('span:has-text("Message scheduled for")');
@@ -37,6 +38,9 @@ class ChannelsSidebarRight {
     async toBeVisible() {
         await test.expect(this.container).toBeVisible();
     }
+    async postMessage(message) {
+        await this.postCreate.postMessage(message);
+    }
     /**
      * Returns the RHS post by post id
      * @param postId Just the ID without the prefix
@@ -67,10 +71,6 @@ class ChannelsSidebarRight {
         await this.closeButton.click();
         await test.expect(this.container).not.toBeVisible();
     }
-    async clickOnSeeAllscheduledDrafts() {
-        await this.scheduledDraftSeeAllLink.isVisible();
-        await this.scheduledDraftSeeAllLink.click();
-    }
     async toContainText(text) {
         await test.expect(this.container).toContainText(text);
     }

package/dist/ui/components/channels/sidebar_right.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar_right.js","sources":["../../../../src/ui/components/channels/sidebar_right.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Locator, expect} from '@playwright/test';\n\nimport ChannelsPostCreate from './post_create';\nimport ChannelsPostEdit from './post_edit';\nimport ChannelsPost from './post';\n\nexport default class ChannelsSidebarRight {\n    readonly container: Locator;\n\n    readonly closeButton;\n    readonly postCreate;\n    readonly rhsPostBody;\n    readonly postBoxIndicator;\n    readonly scheduledDraftChannelInfoMessage;\n    readonly scheduledDraftSeeAllLink;\n    readonly scheduledDraftChannelInfoMessageText;\n    readonly editTextbox;\n    readonly postEdit;\n    readonly currentVersionEditedPosttext;\n    readonly restorePreviousPostVersionIcon;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.postBoxIndicator = container.locator('div.postBoxIndicator');\n        this.scheduledDraftChannelInfoMessage = container.locator('div.ScheduledPostIndicator span');\n        this.scheduledDraftSeeAllLink = container.locator('a:has-text(\"See all\")');\n        this.scheduledDraftChannelInfoMessageText = container.locator('span:has-text(\"Message scheduled for\")');\n        this.rhsPostBody = container.locator('.post-message__text');\n        this.postCreate = new ChannelsPostCreate(container.getByTestId('comment-create'), true);\n        this.closeButton = container.locator('.sidebar--right__close');\n\n        this.editTextbox = container.locator('#edit_textbox');\n        this.postEdit = new ChannelsPostEdit(container.locator('.post-edit__container'));\n        this.currentVersionEditedPosttext = (postID: any) => container.locator(`#rhsPostMessageText_${postID} p`);\n        this.restorePreviousPostVersionIcon = container.locator(\n            'button[aria-label=\"Select to restore an old message.\"]',\n        );\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    /**\n     * Returns the RHS post by post id\n     * @param postId Just the ID without the prefix\n     */\n    async getPostById(postId: string) {\n        const post = this.container.locator(`[id=\"rhsPost_${postId}\"]`);\n        await post.waitFor();\n        return new ChannelsPost(post);\n    }\n\n    /**\n     * Return the last post in the RHS\n     */\n    async getLastPost() {\n        const post = this.container.getByTestId('rhsPostView').last();\n        await post.waitFor();\n        return new ChannelsPost(post);\n    }\n\n    async getFirstPost() {\n        const post = this.container.getByTestId('rhsPostView').first();\n        await post.waitFor();\n        return new ChannelsPost(post);\n    }\n\n    /**\n     * Closes the RHS\n     */\n    async close() {\n        await this.closeButton.waitFor();\n        await this.closeButton.click();\n\n        await expect(this.container).not.toBeVisible();\n    }\n\n    async clickOnSeeAllscheduledDrafts() {\n        await this.scheduledDraftSeeAllLink.isVisible();\n        await this.scheduledDraftSeeAllLink.click();\n    }\n\n    async toContainText(text: string) {\n        await expect(this.container).toContainText(text);\n    }\n\n    async verifyCurrentVersionPostMessage(postID: string | null, postMessageContent: string) {\n        expect(await this.currentVersionEditedPosttext(postID).textContent()).toBe(postMessageContent);\n    }\n\n    async restorePreviousPostVersion() {\n        await this.restorePreviousPostVersionIcon.isVisible();\n        await this.restorePreviousPostVersionIcon.click();\n    }\n}\n"],"names":["ChannelsPostCreate","ChannelsPostEdit","expect","post","ChannelsPost"],"mappings":"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"}
+{"version":3,"file":"sidebar_right.js","sources":["../../../../src/ui/components/channels/sidebar_right.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Locator, expect} from '@playwright/test';\n\nimport ChannelsPostCreate from './post_create';\nimport ChannelsPostEdit from './post_edit';\nimport ChannelsPost from './post';\nimport ScheduledPostIndicator from './scheduled_post_indicator';\n\nexport default class ChannelsSidebarRight {\n    readonly container: Locator;\n\n    readonly closeButton;\n    readonly postCreate;\n    readonly rhsPostBody;\n    readonly scheduledPostIndicator;\n    readonly scheduledDraftChannelInfoMessage;\n    readonly scheduledDraftSeeAllLink;\n    readonly scheduledDraftChannelInfoMessageText;\n    readonly editTextbox;\n    readonly postEdit;\n    readonly currentVersionEditedPosttext;\n    readonly restorePreviousPostVersionIcon;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.scheduledPostIndicator = new ScheduledPostIndicator(container.getByTestId('scheduledPostIndicator'));\n        this.scheduledDraftChannelInfoMessage = container.locator('div.ScheduledPostIndicator span');\n        this.scheduledDraftSeeAllLink = container.locator('a:has-text(\"See all\")');\n        this.scheduledDraftChannelInfoMessageText = container.locator('span:has-text(\"Message scheduled for\")');\n        this.rhsPostBody = container.locator('.post-message__text');\n        this.postCreate = new ChannelsPostCreate(container.getByTestId('comment-create'), true);\n        this.closeButton = container.locator('.sidebar--right__close');\n\n        this.editTextbox = container.locator('#edit_textbox');\n        this.postEdit = new ChannelsPostEdit(container.locator('.post-edit__container'));\n        this.currentVersionEditedPosttext = (postID: any) => container.locator(`#rhsPostMessageText_${postID} p`);\n        this.restorePreviousPostVersionIcon = container.locator(\n            'button[aria-label=\"Select to restore an old message.\"]',\n        );\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    async postMessage(message: string) {\n        await this.postCreate.postMessage(message);\n    }\n\n    /**\n     * Returns the RHS post by post id\n     * @param postId Just the ID without the prefix\n     */\n    async getPostById(postId: string) {\n        const post = this.container.locator(`[id=\"rhsPost_${postId}\"]`);\n        await post.waitFor();\n        return new ChannelsPost(post);\n    }\n\n    /**\n     * Return the last post in the RHS\n     */\n    async getLastPost() {\n        const post = this.container.getByTestId('rhsPostView').last();\n        await post.waitFor();\n        return new ChannelsPost(post);\n    }\n\n    async getFirstPost() {\n        const post = this.container.getByTestId('rhsPostView').first();\n        await post.waitFor();\n        return new ChannelsPost(post);\n    }\n\n    /**\n     * Closes the RHS\n     */\n    async close() {\n        await this.closeButton.waitFor();\n        await this.closeButton.click();\n\n        await expect(this.container).not.toBeVisible();\n    }\n\n    async toContainText(text: string) {\n        await expect(this.container).toContainText(text);\n    }\n\n    async verifyCurrentVersionPostMessage(postID: string | null, postMessageContent: string) {\n        expect(await this.currentVersionEditedPosttext(postID).textContent()).toBe(postMessageContent);\n    }\n\n    async restorePreviousPostVersion() {\n        await this.restorePreviousPostVersionIcon.isVisible();\n        await this.restorePreviousPostVersionIcon.click();\n    }\n}\n"],"names":["ScheduledPostIndicator","ChannelsPostCreate","ChannelsPostEdit","expect","post","ChannelsPost"],"mappings":"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"}

package/dist/ui/components/channels/team_menu.d.ts

@@ -0,0 +1,19 @@
+import { Locator } from '@playwright/test';
+export default class TeamMenu {
+    readonly container: Locator;
+    readonly invitePeople: Locator;
+    readonly teamSettings: Locator;
+    readonly manageMembers: Locator;
+    readonly leaveTeam: Locator;
+    readonly createTeam: Locator;
+    readonly learnAboutTeams: Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+    getContainerId(): Promise<string | null>;
+    clickInvitePeople(): Promise<void>;
+    clickTeamSettings(): Promise<void>;
+    clickManageMembers(): Promise<void>;
+    clickLeaveTeam(): Promise<void>;
+    clickCreateTeam(): Promise<void>;
+    clickLearnAboutTeams(): Promise<void>;
+}