@mattermost/playwright-lib 10.6.0-0

package/dist/test_fixture.js

@@ -0,0 +1,172 @@
+'use strict';
+
+var test$1 = require('@playwright/test');
+var playwright = require('@axe-core/playwright');
+var browser_context = require('./browser_context.js');
+var flag = require('./flag.js');
+var file = require('./file.js');
+require('@mattermost/client');
+require('./test_config.js');
+var channel = require('./server/channel.js');
+require('./server/default_config.js');
+var init = require('./server/init.js');
+var post = require('./server/post.js');
+var team = require('./server/team.js');
+var user = require('./server/user.js');
+var test_action = require('./test_action.js');
+var index = require('./ui/pages/index.js');
+var index$1 = require('./visual/index.js');
+var mock_browser_api = require('./mock_browser_api.js');
+var util = require('./util.js');
+var asyncWaitUntil = require('async-wait-until');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+const test = test$1.test.extend({
+    // eslint-disable-next-line no-empty-pattern
+    axe: async ({}, use) => {
+        const ab = new AxeBuilderExtended();
+        await use(ab);
+    },
+    pw: async ({ browser, page, isMobile }, use) => {
+        const pw = new PlaywrightExtended(browser, page, isMobile);
+        await use(pw);
+        await pw.testBrowser.close();
+    },
+});
+class PlaywrightExtended {
+    // ./browser_context
+    testBrowser;
+    // ./flag
+    shouldHaveCallsEnabled;
+    shouldHaveFeatureFlag;
+    shouldRunInLinux;
+    ensureLicense;
+    skipIfNoLicense;
+    skipIfFeatureFlagNotSet;
+    // ./file
+    getBlobFromAsset;
+    getFileFromAsset;
+    // ./server
+    getAdminClient;
+    initSetup;
+    // ./test_action
+    hideDynamicChannelsContent;
+    waitForAnimationEnd;
+    waitUntil;
+    // ./mock_browser_api
+    stubNotification;
+    waitForNotification;
+    // ./visual
+    matchSnapshot;
+    // ./util
+    duration;
+    simpleEmailRe;
+    wait;
+    // random
+    random;
+    // unauthenticated page
+    loginPage;
+    landingLoginPage;
+    signupPage;
+    resetPasswordPage;
+    hasSeenLandingPage;
+    constructor(browser, page, isMobile) {
+        // ./browser_context
+        this.testBrowser = new browser_context.TestBrowser(browser);
+        // ./flag
+        this.shouldHaveCallsEnabled = flag.shouldHaveCallsEnabled;
+        this.shouldHaveFeatureFlag = flag.shouldHaveFeatureFlag;
+        this.shouldRunInLinux = flag.shouldRunInLinux;
+        this.ensureLicense = flag.ensureLicense;
+        this.skipIfNoLicense = flag.skipIfNoLicense;
+        this.skipIfFeatureFlagNotSet = flag.skipIfFeatureFlagNotSet;
+        // ./file
+        this.getBlobFromAsset = file.getBlobFromAsset;
+        this.getFileFromAsset = file.getFileFromAsset;
+        // ./server
+        this.initSetup = init.initSetup;
+        this.getAdminClient = init.getAdminClient;
+        // ./test_action
+        this.hideDynamicChannelsContent = test_action.hideDynamicChannelsContent;
+        this.waitForAnimationEnd = test_action.waitForAnimationEnd;
+        this.waitUntil = asyncWaitUntil.waitUntil;
+        // unauthenticated page
+        this.loginPage = new index.pages.LoginPage(page);
+        this.landingLoginPage = new index.pages.LandingLoginPage(page, isMobile);
+        this.signupPage = new index.pages.SignupPage(page);
+        this.resetPasswordPage = new index.pages.ResetPasswordPage(page);
+        // ./mock_browser_api
+        this.stubNotification = mock_browser_api.stubNotification;
+        this.waitForNotification = mock_browser_api.waitForNotification;
+        // ./visual
+        this.matchSnapshot = index$1.matchSnapshot;
+        // ./util
+        this.duration = util.duration;
+        this.wait = util.wait;
+        this.simpleEmailRe = util.simpleEmailRe;
+        this.random = {
+            id: util.getRandomId,
+            channel: channel.createRandomChannel,
+            post: post.createRandomPost,
+            team: team.createRandomTeam,
+            user: user.createRandomUser,
+        };
+        this.hasSeenLandingPage = async () => {
+            // Visit the base URL to be able to set the localStorage
+            await page.goto('/');
+            return await waitUntilLocalStorageIsSet(page, '__landingPageSeen__', 'true');
+        };
+    }
+}
+class AxeBuilderExtended {
+    builder;
+    // See https://github.com/dequelabs/axe-core/blob/master/doc/API.md#axe-core-tags
+    tags = ['wcag2a', 'wcag2aa'];
+    constructor() {
+        this.builder = (page, options = {}) => {
+            // See https://github.com/dequelabs/axe-core/blob/master/doc/rule-descriptions.md#wcag-20-level-a--aa-rules
+            const disabledRules = [];
+            if (options.disableColorContrast) {
+                // Disabled in pages due to impact to overall theme of Mattermost.
+                // Option: make use of custom theme to improve color contrast.
+                disabledRules.push('color-contrast');
+            }
+            if (options.disableLinkInTextBlock) {
+                // Disabled in pages due to impact to overall theme of Mattermost.
+                // Option: make use of custom theme to improve color contrast.
+                disabledRules.push('link-in-text-block');
+            }
+            return new playwright.AxeBuilder({ page }).withTags(this.tags).disableRules(disabledRules);
+        };
+    }
+    violationFingerprints(accessibilityScanResults) {
+        const fingerprints = accessibilityScanResults.violations.map((violation) => ({
+            rule: violation.id,
+            description: violation.description,
+            helpUrl: violation.helpUrl,
+            targets: violation.nodes.map((node) => {
+                return { target: node.target, impact: node.impact, html: node.html };
+            }),
+        }));
+        return JSON.stringify(fingerprints, null, 2);
+    }
+}
+async function waitUntilLocalStorageIsSet(page, key, value, timeout = util.duration.ten_sec) {
+    await asyncWaitUntil.waitUntil(() => page.evaluate(({ key, value }) => {
+        if (localStorage.getItem(key) === value) {
+            return true;
+        }
+        localStorage.setItem(key, value);
+        return false;
+    }, { key, value }), { timeout });
+}
+
+Object.defineProperty(exports, "expect", {
+    enumerable: true,
+    get: function () { return test$1.expect; }
+});
+exports.AxeBuilderExtended = AxeBuilderExtended;
+exports.PlaywrightExtended = PlaywrightExtended;
+exports.test = test;
+//# sourceMappingURL=test_fixture.js.map

