@mattermost/playwright-lib 10.6.0-0

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

@@ -0,0 +1,50 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class EmojiGifPicker {
+    container;
+    gifTab;
+    gifSearchInput;
+    gifPickerItems;
+    constructor(container) {
+        this.container = container;
+        this.gifTab = container.getByText('GIFs');
+        this.gifSearchInput = container.getByPlaceholder('Search GIPHY');
+        this.gifPickerItems = container.locator('.gif-picker__items');
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+    async openGifTab() {
+        await test.expect(this.gifTab).toBeVisible();
+        await this.gifTab.click({ force: true });
+        await test.expect(this.gifSearchInput).toBeVisible();
+        await test.expect(this.gifPickerItems).toBeVisible();
+    }
+    async searchGif(name) {
+        await this.gifSearchInput.fill(name);
+        await test.expect(this.gifSearchInput).toHaveValue(name);
+    }
+    async getNthGif(n) {
+        await test.expect(this.gifPickerItems).toBeVisible();
+        await this.gifPickerItems.locator('img').nth(n).waitFor();
+        const nthGif = this.gifPickerItems.locator('img').nth(n);
+        await test.expect(nthGif).toBeVisible();
+        const nthGifSrc = await nthGif.getAttribute('src');
+        const nthGifAlt = await nthGif.getAttribute('alt');
+        if (!nthGifSrc || !nthGifAlt) {
+            throw new Error('Gif src or alt is empty');
+        }
+        return {
+            src: nthGifSrc,
+            alt: nthGifAlt,
+            img: nthGif,
+        };
+    }
+}
+
+module.exports = EmojiGifPicker;
+//# sourceMappingURL=emoji_gif_picker.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,8 @@
+import { Locator } from '@playwright/test';
+export default class FindChannelsModal {
+    readonly container: Locator;
+    readonly input: Locator;
+    readonly searchList: Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class FindChannelsModal {
+    container;
+    input;
+    searchList;
+    constructor(container) {
+        this.container = container;
+        this.input = container.getByRole('combobox', { name: 'quick switch input' });
+        this.searchList = container.locator('.suggestion-list__item');
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+}
+
+module.exports = FindChannelsModal;
+//# sourceMappingURL=find_channels_modal.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,16 @@
+import { Locator } from '@playwright/test';
+/**
+ * This is the generic confirm modal that is used in the app.
+ * It has optional cancel button, optional checkbox and confirm button along with title and message body.
+ * It can present in different parts of the app such as channel, system console, etc and hence its constructor
+ * should be able to accept the page object of the app and an optional id to uniquely identify the modal.
+ */
+export default class GenericConfirmModal {
+    readonly container: Locator;
+    readonly confirmButton: Locator;
+    readonly cancelButton: Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+    confirm(): Promise<void>;
+    cancel(): Promise<void>;
+}

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

@@ -0,0 +1,40 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+/**
+ * This is the generic confirm modal that is used in the app.
+ * It has optional cancel button, optional checkbox and confirm button along with title and message body.
+ * It can present in different parts of the app such as channel, system console, etc and hence its constructor
+ * should be able to accept the page object of the app and an optional id to uniquely identify the modal.
+ */
+class GenericConfirmModal {
+    container;
+    confirmButton;
+    cancelButton;
+    constructor(container) {
+        this.container = container;
+        this.confirmButton = container.locator('#confirmModalButton');
+        this.cancelButton = container.locator('#cancelModalButton');
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+    async confirm() {
+        await this.confirmButton.waitFor();
+        await this.confirmButton.click();
+        // Wait for the modal to disappear
+        await test.expect(this.container).not.toBeVisible();
+    }
+    async cancel() {
+        await this.cancelButton.waitFor();
+        await this.cancelButton.click();
+        // Wait for the modal to disappear
+        await test.expect(this.container).not.toBeVisible();
+    }
+}
+
+module.exports = GenericConfirmModal;
+//# sourceMappingURL=generic_confirm_modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generic_confirm_modal.js","sources":["../../../../src/ui/components/channels/generic_confirm_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\n/**\n * This is the generic confirm modal that is used in the app.\n * It has optional cancel button, optional checkbox and confirm button along with title and message body.\n * It can present in different parts of the app such as channel, system console, etc and hence its constructor\n * should be able to accept the page object of the app and an optional id to uniquely identify the modal.\n */\nexport default class GenericConfirmModal {\n    readonly container: Locator;\n\n    readonly confirmButton: Locator;\n    readonly cancelButton: Locator;\n\n    constructor(container: Locator) {\n        this.container = container;\n        this.confirmButton = container.locator('#confirmModalButton');\n        this.cancelButton = container.locator('#cancelModalButton');\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    async cancel() {\n        await this.cancelButton.waitFor();\n        await this.cancelButton.click();\n\n        // Wait for the modal to disappear\n        await expect(this.container).not.toBeVisible();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIA;;;;;AAKG;AACW,MAAO,mBAAmB,CAAA;AAC3B,IAAA,SAAS;AAET,IAAA,aAAa;AACb,IAAA,YAAY;AAErB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAC1B,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,CAAC;QAC7D,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,oBAAoB,CAAC;;AAG/D,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;;AAGlD,IAAA,MAAM,MAAM,GAAA;AACR,QAAA,MAAM,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;AACjC,QAAA,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;;QAG/B,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;;AAErD;;;;"}

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

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

package/dist/ui/components/channels/header.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 ChannelsHeader {
+    container;
+    constructor(container) {
+        this.container = container;
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+}
+
+module.exports = ChannelsHeader;
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../../../../src/ui/components/channels/header.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 ChannelsHeader {\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,cAAc,CAAA;AACtB,IAAA,SAAS;AAElB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;;AAG9B,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;;AAEjD;;;;"}

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

@@ -0,0 +1,18 @@
+import { Locator } from '@playwright/test';
+export default class MessagePriority {
+    readonly container: Locator;
+    readonly priorityIcon: Locator;
+    readonly priorityMenu: Locator;
+    readonly standardPriorityOption: Locator;
+    readonly priorityDialog: Locator;
+    readonly dialogHeader: Locator;
+    constructor(container: Locator);
+    clickPriorityIcon(): Promise<void>;
+    verifyPriorityIconVisible(): Promise<void>;
+    verifyStandardPrioritySelected(): Promise<void>;
+    verifyPriorityMenuVisible(): Promise<void>;
+    closePriorityMenu(): Promise<void>;
+    verifyNoPriorityLabel(postText: string): Promise<void>;
+    verifyPriorityDialog(): Promise<void>;
+    verifyStandardOptionSelected(): Promise<void>;
+}

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

@@ -0,0 +1,66 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class MessagePriority {
+    container;
+    priorityIcon;
+    priorityMenu;
+    standardPriorityOption;
+    priorityDialog;
+    dialogHeader;
+    constructor(container) {
+        this.container = container;
+        // Formatting bar priority icon
+        this.priorityIcon = container.locator('#messagePriority');
+        // Priority menu that opens when clicking the icon
+        this.priorityMenu = container.locator('[role="menu"]');
+        // Standard priority option in the menu (id comes from webapp implementation)
+        this.standardPriorityOption = this.priorityMenu.locator('#menu-item-priority-standard');
+        // Priority dialog elements
+        this.priorityDialog = container.page().getByRole('menu');
+        this.dialogHeader = container.page().locator('h4.modal-title');
+    }
+    async clickPriorityIcon() {
+        await this.priorityIcon.waitFor({ state: 'visible' });
+        await this.priorityIcon.click();
+    }
+    async verifyPriorityIconVisible() {
+        await this.priorityIcon.waitFor({ state: 'visible' });
+        await test.expect(this.priorityIcon).toBeVisible();
+    }
+    async verifyStandardPrioritySelected() {
+        await test.expect(this.priorityMenu).toBeVisible();
+        await test.expect(this.standardPriorityOption).toHaveAttribute('aria-checked', 'true');
+    }
+    async verifyPriorityMenuVisible() {
+        await test.expect(this.priorityMenu).toBeVisible();
+        // Look for beta text in header
+        await test.expect(this.priorityMenu.locator('text=Message Priority')).toBeVisible();
+    }
+    async closePriorityMenu() {
+        await this.priorityMenu.press('Escape');
+        await test.expect(this.priorityMenu).not.toBeVisible();
+    }
+    async verifyNoPriorityLabel(postText) {
+        const post = this.container.locator(`text=${postText}`);
+        await test.expect(post).toBeVisible();
+        // Verify no priority label exists
+        const priorityLabel = post.locator('[data-testid="post-priority-label"]');
+        await test.expect(priorityLabel).toHaveCount(0);
+    }
+    async verifyPriorityDialog() {
+        await test.expect(this.priorityDialog).toBeVisible();
+        await test.expect(this.dialogHeader).toHaveText('Message priority');
+    }
+    async verifyStandardOptionSelected() {
+        const standardOption = this.priorityDialog.getByRole('menuitemradio', { name: 'Standard' });
+        await test.expect(standardOption).toBeVisible();
+        await test.expect(standardOption.locator('svg.StyledCheckIcon-dFKfoY')).toBeVisible();
+    }
+}
+
+module.exports = MessagePriority;
+//# sourceMappingURL=message_priority.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message_priority.js","sources":["../../../../src/ui/components/channels/message_priority.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 MessagePriority {\n    readonly container: Locator;\n    readonly priorityIcon: Locator;\n    readonly priorityMenu: Locator;\n    readonly standardPriorityOption: Locator;\n    readonly priorityDialog: Locator;\n    readonly dialogHeader: Locator;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        // Formatting bar priority icon\n        this.priorityIcon = container.locator('#messagePriority');\n\n        // Priority menu that opens when clicking the icon\n        this.priorityMenu = container.locator('[role=\"menu\"]');\n\n        // Standard priority option in the menu (id comes from webapp implementation)\n        this.standardPriorityOption = this.priorityMenu.locator('#menu-item-priority-standard');\n\n        // Priority dialog elements\n        this.priorityDialog = container.page().getByRole('menu');\n        this.dialogHeader = container.page().locator('h4.modal-title');\n    }\n\n    async clickPriorityIcon() {\n        await this.priorityIcon.waitFor({state: 'visible'});\n        await this.priorityIcon.click();\n    }\n\n    async verifyPriorityIconVisible() {\n        await this.priorityIcon.waitFor({state: 'visible'});\n        await expect(this.priorityIcon).toBeVisible();\n    }\n\n    async verifyStandardPrioritySelected() {\n        await expect(this.priorityMenu).toBeVisible();\n        await expect(this.standardPriorityOption).toHaveAttribute('aria-checked', 'true');\n    }\n\n    async verifyPriorityMenuVisible() {\n        await expect(this.priorityMenu).toBeVisible();\n        // Look for beta text in header\n        await expect(this.priorityMenu.locator('text=Message Priority')).toBeVisible();\n    }\n\n    async closePriorityMenu() {\n        await this.priorityMenu.press('Escape');\n        await expect(this.priorityMenu).not.toBeVisible();\n    }\n\n    async verifyNoPriorityLabel(postText: string) {\n        const post = this.container.locator(`text=${postText}`);\n        await expect(post).toBeVisible();\n\n        // Verify no priority label exists\n        const priorityLabel = post.locator('[data-testid=\"post-priority-label\"]');\n        await expect(priorityLabel).toHaveCount(0);\n    }\n\n    async verifyPriorityDialog() {\n        await expect(this.priorityDialog).toBeVisible();\n        await expect(this.dialogHeader).toHaveText('Message priority');\n    }\n\n    async verifyStandardOptionSelected() {\n        const standardOption = this.priorityDialog.getByRole('menuitemradio', {name: 'Standard'});\n        await expect(standardOption).toBeVisible();\n        await expect(standardOption.locator('svg.StyledCheckIcon-dFKfoY')).toBeVisible();\n    }\n}\n"],"names":["expect"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import { Locator } from '@playwright/test';
+import PostMenu from './post_menu';
+import ThreadFooter from './thread_footer';
+export default class ChannelsPost {
+    readonly container: Locator;
+    readonly body: Locator;
+    readonly profileIcon: Locator;
+    readonly removePostButton: Locator;
+    readonly postMenu: PostMenu;
+    readonly threadFooter: ThreadFooter;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+    /**
+     * Hover over the post. Can be used for post menu to appear.
+     */
+    hover(): Promise<void>;
+    getId(): Promise<string>;
+    getProfileImage(username: string): Promise<Locator>;
+    /**
+     * Clicks on the deleted post's remove 'x' button.
+     * Also verifies that the post is a deleted post.
+     */
+    remove(): Promise<void>;
+    /**
+     * `toContainText` verifies if the post contains the specified text.
+     * @param text Text to be verified in the post
+     */
+    toContainText(text: string): Promise<void>;
+}

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var test = require('@playwright/test');
+var post_menu = require('./post_menu.js');
+var thread_footer = require('./thread_footer.js');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class ChannelsPost {
+    container;
+    body;
+    profileIcon;
+    removePostButton;
+    postMenu;
+    threadFooter;
+    constructor(container) {
+        this.container = container;
+        this.body = container.locator('.post__body');
+        this.profileIcon = container.locator('.profile-icon');
+        this.removePostButton = container.locator('.post__remove');
+        this.postMenu = new post_menu(container.locator('.post-menu'));
+        this.threadFooter = new thread_footer(container.locator('.ThreadFooter'));
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+    /**
+     * Hover over the post. Can be used for post menu to appear.
+     */
+    async hover() {
+        await this.container.hover();
+    }
+    async getId() {
+        const id = await this.container.getAttribute('id');
+        test.expect(id, 'No post ID found.').toBeTruthy();
+        return (id || '').substring('post_'.length);
+    }
+    async getProfileImage(username) {
+        return this.profileIcon.getByAltText(`${username} profile image`);
+    }
+    /**
+     * Clicks on the deleted post's remove 'x' button.
+     * Also verifies that the post is a deleted post.
+     */
+    async remove() {
+        // Verify the post is a deleted post
+        await test.expect(this.container).toContainText(/\(message deleted\)/);
+        // Hover over the post and click on the remove post button
+        await this.container.hover();
+        await this.removePostButton.waitFor();
+        await this.removePostButton.click();
+    }
+    /**
+     * `toContainText` verifies if the post contains the specified text.
+     * @param text Text to be verified in the post
+     */
+    async toContainText(text) {
+        await test.expect(this.container).toContainText(text);
+    }
+}
+
+module.exports = ChannelsPost;
+//# sourceMappingURL=post.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"post.js","sources":["../../../../src/ui/components/channels/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\nimport PostMenu from './post_menu';\nimport ThreadFooter from './thread_footer';\n\nexport default class ChannelsPost {\n    readonly container: Locator;\n\n    readonly body;\n    readonly profileIcon;\n\n    readonly removePostButton;\n\n    readonly postMenu;\n    readonly threadFooter;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.body = container.locator('.post__body');\n\n        this.profileIcon = container.locator('.profile-icon');\n\n        this.removePostButton = container.locator('.post__remove');\n\n        this.postMenu = new PostMenu(container.locator('.post-menu'));\n        this.threadFooter = new ThreadFooter(container.locator('.ThreadFooter'));\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n    }\n\n    /**\n     * Hover over the post. Can be used for post menu to appear.\n     */\n    async hover() {\n        await this.container.hover();\n    }\n\n    async getId() {\n        const id = await this.container.getAttribute('id');\n        expect(id, 'No post ID found.').toBeTruthy();\n        return (id || '').substring('post_'.length);\n    }\n\n    async getProfileImage(username: string) {\n        return this.profileIcon.getByAltText(`${username} profile image`);\n    }\n\n    /**\n     * Clicks on the deleted post's remove 'x' button.\n     * Also verifies that the post is a deleted post.\n     */\n    async remove() {\n        // Verify the post is a deleted post\n        await expect(this.container).toContainText(/\\(message deleted\\)/);\n\n        // Hover over the post and click on the remove post button\n        await this.container.hover();\n        await this.removePostButton.waitFor();\n        await this.removePostButton.click();\n    }\n\n    /**\n     * `toContainText` verifies if the post contains the specified text.\n     * @param text Text to be verified in the post\n     */\n    async toContainText(text: string) {\n        await expect(this.container).toContainText(text);\n    }\n}\n"],"names":["PostMenu","ThreadFooter","expect"],"mappings":";;;;;;AAAA;AACA;AAOc,MAAO,YAAY,CAAA;AACpB,IAAA,SAAS;AAET,IAAA,IAAI;AACJ,IAAA,WAAW;AAEX,IAAA,gBAAgB;AAEhB,IAAA,QAAQ;AACR,IAAA,YAAY;AAErB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC;QAE5C,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,eAAe,CAAC;QAErD,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC,eAAe,CAAC;AAE1D,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAIA,SAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;AAC7D,QAAA,IAAI,CAAC,YAAY,GAAG,IAAIC,aAAY,CAAC,SAAS,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;;AAG5E,IAAA,MAAM,WAAW,GAAA;QACb,MAAMC,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;;AAG9C;;AAEG;AACH,IAAA,MAAM,KAAK,GAAA;AACP,QAAA,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;;AAGhC,IAAA,MAAM,KAAK,GAAA;QACP,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC;QAClDA,WAAM,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC,UAAU,EAAE;AAC5C,QAAA,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;;IAG/C,MAAM,eAAe,CAAC,QAAgB,EAAA;QAClC,OAAO,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAG,EAAA,QAAQ,CAAgB,cAAA,CAAA,CAAC;;AAGrE;;;AAGG;AACH,IAAA,MAAM,MAAM,GAAA;;QAER,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,qBAAqB,CAAC;;AAGjE,QAAA,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;AAC5B,QAAA,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;AACrC,QAAA,MAAM,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE;;AAGvC;;;AAGG;IACH,MAAM,aAAa,CAAC,IAAY,EAAA;QAC5B,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC;;AAEvD;;;;"}

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

@@ -0,0 +1,41 @@
+import { Locator } from '@playwright/test';
+export default class ChannelsPostCreate {
+    readonly container: Locator;
+    readonly input: Locator;
+    readonly attachmentButton: Locator;
+    readonly emojiButton: Locator;
+    readonly sendMessageButton: Locator;
+    readonly scheduleDraftMessageButton: Locator;
+    readonly priorityButton: Locator;
+    readonly suggestionList: Locator;
+    readonly filePreview: Locator;
+    constructor(container: Locator, isRHS?: boolean);
+    toBeVisible(): Promise<void>;
+    /**
+     * It just writes the message in the input and doesn't send it
+     * @param message : Message to be written in the input
+     */
+    writeMessage(message: string): Promise<void>;
+    /**
+     * Returns the value of the message input
+     */
+    getInputValue(): Promise<string>;
+    /**
+     * Sends the message already written in the input
+     */
+    sendMessage(): Promise<void>;
+    /**
+     * Click on Scheduled Draft button to open options
+     */
+    clickOnScheduleDraftDropdownButton(): Promise<void>;
+    /**
+     * Opens the message priority menu
+     */
+    openPriorityMenu(): Promise<void>;
+    /**
+     * Composes and sends a message
+     */
+    postMessage(message: string, files?: string[]): Promise<void>;
+    openEmojiPicker(): Promise<void>;
+    waitUntilFilePreviewContains(files: string[], timeout?: number): Promise<void>;
+}

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

@@ -0,0 +1,118 @@
+'use strict';
+
+var path = require('node:path');
+var test = require('@playwright/test');
+var util = require('../../../util.js');
+var file = require('../../../file.js');
+var asyncWaitUntil = require('async-wait-until');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class ChannelsPostCreate {
+    container;
+    input;
+    attachmentButton;
+    emojiButton;
+    sendMessageButton;
+    scheduleDraftMessageButton;
+    priorityButton;
+    suggestionList;
+    filePreview;
+    constructor(container, isRHS = false) {
+        this.container = container;
+        if (!isRHS) {
+            this.input = container.getByTestId('post_textbox');
+        }
+        else {
+            this.input = container.getByTestId('reply_textbox');
+        }
+        this.attachmentButton = container.locator('#fileUploadButton');
+        this.emojiButton = container.getByLabel('select an emoji');
+        this.sendMessageButton = container.getByTestId('SendMessageButton');
+        this.scheduleDraftMessageButton = container.getByLabel('Schedule message');
+        this.priorityButton = container.getByLabel('Message priority');
+        this.suggestionList = container.getByTestId('suggestionList');
+        this.filePreview = container.locator('.file-preview__container');
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+        await this.input.waitFor();
+        await test.expect(this.input).toBeVisible();
+    }
+    /**
+     * It just writes the message in the input and doesn't send it
+     * @param message : Message to be written in the input
+     */
+    async writeMessage(message) {
+        await this.input.waitFor();
+        await test.expect(this.input).toBeVisible();
+        await this.input.fill(message);
+    }
+    /**
+     * Returns the value of the message input
+     */
+    async getInputValue() {
+        await test.expect(this.input).toBeVisible();
+        return await this.input.inputValue();
+    }
+    /**
+     * Sends the message already written in the input
+     */
+    async sendMessage() {
+        await test.expect(this.input).toBeVisible();
+        const messageInputValue = await this.getInputValue();
+        test.expect(messageInputValue).not.toBe('');
+        await test.expect(this.sendMessageButton).toBeVisible();
+        await test.expect(this.sendMessageButton).toBeEnabled();
+        await this.sendMessageButton.click();
+    }
+    /**
+     * Click on Scheduled Draft button to open options
+     */
+    async clickOnScheduleDraftDropdownButton() {
+        await test.expect(this.input).toBeVisible();
+        await test.expect(this.scheduleDraftMessageButton).toBeVisible();
+        await test.expect(this.scheduleDraftMessageButton).toBeEnabled();
+        await this.scheduleDraftMessageButton.click();
+    }
+    /**
+     * Opens the message priority menu
+     */
+    async openPriorityMenu() {
+        await test.expect(this.priorityButton).toBeVisible();
+        await test.expect(this.priorityButton).toBeEnabled();
+        await this.priorityButton.click();
+    }
+    /**
+     * Composes and sends a message
+     */
+    async postMessage(message, files) {
+        await this.writeMessage(message);
+        if (files) {
+            const filePaths = files.map((file$1) => path.join(file.assetPath, file$1));
+            this.container.page().once('filechooser', async (fileChooser) => {
+                await fileChooser.setFiles(filePaths);
+            });
+            // Click on the attachment button
+            await this.attachmentButton.click();
+            // Wait until the file preview is displayed
+            await this.waitUntilFilePreviewContains(files);
+        }
+        await this.sendMessage();
+    }
+    async openEmojiPicker() {
+        await test.expect(this.emojiButton).toBeVisible();
+        await this.emojiButton.click();
+    }
+    async waitUntilFilePreviewContains(files, timeout = util.duration.ten_sec) {
+        await asyncWaitUntil.waitUntil(async () => {
+            const previews = this.filePreview.locator('.file-preview');
+            const details = this.filePreview.locator('.post-image__details');
+            const [previewsCount, detailsCount] = await Promise.all([previews.count(), details.count()]);
+            return previewsCount === files.length && detailsCount === files.length;
+        }, { timeout });
+    }
+}
+
+module.exports = ChannelsPostCreate;
+//# sourceMappingURL=post_create.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"post_create.js","sources":["../../../../src/ui/components/channels/post_create.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport path from 'node:path';\n\nimport {Locator, expect} from '@playwright/test';\n\nimport {duration} from '@/util';\nimport {assetPath} from '@/file';\nimport {waitUntil} from '@/test_action';\n\nexport default class ChannelsPostCreate {\n    readonly container: Locator;\n    readonly input;\n\n    readonly attachmentButton;\n    readonly emojiButton;\n    readonly sendMessageButton;\n    readonly scheduleDraftMessageButton;\n    readonly priorityButton;\n    readonly suggestionList;\n    readonly filePreview;\n\n    constructor(container: Locator, isRHS = false) {\n        this.container = container;\n\n        if (!isRHS) {\n            this.input = container.getByTestId('post_textbox');\n        } else {\n            this.input = container.getByTestId('reply_textbox');\n        }\n\n        this.attachmentButton = container.locator('#fileUploadButton');\n        this.emojiButton = container.getByLabel('select an emoji');\n        this.sendMessageButton = container.getByTestId('SendMessageButton');\n        this.scheduleDraftMessageButton = container.getByLabel('Schedule message');\n        this.priorityButton = container.getByLabel('Message priority');\n        this.suggestionList = container.getByTestId('suggestionList');\n        this.filePreview = container.locator('.file-preview__container');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n\n        await this.input.waitFor();\n        await expect(this.input).toBeVisible();\n    }\n\n    /**\n     * It just writes the message in the input and doesn't send it\n     * @param message : Message to be written in the input\n     */\n    async writeMessage(message: string) {\n        await this.input.waitFor();\n        await expect(this.input).toBeVisible();\n\n        await this.input.fill(message);\n    }\n\n    /**\n     * Returns the value of the message input\n     */\n    async getInputValue() {\n        await expect(this.input).toBeVisible();\n        return await this.input.inputValue();\n    }\n\n    /**\n     * Sends the message already written in the input\n     */\n    async sendMessage() {\n        await expect(this.input).toBeVisible();\n        const messageInputValue = await this.getInputValue();\n        expect(messageInputValue).not.toBe('');\n\n        await expect(this.sendMessageButton).toBeVisible();\n        await expect(this.sendMessageButton).toBeEnabled();\n\n        await this.sendMessageButton.click();\n    }\n\n    /**\n     * Click on Scheduled Draft button to open options\n     */\n    async clickOnScheduleDraftDropdownButton() {\n        await expect(this.input).toBeVisible();\n\n        await expect(this.scheduleDraftMessageButton).toBeVisible();\n        await expect(this.scheduleDraftMessageButton).toBeEnabled();\n\n        await this.scheduleDraftMessageButton.click();\n    }\n\n    /**\n     * Opens the message priority menu\n     */\n    async openPriorityMenu() {\n        await expect(this.priorityButton).toBeVisible();\n        await expect(this.priorityButton).toBeEnabled();\n        await this.priorityButton.click();\n    }\n\n    /**\n     * Composes and sends a message\n     */\n    async postMessage(message: string, files?: string[]) {\n        await this.writeMessage(message);\n\n        if (files) {\n            const filePaths = files.map((file) => path.join(assetPath, file));\n            this.container.page().once('filechooser', async (fileChooser) => {\n                await fileChooser.setFiles(filePaths);\n            });\n\n            // Click on the attachment button\n            await this.attachmentButton.click();\n\n            // Wait until the file preview is displayed\n            await this.waitUntilFilePreviewContains(files);\n        }\n\n        await this.sendMessage();\n    }\n\n    async openEmojiPicker() {\n        await expect(this.emojiButton).toBeVisible();\n        await this.emojiButton.click();\n    }\n\n    async waitUntilFilePreviewContains(files: string[], timeout = duration.ten_sec) {\n        await waitUntil(\n            async () => {\n                const previews = this.filePreview.locator('.file-preview');\n                const details = this.filePreview.locator('.post-image__details');\n\n                const [previewsCount, detailsCount] = await Promise.all([previews.count(), details.count()]);\n\n                return previewsCount === files.length && detailsCount === files.length;\n            },\n            {timeout},\n        );\n    }\n}\n"],"names":["expect","file","assetPath","duration","waitUntil"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+import { Locator } from '@playwright/test';
+export default class PostDotMenu {
+    readonly container: Locator;
+    readonly replyMenuItem: Locator;
+    readonly forwardMenuItem: Locator;
+    readonly followMessageMenuItem: Locator;
+    readonly markAsUnreadMenuItem: Locator;
+    readonly remindMenuItem: Locator;
+    readonly saveMenuItem: Locator;
+    readonly removeFromSavedMenuItem: Locator;
+    readonly pinToChannelMenuItem: Locator;
+    readonly unpinFromChannelMenuItem: Locator;
+    readonly moveThreadMenuItem: Locator;
+    readonly copyLinkMenuItem: Locator;
+    readonly editMenuItem: Locator;
+    readonly copyTextMenuItem: Locator;
+    readonly deleteMenuItem: Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+}

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

@@ -0,0 +1,47 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class PostDotMenu {
+    container;
+    replyMenuItem;
+    forwardMenuItem;
+    followMessageMenuItem;
+    markAsUnreadMenuItem;
+    remindMenuItem;
+    saveMenuItem;
+    removeFromSavedMenuItem;
+    pinToChannelMenuItem;
+    unpinFromChannelMenuItem;
+    moveThreadMenuItem;
+    copyLinkMenuItem;
+    editMenuItem;
+    copyTextMenuItem;
+    deleteMenuItem;
+    constructor(container) {
+        this.container = container;
+        const getMenuItem = (hasText) => container.getByRole('menuitem').filter({ hasText });
+        this.replyMenuItem = getMenuItem('Reply');
+        this.forwardMenuItem = getMenuItem('Forward');
+        this.followMessageMenuItem = getMenuItem('Follow message');
+        this.markAsUnreadMenuItem = getMenuItem('Mark as Unread');
+        this.remindMenuItem = getMenuItem('Remind');
+        this.saveMenuItem = getMenuItem('Save');
+        this.removeFromSavedMenuItem = getMenuItem('Remove from Saved');
+        this.pinToChannelMenuItem = getMenuItem('Pin to Channel');
+        this.unpinFromChannelMenuItem = getMenuItem('Unpin from Channel');
+        this.moveThreadMenuItem = getMenuItem('Move Thread');
+        this.copyLinkMenuItem = getMenuItem('Copy Link');
+        this.editMenuItem = getMenuItem('Edit');
+        this.copyTextMenuItem = getMenuItem('Copy Text');
+        this.deleteMenuItem = getMenuItem('Delete');
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+}
+
+module.exports = PostDotMenu;
+//# sourceMappingURL=post_dot_menu.js.map