@mattermost/playwright-lib 10.7.0-3 → 11.3.0-0

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

@@ -5,6 +5,8 @@ var header = require('./header.js');
 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');
+var flag_post_confirmation_dialog = require('./flag_post_confirmation_dialog.js');
 var util = require('../../../util.js');
 var asyncWaitUntil = require('async-wait-until');
 
@@ -12,41 +14,37 @@ var asyncWaitUntil = require('async-wait-until');
 // See LICENSE.txt for license information.
 class ChannelsCenterView {
     container;
+    page;
     header;
     postCreate;
     scheduledDraftOptions;
-    postBoxIndicator;
-    scheduledDraftChannelIcon;
-    scheduledDraftChannelInfoMessage;
-    scheduledDraftChannelInfoMessageLocator;
-    scheduledDraftChannelInfoMessageText;
-    scheduledDraftSeeAllLink;
+    scheduledPostIndicator;
     postEdit;
     editedPostIcon;
-    constructor(container) {
+    channelBanner;
+    flagPostConfirmationDialog;
+    messageDeleted;
+    postText;
+    constructor(container, page) {
         this.container = container;
-        this.scheduledDraftChannelInfoMessageLocator = 'span:has-text("Message scheduled for")';
+        this.page = page;
         this.header = new header(this.container.locator('.channel-header'));
         this.postCreate = new post_create(container.getByTestId('post-create'));
         this.scheduledDraftOptions = new post_create(container.locator('#dropdown_send_post_options'));
         this.postEdit = new post_edit(container.locator('.post-edit__container'));
-        this.postBoxIndicator = container.locator('div.postBoxIndicator');
-        this.scheduledDraftChannelIcon = container.locator('#create_post i.icon-draft-indicator');
-        this.scheduledDraftChannelInfoMessage = container.locator('div.ScheduledPostIndicator span');
-        this.scheduledDraftChannelInfoMessageText = container.locator(this.scheduledDraftChannelInfoMessageLocator);
-        this.scheduledDraftSeeAllLink = container.locator('a:has-text("See all")');
+        this.scheduledPostIndicator = new scheduled_post_indicator(container.getByTestId('scheduledPostIndicator'));
         this.editedPostIcon = (postID) => container.locator(`#postEdited_${postID}`);
+        this.channelBanner = container.getByTestId('channel_banner_container');
+        this.flagPostConfirmationDialog = new flag_post_confirmation_dialog(page.locator('#FlagPostModal div.modal-content'), page);
+        this.messageDeleted = (postId) => this.container.locator(`#${postId}_message >> text=(message deleted)`);
+        this.postText = (postID) => this.container.locator(`#postMessageText_${postID}`);
     }
     async toBeVisible() {
         await test.expect(this.container).toBeVisible();
         await this.postCreate.toBeVisible();
     }
-    /**
-     * Click on "See all scheduled messages"
-     */
-    async clickOnSeeAllscheduledDrafts() {
-        await this.scheduledDraftSeeAllLink.isVisible();
-        await this.scheduledDraftSeeAllLink.click();
+    async postMessage(message, files) {
+        await this.postCreate.postMessage(message, files);
     }
     /**
      * Return the first post in the Center
@@ -107,17 +105,49 @@ class ChannelsCenterView {
             return content?.includes(text);
         }, { timeout });
     }
-    async verifyscheduledDraftChannelInfo() {
-        await this.postBoxIndicator.isVisible();
-        await this.scheduledDraftChannelIcon.isVisible();
-        const messageLocator = this.scheduledDraftChannelInfoMessage.first();
-        await test.expect(messageLocator).toContainText('Message scheduled for');
-    }
     async clickOnLastEditedPost(postID) {
         if (postID) {
             await this.editedPostIcon(postID).click();
         }
     }
+    async assertChannelBanner(text, backgroundColor) {
+        await test.expect(this.channelBanner).toBeVisible();
+        const actualText = await this.channelBanner.textContent();
+        test.expect(actualText).toBe(text);
+        const actualBackgroundColor = await this.channelBanner.evaluate((el) => {
+            return window.getComputedStyle(el).getPropertyValue('background-color');
+        });
+        test.expect(actualBackgroundColor).toBe(util.hexToRgb(backgroundColor));
+    }
+    async assertChannelBannerNotVisible() {
+        await test.expect(this.channelBanner).not.toBeVisible();
+    }
+    async assertChannelBannerHasBoldText(text) {
+        const boldText = await this.channelBanner.locator('strong');
+        test.expect(boldText).toBeVisible();
+        const actualText = await boldText.textContent();
+        test.expect(actualText).toBe(text);
+    }
+    async assertChannelBannerHasItalicText(text) {
+        const italicText = await this.channelBanner.locator('em');
+        test.expect(italicText).toBeVisible();
+        const actualText = await italicText.textContent();
+        test.expect(actualText).toBe(text);
+    }
+    async assertChannelBannerHasStrikethroughText(text) {
+        const strikethroughText = await this.channelBanner.locator('del');
+        test.expect(strikethroughText).toBeVisible();
+        const actualText = await strikethroughText.textContent();
+        test.expect(actualText).toBe(text);
+    }
+    async messageDeletedVisible(isVisible = false, postId, message) {
+        await test.expect(this.messageDeleted(postId)).toBeVisible({ visible: isVisible });
+        if (!isVisible) {
+            const postMessageText = this.postText(postId);
+            const postMessageTextContent = await postMessageText.textContent();
+            test.expect(postMessageTextContent).toBe(message);
+        }
+    }
 }
 
 module.exports = ChannelsCenterView;

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

@@ -1 +1 @@
-{"version":3,"file":"center_view.js","sources":["../../../../src/ui/components/channels/center_view.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 ChannelsHeader from './header';\nimport ChannelsPostCreate from './post_create';\nimport ChannelsPostEdit from './post_edit';\nimport ChannelsPost from './post';\n\nimport {duration} from '@/util';\nimport {waitUntil} from '@/test_action';\n\nexport default class ChannelsCenterView {\n    readonly container: Locator;\n\n    readonly header;\n    readonly postCreate;\n    readonly scheduledDraftOptions;\n    readonly postBoxIndicator;\n    readonly scheduledDraftChannelIcon;\n    readonly scheduledDraftChannelInfoMessage;\n    readonly scheduledDraftChannelInfoMessageLocator;\n    readonly scheduledDraftChannelInfoMessageText;\n    readonly scheduledDraftSeeAllLink;\n    readonly postEdit;\n    readonly editedPostIcon;\n\n    constructor(container: Locator) {\n        this.container = container;\n        this.scheduledDraftChannelInfoMessageLocator = 'span:has-text(\"Message scheduled for\")';\n        this.header = new ChannelsHeader(this.container.locator('.channel-header'));\n        this.postCreate = new ChannelsPostCreate(container.getByTestId('post-create'));\n        this.scheduledDraftOptions = new ChannelsPostCreate(container.locator('#dropdown_send_post_options'));\n        this.postEdit = new ChannelsPostEdit(container.locator('.post-edit__container'));\n        this.postBoxIndicator = container.locator('div.postBoxIndicator');\n        this.scheduledDraftChannelIcon = container.locator('#create_post i.icon-draft-indicator');\n        this.scheduledDraftChannelInfoMessage = container.locator('div.ScheduledPostIndicator span');\n        this.scheduledDraftChannelInfoMessageText = container.locator(this.scheduledDraftChannelInfoMessageLocator);\n        this.scheduledDraftSeeAllLink = container.locator('a:has-text(\"See all\")');\n        this.editedPostIcon = (postID: string) => container.locator(`#postEdited_${postID}`);\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n        await this.postCreate.toBeVisible();\n    }\n\n    /**\n     * Click on \"See all scheduled messages\"\n     */\n    async clickOnSeeAllscheduledDrafts() {\n        await this.scheduledDraftSeeAllLink.isVisible();\n        await this.scheduledDraftSeeAllLink.click();\n    }\n\n    /**\n     * Return the first post in the Center\n     */\n    async getFirstPost() {\n        const firstPost = this.container.getByTestId('postView').first();\n        await firstPost.waitFor();\n        return new ChannelsPost(firstPost);\n    }\n\n    /**\n     * Return the last post in the Center\n     */\n    async getLastPost() {\n        const lastPost = this.container.getByTestId('postView').last();\n        await lastPost.waitFor();\n        return new ChannelsPost(lastPost);\n    }\n\n    /**\n     * Return the ID of the last post in the Center\n     */\n    async getLastPostID() {\n        return this.container\n            .getByTestId('postView')\n            .last()\n            .getAttribute('id')\n            .then((id) => (id ? id.split('_')[1] : null));\n    }\n\n    /**\n     * Return the Nth post in the Center from the top\n     * @param index\n     * @returns\n     */\n    async getNthPost(index: number) {\n        const nthPost = this.container.getByTestId('postView').nth(index);\n        await nthPost.waitFor();\n        return new ChannelsPost(nthPost);\n    }\n\n    /**\n     * Returns the Center post by post's id\n     * @param postId Just the ID without the prefix\n     */\n    async getPostById(id: string) {\n        const postById = this.container.locator(`[id=\"post_${id}\"]`);\n        await postById.waitFor();\n        return new ChannelsPost(postById);\n    }\n\n    async waitUntilLastPostContains(text: string, timeout = duration.ten_sec) {\n        await waitUntil(\n            async () => {\n                const post = await this.getLastPost();\n                const content = await post.container.textContent();\n                return content?.includes(text);\n            },\n            {timeout},\n        );\n    }\n\n    async waitUntilPostWithIdContains(id: string, text: string, timeout = duration.ten_sec) {\n        await waitUntil(\n            async () => {\n                const post = await this.getPostById(id);\n                const content = await post.container.textContent();\n\n                return content?.includes(text);\n            },\n            {timeout},\n        );\n    }\n\n    async verifyscheduledDraftChannelInfo() {\n        await this.postBoxIndicator.isVisible();\n        await this.scheduledDraftChannelIcon.isVisible();\n        const messageLocator = this.scheduledDraftChannelInfoMessage.first();\n        await expect(messageLocator).toContainText('Message scheduled for');\n    }\n\n    async clickOnLastEditedPost(postID: string | null) {\n        if (postID) {\n            await this.editedPostIcon(postID).click();\n        }\n    }\n}\n"],"names":["ChannelsHeader","ChannelsPostCreate","ChannelsPostEdit","expect","ChannelsPost","duration","waitUntil"],"mappings":"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"}
+{"version":3,"file":"center_view.js","sources":["../../../../src/ui/components/channels/center_view.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Locator, expect, Page} from '@playwright/test';\n\nimport ChannelsHeader from './header';\nimport ChannelsPostCreate from './post_create';\nimport ChannelsPostEdit from './post_edit';\nimport ChannelsPost from './post';\nimport ScheduledPostIndicator from './scheduled_post_indicator';\nimport FlagPostConfirmationDialog from './flag_post_confirmation_dialog';\n\nimport {duration, hexToRgb} from '@/util';\nimport {waitUntil} from '@/test_action';\n\nexport default class ChannelsCenterView {\n    readonly container: Locator;\n    readonly page: Page;\n\n    readonly header;\n    readonly postCreate;\n    readonly scheduledDraftOptions;\n    readonly scheduledPostIndicator;\n    readonly postEdit;\n    readonly editedPostIcon;\n    readonly channelBanner;\n    readonly flagPostConfirmationDialog;\n    readonly messageDeleted;\n    readonly postText;\n\n    constructor(container: Locator, page: Page) {\n        this.container = container;\n        this.page = page;\n\n        this.header = new ChannelsHeader(this.container.locator('.channel-header'));\n        this.postCreate = new ChannelsPostCreate(container.getByTestId('post-create'));\n        this.scheduledDraftOptions = new ChannelsPostCreate(container.locator('#dropdown_send_post_options'));\n        this.postEdit = new ChannelsPostEdit(container.locator('.post-edit__container'));\n        this.scheduledPostIndicator = new ScheduledPostIndicator(container.getByTestId('scheduledPostIndicator'));\n        this.editedPostIcon = (postID: string) => container.locator(`#postEdited_${postID}`);\n        this.channelBanner = container.getByTestId('channel_banner_container');\n        this.flagPostConfirmationDialog = new FlagPostConfirmationDialog(\n            page.locator('#FlagPostModal div.modal-content'),\n            page,\n        );\n        this.messageDeleted = (postId: string) =>\n            this.container.locator(`#${postId}_message >> text=(message deleted)`);\n        this.postText = (postID: string) => this.container.locator(`#postMessageText_${postID}`);\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n        await this.postCreate.toBeVisible();\n    }\n\n    async postMessage(message: string, files?: string[]) {\n        await this.postCreate.postMessage(message, files);\n    }\n\n    /**\n     * Return the first post in the Center\n     */\n    async getFirstPost() {\n        const firstPost = this.container.getByTestId('postView').first();\n        await firstPost.waitFor();\n        return new ChannelsPost(firstPost);\n    }\n\n    /**\n     * Return the last post in the Center\n     */\n    async getLastPost() {\n        const lastPost = this.container.getByTestId('postView').last();\n        await lastPost.waitFor();\n        return new ChannelsPost(lastPost);\n    }\n\n    /**\n     * Return the ID of the last post in the Center\n     */\n    async getLastPostID() {\n        return this.container\n            .getByTestId('postView')\n            .last()\n            .getAttribute('id')\n            .then((id) => (id ? id.split('_')[1] : null));\n    }\n\n    /**\n     * Return the Nth post in the Center from the top\n     * @param index\n     * @returns\n     */\n    async getNthPost(index: number) {\n        const nthPost = this.container.getByTestId('postView').nth(index);\n        await nthPost.waitFor();\n        return new ChannelsPost(nthPost);\n    }\n\n    /**\n     * Returns the Center post by post's id\n     * @param postId Just the ID without the prefix\n     */\n    async getPostById(id: string) {\n        const postById = this.container.locator(`[id=\"post_${id}\"]`);\n        await postById.waitFor();\n        return new ChannelsPost(postById);\n    }\n\n    async waitUntilLastPostContains(text: string, timeout = duration.ten_sec) {\n        await waitUntil(\n            async () => {\n                const post = await this.getLastPost();\n                const content = await post.container.textContent();\n                return content?.includes(text);\n            },\n            {timeout},\n        );\n    }\n\n    async waitUntilPostWithIdContains(id: string, text: string, timeout = duration.ten_sec) {\n        await waitUntil(\n            async () => {\n                const post = await this.getPostById(id);\n                const content = await post.container.textContent();\n\n                return content?.includes(text);\n            },\n            {timeout},\n        );\n    }\n\n    async clickOnLastEditedPost(postID: string | null) {\n        if (postID) {\n            await this.editedPostIcon(postID).click();\n        }\n    }\n\n    async assertChannelBanner(text: string, backgroundColor: string) {\n        await expect(this.channelBanner).toBeVisible();\n\n        const actualText = await this.channelBanner.textContent();\n        expect(actualText).toBe(text);\n\n        const actualBackgroundColor = await this.channelBanner.evaluate((el) => {\n            return window.getComputedStyle(el).getPropertyValue('background-color');\n        });\n\n        expect(actualBackgroundColor).toBe(hexToRgb(backgroundColor));\n    }\n\n    async assertChannelBannerNotVisible() {\n        await expect(this.channelBanner).not.toBeVisible();\n    }\n\n    async assertChannelBannerHasBoldText(text: string) {\n        const boldText = await this.channelBanner.locator('strong');\n        expect(boldText).toBeVisible();\n\n        const actualText = await boldText.textContent();\n        expect(actualText).toBe(text);\n    }\n\n    async assertChannelBannerHasItalicText(text: string) {\n        const italicText = await this.channelBanner.locator('em');\n        expect(italicText).toBeVisible();\n\n        const actualText = await italicText.textContent();\n        expect(actualText).toBe(text);\n    }\n\n    async assertChannelBannerHasStrikethroughText(text: string) {\n        const strikethroughText = await this.channelBanner.locator('del');\n        expect(strikethroughText).toBeVisible();\n\n        const actualText = await strikethroughText.textContent();\n        expect(actualText).toBe(text);\n    }\n\n    async messageDeletedVisible(isVisible: boolean = false, postId: string, message: string) {\n        await expect(this.messageDeleted(postId)).toBeVisible({visible: isVisible});\n        if (!isVisible) {\n            const postMessageText = this.postText(postId);\n            const postMessageTextContent = await postMessageText.textContent();\n            expect(postMessageTextContent).toBe(message);\n        }\n    }\n}\n"],"names":["ChannelsHeader","ChannelsPostCreate","ChannelsPostEdit","ScheduledPostIndicator","FlagPostConfirmationDialog","expect","ChannelsPost","duration","waitUntil","hexToRgb"],"mappings":"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"}

package/dist/ui/components/channels/channel_settings/channel_settings_modal.d.ts

@@ -0,0 +1,17 @@
+import { Locator } from '@playwright/test';
+import InfoSettings from './info_settings';
+import ConfigurationSettings from './configuration_settings';
+export default class ChannelSettingsModal {
+    readonly container: Locator;
+    readonly closeButton: Locator;
+    readonly infoTab: Locator;
+    readonly configurationTab: Locator;
+    readonly infoSettings: InfoSettings;
+    readonly configurationSettings: ConfigurationSettings;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+    getContainerId(): Promise<string | null>;
+    close(): Promise<void>;
+    openInfoTab(): Promise<InfoSettings>;
+    openConfigurationTab(): Promise<ConfigurationSettings>;
+}

package/dist/ui/components/channels/channel_settings/channel_settings_modal.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var test = require('@playwright/test');
+var info_settings = require('./info_settings.js');
+var configuration_settings = require('./configuration_settings.js');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class ChannelSettingsModal {
+    container;
+    closeButton;
+    infoTab;
+    configurationTab;
+    infoSettings;
+    configurationSettings;
+    constructor(container) {
+        this.container = container;
+        this.closeButton = container.getByRole('button', { name: 'Close' });
+        this.infoTab = container.getByRole('tab', { name: 'info' });
+        this.configurationTab = container.getByRole('tab', { name: 'configuration' });
+        this.infoSettings = new info_settings(container.locator('.ChannelSettingsModal__infoTab'));
+        this.configurationSettings = new configuration_settings(container.locator('.ChannelSettingsModal__configurationTab'));
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+    getContainerId() {
+        return this.container.getAttribute('id');
+    }
+    async close() {
+        await this.closeButton.click();
+        await test.expect(this.container).not.toBeVisible();
+    }
+    async openInfoTab() {
+        await test.expect(this.infoTab).toBeVisible();
+        await this.infoTab.click();
+        await this.infoSettings.toBeVisible();
+        return this.infoSettings;
+    }
+    async openConfigurationTab() {
+        await test.expect(this.configurationTab).toBeVisible();
+        await this.configurationTab.click();
+        await this.configurationSettings.toBeVisible();
+        return this.configurationSettings;
+    }
+}
+
+module.exports = ChannelSettingsModal;
+//# sourceMappingURL=channel_settings_modal.js.map

package/dist/ui/components/channels/channel_settings/channel_settings_modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"channel_settings_modal.js","sources":["../../../../../src/ui/components/channels/channel_settings/channel_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 InfoSettings from './info_settings';\nimport ConfigurationSettings from './configuration_settings';\n\nexport default class ChannelSettingsModal {\n    readonly container: Locator;\n\n    readonly closeButton;\n\n    readonly infoTab;\n    readonly configurationTab;\n\n    readonly infoSettings;\n    readonly configurationSettings;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.closeButton = container.getByRole('button', {name: 'Close'});\n\n        this.infoTab = container.getByRole('tab', {name: 'info'});\n        this.configurationTab = container.getByRole('tab', {name: 'configuration'});\n\n        this.infoSettings = new InfoSettings(container.locator('.ChannelSettingsModal__infoTab'));\n        this.configurationSettings = new ConfigurationSettings(\n            container.locator('.ChannelSettingsModal__configurationTab'),\n        );\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 close() {\n        await this.closeButton.click();\n\n        await expect(this.container).not.toBeVisible();\n    }\n\n    async openInfoTab(): Promise<InfoSettings> {\n        await expect(this.infoTab).toBeVisible();\n        await this.infoTab.click();\n\n        await this.infoSettings.toBeVisible();\n\n        return this.infoSettings;\n    }\n\n    async openConfigurationTab(): Promise<ConfigurationSettings> {\n        await expect(this.configurationTab).toBeVisible();\n        await this.configurationTab.click();\n\n        await this.configurationSettings.toBeVisible();\n\n        return this.configurationSettings;\n    }\n}\n"],"names":["InfoSettings","ConfigurationSettings","expect"],"mappings":";;;;;;AAAA;AACA;AAOc,MAAO,oBAAoB,CAAA;AAC5B,IAAA,SAAS;AAET,IAAA,WAAW;AAEX,IAAA,OAAO;AACP,IAAA,gBAAgB;AAEhB,IAAA,YAAY;AACZ,IAAA,qBAAqB;AAE9B,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAE1B,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;AAEjE,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;AACzD,QAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,EAAC,IAAI,EAAE,eAAe,EAAC,CAAC;AAE3E,QAAA,IAAI,CAAC,YAAY,GAAG,IAAIA,aAAY,CAAC,SAAS,CAAC,OAAO,CAAC,gCAAgC,CAAC,CAAC;AACzF,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAIC,sBAAqB,CAClD,SAAS,CAAC,OAAO,CAAC,yCAAyC,CAAC,CAC/D;IACL;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMC,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;IAC9C;IAEA,cAAc,GAAA;QACV,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC;IAC5C;AAEA,IAAA,MAAM,KAAK,GAAA;AACP,QAAA,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE;QAE9B,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;IAClD;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE;AACxC,QAAA,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;AAE1B,QAAA,MAAM,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE;QAErC,OAAO,IAAI,CAAC,YAAY;IAC5B;AAEA,IAAA,MAAM,oBAAoB,GAAA;QACtB,MAAMA,WAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,WAAW,EAAE;AACjD,QAAA,MAAM,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE;AAEnC,QAAA,MAAM,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE;QAE9C,OAAO,IAAI,CAAC,qBAAqB;IACrC;AACH;;;;"}

package/dist/ui/components/channels/channel_settings/configuration_settings.d.ts

@@ -0,0 +1,11 @@
+import { Locator } from '@playwright/test';
+export default class ConfigurationSettings {
+    readonly container: Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+    save(): Promise<void>;
+    enableChannelBanner(): Promise<void>;
+    disableChannelBanner(): Promise<void>;
+    setChannelBannerText(text: string): Promise<void>;
+    setChannelBannerTextColor(color: string): Promise<void>;
+}

package/dist/ui/components/channels/channel_settings/configuration_settings.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class ConfigurationSettings {
+    container;
+    constructor(container) {
+        this.container = container;
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+    async save() {
+        const saveButton = this.container.getByTestId('SaveChangesPanel__save-btn');
+        await test.expect(saveButton).toBeVisible();
+        await saveButton.click();
+    }
+    async enableChannelBanner() {
+        const toggleButton = this.container.getByTestId('channelBannerToggle-button');
+        const classes = await toggleButton.getAttribute('class');
+        if (!classes?.includes('active')) {
+            await toggleButton.click();
+        }
+    }
+    async disableChannelBanner() {
+        const toggleButton = this.container.getByTestId('channelBannerToggle-button');
+        const classes = await toggleButton.getAttribute('class');
+        if (classes?.includes('active')) {
+            await toggleButton.click();
+        }
+    }
+    async setChannelBannerText(text) {
+        const textBox = this.container.getByTestId('channel_banner_banner_text_textbox');
+        await test.expect(textBox).toBeVisible();
+        await textBox.fill(text);
+    }
+    async setChannelBannerTextColor(color) {
+        const colorInput = this.container.locator('#channel_banner_banner_background_color_picker-inputColorValue');
+        await test.expect(colorInput).toBeVisible();
+        await colorInput.fill(color);
+        test.expect((await colorInput.inputValue()).replace('#', '')).toBe(color);
+    }
+}
+
+module.exports = ConfigurationSettings;
+//# sourceMappingURL=configuration_settings.js.map

package/dist/ui/components/channels/channel_settings/configuration_settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configuration_settings.js","sources":["../../../../../src/ui/components/channels/channel_settings/configuration_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 ConfigurationSettings {\n    readonly container: Locator;\n\n    constructor(container: Locator) {\n        this.container = container;\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    async save() {\n        const saveButton = this.container.getByTestId('SaveChangesPanel__save-btn');\n        await expect(saveButton).toBeVisible();\n        await saveButton.click();\n    }\n\n    async enableChannelBanner() {\n        const toggleButton = this.container.getByTestId('channelBannerToggle-button');\n        const classes = await toggleButton.getAttribute('class');\n        if (!classes?.includes('active')) {\n            await toggleButton.click();\n        }\n    }\n\n    async disableChannelBanner() {\n        const toggleButton = this.container.getByTestId('channelBannerToggle-button');\n        const classes = await toggleButton.getAttribute('class');\n        if (classes?.includes('active')) {\n            await toggleButton.click();\n        }\n    }\n\n    async setChannelBannerText(text: string) {\n        const textBox = this.container.getByTestId('channel_banner_banner_text_textbox');\n        await expect(textBox).toBeVisible();\n        await textBox.fill(text);\n    }\n\n    async setChannelBannerTextColor(color: string) {\n        const colorInput = this.container.locator('#channel_banner_banner_background_color_picker-inputColorValue');\n        await expect(colorInput).toBeVisible();\n        await colorInput.fill(color);\n        expect((await colorInput.inputValue()).replace('#', '')).toBe(color);\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,qBAAqB,CAAA;AAC7B,IAAA,SAAS;AAElB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;IAC9B;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;IAC9C;AAEA,IAAA,MAAM,IAAI,GAAA;QACN,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,4BAA4B,CAAC;AAC3E,QAAA,MAAMA,WAAM,CAAC,UAAU,CAAC,CAAC,WAAW,EAAE;AACtC,QAAA,MAAM,UAAU,CAAC,KAAK,EAAE;IAC5B;AAEA,IAAA,MAAM,mBAAmB,GAAA;QACrB,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,4BAA4B,CAAC;QAC7E,MAAM,OAAO,GAAG,MAAM,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC;QACxD,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE;AAC9B,YAAA,MAAM,YAAY,CAAC,KAAK,EAAE;QAC9B;IACJ;AAEA,IAAA,MAAM,oBAAoB,GAAA;QACtB,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,4BAA4B,CAAC;QAC7E,MAAM,OAAO,GAAG,MAAM,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC;AACxD,QAAA,IAAI,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE;AAC7B,YAAA,MAAM,YAAY,CAAC,KAAK,EAAE;QAC9B;IACJ;IAEA,MAAM,oBAAoB,CAAC,IAAY,EAAA;QACnC,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,oCAAoC,CAAC;AAChF,QAAA,MAAMA,WAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE;AACnC,QAAA,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;IAC5B;IAEA,MAAM,yBAAyB,CAAC,KAAa,EAAA;QACzC,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,gEAAgE,CAAC;AAC3G,QAAA,MAAMA,WAAM,CAAC,UAAU,CAAC,CAAC,WAAW,EAAE;AACtC,QAAA,MAAM,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAC5BA,WAAM,CAAC,CAAC,MAAM,UAAU,CAAC,UAAU,EAAE,EAAE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IACxE;AACH;;;;"}

package/dist/ui/components/channels/{scheduled_draft_menu.d.ts → channel_settings/info_settings.d.ts}

@@ -1,8 +1,6 @@
 import { Locator } from '@playwright/test';
-export default class ScheduledDraftMenu {
+export default class InfoSettings {
     readonly container: Locator;
-    readonly scheduleDraftMessageCustomTimeOption: Locator;
     constructor(container: Locator);
     toBeVisible(): Promise<void>;
-    selectCustomTime(): Promise<void>;
 }

package/dist/ui/components/channels/channel_settings/info_settings.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class InfoSettings {
+    container;
+    constructor(container) {
+        this.container = container;
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+}
+
+module.exports = InfoSettings;
+//# sourceMappingURL=info_settings.js.map

package/dist/ui/components/channels/channel_settings/info_settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info_settings.js","sources":["../../../../../src/ui/components/channels/channel_settings/info_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 InfoSettings {\n    readonly container: Locator;\n\n    constructor(container: Locator) {\n        this.container = container;\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,YAAY,CAAA;AACpB,IAAA,SAAS;AAElB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;IAC9B;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;IAC9C;AACH;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"delete_post_confirmation_dialog.js","sources":["../../../../src/ui/components/channels/delete_post_confirmation_dialog.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 DeletePostConfirmationDialog {\n    readonly container: Locator;\n\n    readonly cancelButton;\n    readonly confirmButton;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.cancelButton = container.locator('button.btn.btn-tertiary');\n        this.confirmButton = container.locator('button#deletePostModalButton');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n        await expect(this.cancelButton).toBeVisible();\n        await expect(this.confirmButton).toBeVisible();\n    }\n\n    async notToBeVisible() {\n        await expect(this.container).not.toBeVisible();\n        await expect(this.cancelButton).not.toBeVisible();\n        await expect(this.confirmButton).not.toBeVisible();\n    }\n\n    async cancelDeletion() {\n        await this.cancelButton.click();\n    }\n\n    async confirmDeletion() {\n        await this.confirmButton.click();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,4BAA4B,CAAA;AACpC,IAAA,SAAS;AAET,IAAA,YAAY;AACZ,IAAA,aAAa;AAEtB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC;QAChE,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,8BAA8B,CAAC;;AAG1E,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;QAC1C,MAAMA,WAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE;QAC7C,MAAMA,WAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,EAAE;;AAGlD,IAAA,MAAM,cAAc,GAAA;QAChB,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;QAC9C,MAAMA,WAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;QACjD,MAAMA,WAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;;AAGtD,IAAA,MAAM,cAAc,GAAA;AAChB,QAAA,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;;AAGnC,IAAA,MAAM,eAAe,GAAA;AACjB,QAAA,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;;AAEvC;;;;"}
+{"version":3,"file":"delete_post_confirmation_dialog.js","sources":["../../../../src/ui/components/channels/delete_post_confirmation_dialog.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 DeletePostConfirmationDialog {\n    readonly container: Locator;\n\n    readonly cancelButton;\n    readonly confirmButton;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.cancelButton = container.locator('button.btn.btn-tertiary');\n        this.confirmButton = container.locator('button#deletePostModalButton');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n        await expect(this.cancelButton).toBeVisible();\n        await expect(this.confirmButton).toBeVisible();\n    }\n\n    async notToBeVisible() {\n        await expect(this.container).not.toBeVisible();\n        await expect(this.cancelButton).not.toBeVisible();\n        await expect(this.confirmButton).not.toBeVisible();\n    }\n\n    async cancelDeletion() {\n        await this.cancelButton.click();\n    }\n\n    async confirmDeletion() {\n        await this.confirmButton.click();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,4BAA4B,CAAA;AACpC,IAAA,SAAS;AAET,IAAA,YAAY;AACZ,IAAA,aAAa;AAEtB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC;QAChE,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,8BAA8B,CAAC;IAC1E;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;QAC1C,MAAMA,WAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE;QAC7C,MAAMA,WAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,EAAE;IAClD;AAEA,IAAA,MAAM,cAAc,GAAA;QAChB,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;QAC9C,MAAMA,WAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;QACjD,MAAMA,WAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;IACtD;AAEA,IAAA,MAAM,cAAc,GAAA;AAChB,QAAA,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;IACnC;AAEA,IAAA,MAAM,eAAe,GAAA;AACjB,QAAA,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;IACpC;AACH;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"delete_post_modal.js","sources":["../../../../src/ui/components/channels/delete_post_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\nexport default class DeletePostModal {\n    readonly container: Locator;\n    readonly confirmButton: Locator;\n\n    constructor(container: Locator) {\n        this.container = container;\n        this.confirmButton = container.locator('#deletePostModalButton');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    async confirm() {\n        await this.confirmButton.waitFor();\n        await this.confirmButton.click();\n\n        // Wait for the modal to disappear\n        await expect(this.container).not.toBeVisible();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,eAAe,CAAA;AACvB,IAAA,SAAS;AACT,IAAA,aAAa;AAEtB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAC1B,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,wBAAwB,CAAC;;AAGpE,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;;AAG9C,IAAA,MAAM,OAAO,GAAA;AACT,QAAA,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;AAClC,QAAA,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;;QAGhC,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;;AAErD;;;;"}
+{"version":3,"file":"delete_post_modal.js","sources":["../../../../src/ui/components/channels/delete_post_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\nexport default class DeletePostModal {\n    readonly container: Locator;\n    readonly confirmButton: Locator;\n\n    constructor(container: Locator) {\n        this.container = container;\n        this.confirmButton = container.locator('#deletePostModalButton');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    async confirm() {\n        await this.confirmButton.waitFor();\n        await this.confirmButton.click();\n\n        // Wait for the modal to disappear\n        await expect(this.container).not.toBeVisible();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,eAAe,CAAA;AACvB,IAAA,SAAS;AACT,IAAA,aAAa;AAEtB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAC1B,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,wBAAwB,CAAC;IACpE;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;IAC9C;AAEA,IAAA,MAAM,OAAO,GAAA;AACT,QAAA,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;AAClC,QAAA,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;;QAGhC,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;IAClD;AACH;;;;"}

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

@@ -0,0 +1,10 @@
+import { Locator } from '@playwright/test';
+export default class DeleteScheduledPostModal {
+    readonly container: Locator;
+    readonly body: Locator;
+    readonly deleteButton: Locator;
+    readonly cancelButton: Locator;
+    readonly closeButton: Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+}

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

@@ -0,0 +1,26 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class DeleteScheduledPostModal {
+    container;
+    body;
+    deleteButton;
+    cancelButton;
+    closeButton;
+    constructor(container) {
+        this.container = container;
+        this.body = container.locator('.modal-body');
+        this.deleteButton = container.locator('button:has-text("Yes, delete")');
+        this.cancelButton = container.locator('button:has-text("Cancel")');
+        this.closeButton = container.getByRole('button', { name: 'Close' });
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+}
+
+module.exports = DeleteScheduledPostModal;
+//# sourceMappingURL=delete_scheduled_post_modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"delete_scheduled_post_modal.js","sources":["../../../../src/ui/components/channels/delete_scheduled_post_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\nexport default class DeleteScheduledPostModal {\n    readonly container: Locator;\n    readonly body: Locator;\n    readonly deleteButton: Locator;\n    readonly cancelButton: Locator;\n    readonly closeButton: Locator;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.body = container.locator('.modal-body');\n        this.deleteButton = container.locator('button:has-text(\"Yes, delete\")');\n        this.cancelButton = container.locator('button:has-text(\"Cancel\")');\n        this.closeButton = container.getByRole('button', {name: 'Close'});\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,wBAAwB,CAAA;AAChC,IAAA,SAAS;AACT,IAAA,IAAI;AACJ,IAAA,YAAY;AACZ,IAAA,YAAY;AACZ,IAAA,WAAW;AAEpB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,gCAAgC,CAAC;QACvE,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,2BAA2B,CAAC;AAClE,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;IACrE;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;IAC9C;AACH;;;;"}

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

@@ -0,0 +1,16 @@
+import { Locator } from '@playwright/test';
+export default class DraftPost {
+    readonly container: Locator;
+    readonly panelHeader: Locator;
+    readonly panelBody: Locator;
+    readonly postBody: Locator;
+    readonly postHeader: Locator;
+    readonly postImage: Locator;
+    readonly deleteButton: Locator;
+    readonly editButton: Locator;
+    readonly scheduleButton: Locator;
+    readonly sendButton: Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+    hover(): Promise<void>;
+}

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

@@ -0,0 +1,39 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class DraftPost {
+    container;
+    panelHeader;
+    panelBody;
+    postBody;
+    postHeader;
+    postImage;
+    deleteButton;
+    editButton;
+    scheduleButton;
+    sendButton;
+    constructor(container) {
+        this.container = container;
+        this.panelHeader = container.locator('.PanelHeader');
+        this.panelBody = container.locator('.DraftPanelBody');
+        this.postBody = container.locator('.post__body');
+        this.postHeader = container.locator('.post__header');
+        this.postImage = container.locator('.post__img');
+        this.deleteButton = container.locator('#draft_icon-trash-can-outline_delete');
+        this.editButton = container.locator('#draft_icon-pencil-outline_edit');
+        this.scheduleButton = container.locator('#draft_icon-clock-send-outline_reschedule');
+        this.sendButton = container.locator('#draft_icon-send-outline_send');
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+    async hover() {
+        await this.container.hover();
+    }
+}
+
+module.exports = DraftPost;
+//# sourceMappingURL=draft_post.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draft_post.js","sources":["../../../../src/ui/components/channels/draft_post.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 DraftPost {\n    readonly container: Locator;\n\n    readonly panelHeader;\n    readonly panelBody;\n\n    readonly postBody;\n    readonly postHeader;\n    readonly postImage;\n\n    readonly deleteButton;\n    readonly editButton;\n    readonly scheduleButton;\n    readonly sendButton;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.panelHeader = container.locator('.PanelHeader');\n        this.panelBody = container.locator('.DraftPanelBody');\n\n        this.postBody = container.locator('.post__body');\n        this.postHeader = container.locator('.post__header');\n        this.postImage = container.locator('.post__img');\n\n        this.deleteButton = container.locator('#draft_icon-trash-can-outline_delete');\n        this.editButton = container.locator('#draft_icon-pencil-outline_edit');\n        this.scheduleButton = container.locator('#draft_icon-clock-send-outline_reschedule');\n        this.sendButton = container.locator('#draft_icon-send-outline_send');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    async hover() {\n        await this.container.hover();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,SAAS,CAAA;AACjB,IAAA,SAAS;AAET,IAAA,WAAW;AACX,IAAA,SAAS;AAET,IAAA,QAAQ;AACR,IAAA,UAAU;AACV,IAAA,SAAS;AAET,IAAA,YAAY;AACZ,IAAA,UAAU;AACV,IAAA,cAAc;AACd,IAAA,UAAU;AAEnB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC;QACpD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,iBAAiB,CAAC;QAErD,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC;QAChD,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,eAAe,CAAC;QACpD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC;QAEhD,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,sCAAsC,CAAC;QAC7E,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,iCAAiC,CAAC;QACtE,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC,OAAO,CAAC,2CAA2C,CAAC;QACpF,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC;IACxE;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;IAC9C;AAEA,IAAA,MAAM,KAAK,GAAA;AACP,QAAA,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;IAChC;AACH;;;;"}

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

@@ -6,6 +6,8 @@ export default class EmojiGifPicker {
     readonly gifPickerItems: Locator;
     constructor(container: Locator);
     toBeVisible(): Promise<void>;
+    notToBeVisible(): Promise<void>;
+    clickEmoji(emojiName: string): Promise<void>;
     openGifTab(): Promise<void>;
     searchGif(name: string): Promise<void>;
     getNthGif(n: number): Promise<{

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

@@ -18,6 +18,12 @@ class EmojiGifPicker {
     async toBeVisible() {
         await test.expect(this.container).toBeVisible();
     }
+    async notToBeVisible() {
+        await test.expect(this.container).not.toBeVisible();
+    }
+    async clickEmoji(emojiName) {
+        await this.container.getByRole('button', { name: `${emojiName} emoji` }).click();
+    }
     async openGifTab() {
         await test.expect(this.gifTab).toBeVisible();
         await this.gifTab.click({ force: true });

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

@@ -1 +1 @@
-{"version":3,"file":"emoji_gif_picker.js","sources":["../../../../src/ui/components/channels/emoji_gif_picker.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 EmojiGifPicker {\n    readonly container: Locator;\n\n    readonly gifTab: Locator;\n    readonly gifSearchInput: Locator;\n    readonly gifPickerItems: Locator;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.gifTab = container.getByText('GIFs');\n        this.gifSearchInput = container.getByPlaceholder('Search GIPHY');\n        this.gifPickerItems = container.locator('.gif-picker__items');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    async openGifTab() {\n        await expect(this.gifTab).toBeVisible();\n\n        await this.gifTab.click({force: true});\n\n        await expect(this.gifSearchInput).toBeVisible();\n        await expect(this.gifPickerItems).toBeVisible();\n    }\n\n    async searchGif(name: string) {\n        await this.gifSearchInput.fill(name);\n        await expect(this.gifSearchInput).toHaveValue(name);\n    }\n\n    async getNthGif(n: number) {\n        await expect(this.gifPickerItems).toBeVisible();\n\n        await this.gifPickerItems.locator('img').nth(n).waitFor();\n        const nthGif = this.gifPickerItems.locator('img').nth(n);\n        await expect(nthGif).toBeVisible();\n\n        const nthGifSrc = await nthGif.getAttribute('src');\n        const nthGifAlt = await nthGif.getAttribute('alt');\n\n        if (!nthGifSrc || !nthGifAlt) {\n            throw new Error('Gif src or alt is empty');\n        }\n\n        return {\n            src: nthGifSrc,\n            alt: nthGifAlt,\n            img: nthGif,\n        };\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,cAAc,CAAA;AACtB,IAAA,SAAS;AAET,IAAA,MAAM;AACN,IAAA,cAAc;AACd,IAAA,cAAc;AAEvB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC,gBAAgB,CAAC,cAAc,CAAC;QAChE,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC,OAAO,CAAC,oBAAoB,CAAC;;AAGjE,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;;AAG9C,IAAA,MAAM,UAAU,GAAA;QACZ,MAAMA,WAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE;AAEvC,QAAA,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;QAEtC,MAAMA,WAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE;QAC/C,MAAMA,WAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE;;IAGnD,MAAM,SAAS,CAAC,IAAY,EAAA;QACxB,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;QACpC,MAAMA,WAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;;IAGvD,MAAM,SAAS,CAAC,CAAS,EAAA;QACrB,MAAMA,WAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE;AAE/C,QAAA,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE;AACzD,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACxD,QAAA,MAAMA,WAAM,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE;QAElC,MAAM,SAAS,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC;QAClD,MAAM,SAAS,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC;AAElD,QAAA,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE;AAC1B,YAAA,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC;;QAG9C,OAAO;AACH,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,GAAG,EAAE,MAAM;SACd;;AAER;;;;"}
+{"version":3,"file":"emoji_gif_picker.js","sources":["../../../../src/ui/components/channels/emoji_gif_picker.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 EmojiGifPicker {\n    readonly container: Locator;\n\n    readonly gifTab: Locator;\n    readonly gifSearchInput: Locator;\n    readonly gifPickerItems: Locator;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.gifTab = container.getByText('GIFs');\n        this.gifSearchInput = container.getByPlaceholder('Search GIPHY');\n        this.gifPickerItems = container.locator('.gif-picker__items');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    async notToBeVisible() {\n        await expect(this.container).not.toBeVisible();\n    }\n\n    async clickEmoji(emojiName: string) {\n        await this.container.getByRole('button', {name: `${emojiName} emoji`}).click();\n    }\n\n    async openGifTab() {\n        await expect(this.gifTab).toBeVisible();\n\n        await this.gifTab.click({force: true});\n\n        await expect(this.gifSearchInput).toBeVisible();\n        await expect(this.gifPickerItems).toBeVisible();\n    }\n\n    async searchGif(name: string) {\n        await this.gifSearchInput.fill(name);\n        await expect(this.gifSearchInput).toHaveValue(name);\n    }\n\n    async getNthGif(n: number) {\n        await expect(this.gifPickerItems).toBeVisible();\n\n        await this.gifPickerItems.locator('img').nth(n).waitFor();\n        const nthGif = this.gifPickerItems.locator('img').nth(n);\n        await expect(nthGif).toBeVisible();\n\n        const nthGifSrc = await nthGif.getAttribute('src');\n        const nthGifAlt = await nthGif.getAttribute('alt');\n\n        if (!nthGifSrc || !nthGifAlt) {\n            throw new Error('Gif src or alt is empty');\n        }\n\n        return {\n            src: nthGifSrc,\n            alt: nthGifAlt,\n            img: nthGif,\n        };\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,cAAc,CAAA;AACtB,IAAA,SAAS;AAET,IAAA,MAAM;AACN,IAAA,cAAc;AACd,IAAA,cAAc;AAEvB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC,gBAAgB,CAAC,cAAc,CAAC;QAChE,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC,OAAO,CAAC,oBAAoB,CAAC;IACjE;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;IAC9C;AAEA,IAAA,MAAM,cAAc,GAAA;QAChB,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;IAClD;IAEA,MAAM,UAAU,CAAC,SAAiB,EAAA;AAC9B,QAAA,MAAM,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAC,IAAI,EAAE,CAAA,EAAG,SAAS,CAAA,MAAA,CAAQ,EAAC,CAAC,CAAC,KAAK,EAAE;IAClF;AAEA,IAAA,MAAM,UAAU,GAAA;QACZ,MAAMA,WAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE;AAEvC,QAAA,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;QAEtC,MAAMA,WAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE;QAC/C,MAAMA,WAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE;IACnD;IAEA,MAAM,SAAS,CAAC,IAAY,EAAA;QACxB,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;QACpC,MAAMA,WAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;IACvD;IAEA,MAAM,SAAS,CAAC,CAAS,EAAA;QACrB,MAAMA,WAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE;AAE/C,QAAA,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE;AACzD,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACxD,QAAA,MAAMA,WAAM,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE;QAElC,MAAM,SAAS,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC;QAClD,MAAM,SAAS,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC;AAElD,QAAA,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE;AAC1B,YAAA,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC;QAC9C;QAEA,OAAO;AACH,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,GAAG,EAAE,MAAM;SACd;IACL;AACH;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"find_channels_modal.js","sources":["../../../../src/ui/components/channels/find_channels_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\nexport default class FindChannelsModal {\n    readonly container: Locator;\n    readonly input;\n    readonly searchList;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.input = container.getByRole('combobox', {name: 'quick switch input'});\n        this.searchList = container.locator('.suggestion-list__item');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,iBAAiB,CAAA;AACzB,IAAA,SAAS;AACT,IAAA,KAAK;AACL,IAAA,UAAU;AAEnB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAE1B,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,UAAU,EAAE,EAAC,IAAI,EAAE,oBAAoB,EAAC,CAAC;QAC1E,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,wBAAwB,CAAC;;AAGjE,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;;AAEjD;;;;"}
+{"version":3,"file":"find_channels_modal.js","sources":["../../../../src/ui/components/channels/find_channels_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\nexport default class FindChannelsModal {\n    readonly container: Locator;\n    readonly input;\n    readonly searchList;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.input = container.getByRole('combobox', {name: 'quick switch input'});\n        this.searchList = container.locator('.suggestion-list__item');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,iBAAiB,CAAA;AACzB,IAAA,SAAS;AACT,IAAA,KAAK;AACL,IAAA,UAAU;AAEnB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAE1B,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,UAAU,EAAE,EAAC,IAAI,EAAE,oBAAoB,EAAC,CAAC;QAC1E,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,wBAAwB,CAAC;IACjE;AAEA,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;IAC9C;AACH;;;;"}

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

@@ -0,0 +1,24 @@
+import { Locator, Page } from '@playwright/test';
+export default class FlagPostConfirmationDialog {
+    readonly page: Page;
+    readonly container: Locator;
+    readonly cancelButton: Locator;
+    readonly flagPostReasonInput: Locator;
+    readonly flagPostCommentInput: Locator;
+    readonly submitButton: Locator;
+    readonly postContainer: Locator;
+    readonly postText: Locator;
+    readonly flagReasonOption: Locator;
+    readonly flagReasonMenuItems: (reason: string) => Locator;
+    readonly cannotFlagPostErrorMessage: Locator;
+    readonly requireCommentsErrorMessage: Locator;
+    constructor(container: Locator, page: Page);
+    fillFlagComment(comment: string): Promise<void>;
+    selectFlagReason(reason: string): Promise<void>;
+    toBeVisible(): Promise<void>;
+    toContainPostText(message: string): Promise<void>;
+    notToBeVisible(): Promise<void>;
+    cannotFlagAlreadyFlaggedPostToBeVisible(): Promise<void>;
+    requireCommentsForFlaggingPost(): Promise<void>;
+    cannotFlagPreviouslyRetainedPostToBeVisible(): Promise<void>;
+}