package/dist/test_fixture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test_fixture.js","sources":["../src/test_fixture.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Browser, Page, test as base} from '@playwright/test';\nimport {AxeResults} from 'axe-core';\nimport {AxeBuilder} from '@axe-core/playwright';\n\nimport {TestBrowser} from './browser_context';\nimport {\n    ensureLicense,\n    shouldHaveCallsEnabled,\n    shouldHaveFeatureFlag,\n    shouldRunInLinux,\n    skipIfFeatureFlagNotSet,\n    skipIfNoLicense,\n} from './flag';\nimport {getBlobFromAsset, getFileFromAsset} from './file';\nimport {\n    createRandomChannel,\n    createRandomPost,\n    createRandomTeam,\n    createRandomUser,\n    getAdminClient,\n    initSetup,\n} from './server';\nimport {hideDynamicChannelsContent, waitForAnimationEnd, waitUntil} from './test_action';\nimport {pages} from './ui/pages';\nimport {matchSnapshot} from './visual';\nimport {stubNotification, waitForNotification} from './mock_browser_api';\nimport {duration, getRandomId, simpleEmailRe, wait} from './util';\n\nexport {expect} from '@playwright/test';\n\nexport type ExtendedFixtures = {\n    axe: AxeBuilderExtended;\n    pw: PlaywrightExtended;\n};\n\ntype AxeBuilderOptions = {\n    disableColorContrast?: boolean;\n    disableLinkInTextBlock?: boolean;\n};\n\nexport const test = base.extend<ExtendedFixtures>({\n    // eslint-disable-next-line no-empty-pattern\n    axe: async ({}, use) => {\n        const ab = new AxeBuilderExtended();\n        await use(ab);\n    },\n    pw: async ({browser, page, isMobile}, use) => {\n        const pw = new PlaywrightExtended(browser, page, isMobile);\n        await use(pw);\n        await pw.testBrowser.close();\n    },\n});\n\nexport class PlaywrightExtended {\n    // ./browser_context\n    readonly testBrowser;\n\n    // ./flag\n    readonly shouldHaveCallsEnabled;\n    readonly shouldHaveFeatureFlag;\n    readonly shouldRunInLinux;\n    readonly ensureLicense;\n    readonly skipIfNoLicense;\n    readonly skipIfFeatureFlagNotSet;\n\n    // ./file\n    readonly getBlobFromAsset;\n    readonly getFileFromAsset;\n\n    // ./server\n    readonly getAdminClient;\n    readonly initSetup;\n\n    // ./test_action\n    readonly hideDynamicChannelsContent;\n    readonly waitForAnimationEnd;\n    readonly waitUntil;\n\n    // ./mock_browser_api\n    readonly stubNotification;\n    readonly waitForNotification;\n\n    // ./visual\n    readonly matchSnapshot;\n\n    // ./util\n    readonly duration;\n    readonly simpleEmailRe;\n    readonly wait;\n\n    // random\n    readonly random;\n\n    // unauthenticated page\n    readonly loginPage;\n    readonly landingLoginPage;\n    readonly signupPage;\n    readonly resetPasswordPage;\n\n    readonly hasSeenLandingPage;\n\n    constructor(browser: Browser, page: Page, isMobile: boolean) {\n        // ./browser_context\n        this.testBrowser = new TestBrowser(browser);\n\n        // ./flag\n        this.shouldHaveCallsEnabled = shouldHaveCallsEnabled;\n        this.shouldHaveFeatureFlag = shouldHaveFeatureFlag;\n        this.shouldRunInLinux = shouldRunInLinux;\n        this.ensureLicense = ensureLicense;\n        this.skipIfNoLicense = skipIfNoLicense;\n        this.skipIfFeatureFlagNotSet = skipIfFeatureFlagNotSet;\n\n        // ./file\n        this.getBlobFromAsset = getBlobFromAsset;\n        this.getFileFromAsset = getFileFromAsset;\n\n        // ./server\n        this.initSetup = initSetup;\n        this.getAdminClient = getAdminClient;\n\n        // ./test_action\n        this.hideDynamicChannelsContent = hideDynamicChannelsContent;\n        this.waitForAnimationEnd = waitForAnimationEnd;\n        this.waitUntil = waitUntil;\n\n        // unauthenticated page\n        this.loginPage = new pages.LoginPage(page);\n        this.landingLoginPage = new pages.LandingLoginPage(page, isMobile);\n        this.signupPage = new pages.SignupPage(page);\n        this.resetPasswordPage = new pages.ResetPasswordPage(page);\n\n        // ./mock_browser_api\n        this.stubNotification = stubNotification;\n        this.waitForNotification = waitForNotification;\n\n        // ./visual\n        this.matchSnapshot = matchSnapshot;\n\n        // ./util\n        this.duration = duration;\n        this.wait = wait;\n        this.simpleEmailRe = simpleEmailRe;\n\n        this.random = {\n            id: getRandomId,\n            channel: createRandomChannel,\n            post: createRandomPost,\n            team: createRandomTeam,\n            user: createRandomUser,\n        };\n\n        this.hasSeenLandingPage = async () => {\n            // Visit the base URL to be able to set the localStorage\n            await page.goto('/');\n            return await waitUntilLocalStorageIsSet(page, '__landingPageSeen__', 'true');\n        };\n    }\n}\n\nexport class AxeBuilderExtended {\n    readonly builder: (page: Page, options?: AxeBuilderOptions) => AxeBuilder;\n\n    // See https://github.com/dequelabs/axe-core/blob/master/doc/API.md#axe-core-tags\n    readonly tags: string[] = ['wcag2a', 'wcag2aa'];\n\n    constructor() {\n        this.builder = (page: Page, options: AxeBuilderOptions = {}) => {\n            // See https://github.com/dequelabs/axe-core/blob/master/doc/rule-descriptions.md#wcag-20-level-a--aa-rules\n            const disabledRules: string[] = [];\n\n            if (options.disableColorContrast) {\n                // Disabled in pages due to impact to overall theme of Mattermost.\n                // Option: make use of custom theme to improve color contrast.\n                disabledRules.push('color-contrast');\n            }\n\n            if (options.disableLinkInTextBlock) {\n                // Disabled in pages due to impact to overall theme of Mattermost.\n                // Option: make use of custom theme to improve color contrast.\n                disabledRules.push('link-in-text-block');\n            }\n\n            return new AxeBuilder({page}).withTags(this.tags).disableRules(disabledRules);\n        };\n    }\n\n    violationFingerprints(accessibilityScanResults: AxeResults) {\n        const fingerprints = accessibilityScanResults.violations.map((violation) => ({\n            rule: violation.id,\n            description: violation.description,\n            helpUrl: violation.helpUrl,\n            targets: violation.nodes.map((node) => {\n                return {target: node.target, impact: node.impact, html: node.html};\n            }),\n        }));\n\n        return JSON.stringify(fingerprints, null, 2);\n    }\n}\n\nasync function waitUntilLocalStorageIsSet(page: Page, key: string, value: string, timeout = duration.ten_sec) {\n    await waitUntil(\n        () =>\n            page.evaluate(\n                ({key, value}) => {\n                    if (localStorage.getItem(key) === value) {\n                        return true;\n                    }\n                    localStorage.setItem(key, value);\n                    return false;\n                },\n                {key, value},\n            ),\n        {timeout},\n    );\n}\n"],"names":["base","TestBrowser","shouldHaveCallsEnabled","shouldHaveFeatureFlag","shouldRunInLinux","ensureLicense","skipIfNoLicense","skipIfFeatureFlagNotSet","getBlobFromAsset","getFileFromAsset","initSetup","getAdminClient","hideDynamicChannelsContent","waitForAnimationEnd","waitUntil","pages","stubNotification","waitForNotification","matchSnapshot","duration","wait","simpleEmailRe","getRandomId","createRandomChannel","createRandomPost","createRandomTeam","createRandomUser","AxeBuilder"],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,91 @@
+import { Locator, Page, ViewportSize } from '@playwright/test';
+export type TestArgs = {
+    page: Page;
+    browserName: string;
+    viewport?: ViewportSize | null;
+};
+export type ScreenshotOptions = {
+    /**
+     * When set to `"disabled"`, stops CSS animations, CSS transitions and Web Animations. Animations get different
+     * treatment depending on their duration:
+     * - finite animations are fast-forwarded to completion, so they'll fire `transitionend` event.
+     * - infinite animations are canceled to initial state, and then played over after the screenshot.
+     *
+     * Defaults to `"disabled"` that disables animations.
+     */
+    animations?: 'disabled' | 'allow';
+    /**
+     * When set to `"hide"`, screenshot will hide text caret. When set to `"initial"`, text caret behavior will not be
+     * changed.  Defaults to `"hide"`.
+     */
+    caret?: 'hide' | 'initial';
+    /**
+     * An object which specifies clipping of the resulting image.
+     */
+    clip?: {
+        /**
+         * x-coordinate of top-left corner of clip area
+         */
+        x: number;
+        /**
+         * y-coordinate of top-left corner of clip area
+         */
+        y: number;
+        /**
+         * width of clipping area
+         */
+        width: number;
+        /**
+         * height of clipping area
+         */
+        height: number;
+    };
+    /**
+     * When true, takes a screenshot of the full scrollable page, instead of the currently visible viewport. Defaults to
+     * `false`.
+     */
+    fullPage?: boolean;
+    /**
+     * Specify locators that should be masked when the screenshot is taken. Masked elements will be overlaid with a pink
+     * box `#FF00FF` (customized by `maskColor`) that completely covers its bounding box.
+     */
+    mask?: Array<Locator>;
+    /**
+     * Specify the color of the overlay box for masked elements, in
+     * [CSS color format](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value). Default color is pink `#FF00FF`.
+     */
+    maskColor?: string;
+    /**
+     * An acceptable ratio of pixels that are different to the total amount of pixels, between `0` and `1`. Default is
+     * configurable with `TestConfig.expect`. Unset by default.
+     */
+    maxDiffPixelRatio?: number;
+    /**
+     * An acceptable amount of pixels that could be different. Default is configurable with `TestConfig.expect`. Unset by
+     * default.
+     */
+    maxDiffPixels?: number;
+    /**
+     * Hides default white background and allows capturing screenshots with transparency. Not applicable to `jpeg` images.
+     * Defaults to `false`.
+     */
+    omitBackground?: boolean;
+    /**
+     * When set to `"css"`, screenshot will have a single pixel per each css pixel on the page. For high-dpi devices, this
+     * will keep screenshots small. Using `"device"` option will produce a single pixel per each device pixel, so
+     * screenshots of high-dpi devices will be twice as large or even larger.
+     *
+     * Defaults to `"css"`.
+     */
+    scale?: 'css' | 'device';
+    /**
+     * An acceptable perceived color difference in the [YIQ color space](https://en.wikipedia.org/wiki/YIQ) between the
+     * same pixel in compared images, between zero (strict) and one (lax), default is configurable with
+     * `TestConfig.expect`. Defaults to `0.2`.
+     */
+    threshold?: number;
+    /**
+     * Time to retry the assertion for in milliseconds. Defaults to `timeout` in `TestConfig.expect`.
+     */
+    timeout?: number;
+};

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

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

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class ChannelsAppBar {
+    container;
+    playbooksIcon;
+    constructor(container) {
+        this.container = container;
+        this.playbooksIcon = container.locator('#app-bar-icon-playbooks').getByRole('img');
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+    }
+}
+
+module.exports = ChannelsAppBar;
+//# sourceMappingURL=app_bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app_bar.js","sources":["../../../../src/ui/components/channels/app_bar.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 ChannelsAppBar {\n    readonly container: Locator;\n\n    readonly playbooksIcon;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.playbooksIcon = container.locator('#app-bar-icon-playbooks').getByRole('img');\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;AAET,IAAA,aAAa;AAEtB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAE1B,QAAA,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;;AAGtF,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;;AAEjD;;;;"}

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

@@ -0,0 +1,52 @@
+import { Locator } from '@playwright/test';
+import ChannelsHeader from './header';
+import ChannelsPostCreate from './post_create';
+import ChannelsPostEdit from './post_edit';
+import ChannelsPost from './post';
+export default class ChannelsCenterView {
+    readonly container: Locator;
+    readonly header: ChannelsHeader;
+    readonly postCreate: ChannelsPostCreate;
+    readonly scheduledDraftOptions: ChannelsPostCreate;
+    readonly postBoxIndicator: Locator;
+    readonly scheduledDraftChannelIcon: Locator;
+    readonly scheduledDraftChannelInfoMessage: Locator;
+    readonly scheduledDraftChannelInfoMessageLocator: string;
+    readonly scheduledDraftChannelInfoMessageText: Locator;
+    readonly scheduledDraftSeeAllLink: Locator;
+    readonly postEdit: ChannelsPostEdit;
+    readonly editedPostIcon: (postID: string) => Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+    /**
+     * Click on "See all scheduled messages"
+     */
+    clickOnSeeAllscheduledDrafts(): Promise<void>;
+    /**
+     * Return the first post in the Center
+     */
+    getFirstPost(): Promise<ChannelsPost>;
+    /**
+     * Return the last post in the Center
+     */
+    getLastPost(): Promise<ChannelsPost>;
+    /**
+     * Return the ID of the last post in the Center
+     */
+    getLastPostID(): Promise<string | null>;
+    /**
+     * Return the Nth post in the Center from the top
+     * @param index
+     * @returns
+     */
+    getNthPost(index: number): Promise<ChannelsPost>;
+    /**
+     * Returns the Center post by post's id
+     * @param postId Just the ID without the prefix
+     */
+    getPostById(id: string): Promise<ChannelsPost>;
+    waitUntilLastPostContains(text: string, timeout?: number): Promise<void>;
+    waitUntilPostWithIdContains(id: string, text: string, timeout?: number): Promise<void>;
+    verifyscheduledDraftChannelInfo(): Promise<void>;
+    clickOnLastEditedPost(postID: string | null): Promise<void>;
+}

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

@@ -0,0 +1,124 @@
+'use strict';
+
+var test = require('@playwright/test');
+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 util = require('../../../util.js');
+var asyncWaitUntil = require('async-wait-until');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class ChannelsCenterView {
+    container;
+    header;
+    postCreate;
+    scheduledDraftOptions;
+    postBoxIndicator;
+    scheduledDraftChannelIcon;
+    scheduledDraftChannelInfoMessage;
+    scheduledDraftChannelInfoMessageLocator;
+    scheduledDraftChannelInfoMessageText;
+    scheduledDraftSeeAllLink;
+    postEdit;
+    editedPostIcon;
+    constructor(container) {
+        this.container = container;
+        this.scheduledDraftChannelInfoMessageLocator = 'span:has-text("Message scheduled for")';
+        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.editedPostIcon = (postID) => container.locator(`#postEdited_${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();
+    }
+    /**
+     * Return the first post in the Center
+     */
+    async getFirstPost() {
+        const firstPost = this.container.getByTestId('postView').first();
+        await firstPost.waitFor();
+        return new post(firstPost);
+    }
+    /**
+     * Return the last post in the Center
+     */
+    async getLastPost() {
+        const lastPost = this.container.getByTestId('postView').last();
+        await lastPost.waitFor();
+        return new post(lastPost);
+    }
+    /**
+     * Return the ID of the last post in the Center
+     */
+    async getLastPostID() {
+        return this.container
+            .getByTestId('postView')
+            .last()
+            .getAttribute('id')
+            .then((id) => (id ? id.split('_')[1] : null));
+    }
+    /**
+     * Return the Nth post in the Center from the top
+     * @param index
+     * @returns
+     */
+    async getNthPost(index) {
+        const nthPost = this.container.getByTestId('postView').nth(index);
+        await nthPost.waitFor();
+        return new post(nthPost);
+    }
+    /**
+     * Returns the Center post by post's id
+     * @param postId Just the ID without the prefix
+     */
+    async getPostById(id) {
+        const postById = this.container.locator(`[id="post_${id}"]`);
+        await postById.waitFor();
+        return new post(postById);
+    }
+    async waitUntilLastPostContains(text, timeout = util.duration.ten_sec) {
+        await asyncWaitUntil.waitUntil(async () => {
+            const post = await this.getLastPost();
+            const content = await post.container.textContent();
+            return content?.includes(text);
+        }, { timeout });
+    }
+    async waitUntilPostWithIdContains(id, text, timeout = util.duration.ten_sec) {
+        await asyncWaitUntil.waitUntil(async () => {
+            const post = await this.getPostById(id);
+            const content = await post.container.textContent();
+            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();
+        }
+    }
+}
+
+module.exports = ChannelsCenterView;
+//# sourceMappingURL=center_view.js.map

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

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

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

@@ -0,0 +1,11 @@
+import { Locator } from '@playwright/test';
+export default class DeletePostConfirmationDialog {
+    readonly container: Locator;
+    readonly cancelButton: Locator;
+    readonly confirmButton: Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+    notToBeVisible(): Promise<void>;
+    cancelDeletion(): Promise<void>;
+    confirmDeletion(): Promise<void>;
+}

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

@@ -0,0 +1,35 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class DeletePostConfirmationDialog {
+    container;
+    cancelButton;
+    confirmButton;
+    constructor(container) {
+        this.container = container;
+        this.cancelButton = container.locator('button.btn.btn-tertiary');
+        this.confirmButton = container.locator('button#deletePostModalButton');
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+        await test.expect(this.cancelButton).toBeVisible();
+        await test.expect(this.confirmButton).toBeVisible();
+    }
+    async notToBeVisible() {
+        await test.expect(this.container).not.toBeVisible();
+        await test.expect(this.cancelButton).not.toBeVisible();
+        await test.expect(this.confirmButton).not.toBeVisible();
+    }
+    async cancelDeletion() {
+        await this.cancelButton.click();
+    }
+    async confirmDeletion() {
+        await this.confirmButton.click();
+    }
+}
+
+module.exports = DeletePostConfirmationDialog;
+//# sourceMappingURL=delete_post_confirmation_dialog.js.map

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

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

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

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

package/dist/ui/components/channels/delete_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 DeletePostModal {
+    container;
+    confirmButton;
+    constructor(container) {
+        this.container = container;
+        this.confirmButton = container.locator('#deletePostModalButton');
+    }
+    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();
+    }
+}
+
+module.exports = DeletePostModal;
+//# sourceMappingURL=delete_post_modal.js.map

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

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

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

@@ -0,0 +1,16 @@
+import { Locator } from '@playwright/test';
+export default class EmojiGifPicker {
+    readonly container: Locator;
+    readonly gifTab: Locator;
+    readonly gifSearchInput: Locator;
+    readonly gifPickerItems: Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+    openGifTab(): Promise<void>;
+    searchGif(name: string): Promise<void>;
+    getNthGif(n: number): Promise<{
+        src: string;
+        alt: string;
+        img: Locator;
+    }>;
+}