@mattermost/playwright-lib 10.6.0-0

package/dist/ui/components/system_console/sidebar.d.ts

@@ -0,0 +1,17 @@
+import { Locator } from '@playwright/test';
+export default class SystemConsoleSidebar {
+    readonly container: Locator;
+    readonly searchInput: Locator;
+    constructor(container: Locator);
+    toBeVisible(): Promise<void>;
+    /**
+     * Clicks on the sidebar section link with the given name. Pass the exact name of the section.
+     * @param sectionName
+     */
+    goToItem(sectionName: string): Promise<void>;
+    /**
+     * Searches for the given item in the sidebar search input.
+     * @param itemName
+     */
+    searchForItem(itemName: string): Promise<void>;
+}

package/dist/ui/components/system_console/sidebar.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class SystemConsoleSidebar {
+    container;
+    searchInput;
+    constructor(container) {
+        this.container = container;
+        this.searchInput = container.getByPlaceholder('Find settings');
+    }
+    async toBeVisible() {
+        await test.expect(this.container).toBeVisible();
+        await test.expect(this.searchInput).toBeVisible();
+    }
+    /**
+     * Clicks on the sidebar section link with the given name. Pass the exact name of the section.
+     * @param sectionName
+     */
+    async goToItem(sectionName) {
+        const section = this.container.getByText(sectionName, { exact: true });
+        await section.waitFor();
+        await section.click();
+    }
+    /**
+     * Searches for the given item in the sidebar search input.
+     * @param itemName
+     */
+    async searchForItem(itemName) {
+        await this.searchInput.fill(itemName);
+    }
+}
+
+module.exports = SystemConsoleSidebar;
+//# sourceMappingURL=sidebar.js.map

package/dist/ui/components/system_console/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sources":["../../../../src/ui/components/system_console/sidebar.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 SystemConsoleSidebar {\n    readonly container: Locator;\n\n    readonly searchInput: Locator;\n\n    constructor(container: Locator) {\n        this.container = container;\n\n        this.searchInput = container.getByPlaceholder('Find settings');\n    }\n\n    async toBeVisible() {\n        await expect(this.container).toBeVisible();\n        await expect(this.searchInput).toBeVisible();\n    }\n\n    /**\n     * Clicks on the sidebar section link with the given name. Pass the exact name of the section.\n     * @param sectionName\n     */\n    async goToItem(sectionName: string) {\n        const section = this.container.getByText(sectionName, {exact: true});\n        await section.waitFor();\n        await section.click();\n    }\n\n    /**\n     * Searches for the given item in the sidebar search input.\n     * @param itemName\n     */\n    async searchForItem(itemName: string) {\n        await this.searchInput.fill(itemName);\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,oBAAoB,CAAA;AAC5B,IAAA,SAAS;AAET,IAAA,WAAW;AAEpB,IAAA,WAAA,CAAY,SAAkB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC,gBAAgB,CAAC,eAAe,CAAC;;AAGlE,IAAA,MAAM,WAAW,GAAA;QACb,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;QAC1C,MAAMA,WAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE;;AAGhD;;;AAGG;IACH,MAAM,QAAQ,CAAC,WAAmB,EAAA;AAC9B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;AACpE,QAAA,MAAM,OAAO,CAAC,OAAO,EAAE;AACvB,QAAA,MAAM,OAAO,CAAC,KAAK,EAAE;;AAGzB;;;AAGG;IACH,MAAM,aAAa,CAAC,QAAgB,EAAA;QAChC,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAE5C;;;;"}

package/dist/ui/pages/channels.d.ts

@@ -0,0 +1,31 @@
+import { Page } from '@playwright/test';
+export default class ChannelsPage {
+    readonly channels = "Channels";
+    readonly page: Page;
+    readonly globalHeader: import("@/ui/components").GlobalHeader;
+    readonly searchPopover: import("../components/channels/search_popover").default;
+    readonly centerView: import("@/ui/components").ChannelsCenterView;
+    readonly scheduledDraftDropdown: import("../components/channels/scheduled_draft_menu").default;
+    readonly scheduledDraftModal: import("../components/channels/scheduled_draft_modal").default;
+    readonly sidebarLeft: import("@/ui/components").ChannelsSidebarLeft;
+    readonly sidebarRight: import("@/ui/components").ChannelsSidebarRight;
+    readonly appBar: import("@/ui/components").ChannelsAppBar;
+    readonly userProfilePopover: import("../components/channels/user_profile_popover").default;
+    readonly messagePriority: import("@/ui/components").MessagePriority;
+    readonly findChannelsModal: import("@/ui/components").FindChannelsModal;
+    readonly deletePostModal: import("@/ui/components").DeletePostModal;
+    readonly settingsModal: import("../components/channels/settings/settings_modal").default;
+    readonly postContainer: import("playwright-core").Locator;
+    readonly postDotMenu: import("@/ui/components").PostDotMenu;
+    readonly postReminderMenu: import("../components/channels/post_reminder_menu").default;
+    readonly emojiGifPickerPopup: import("../components/channels/emoji_gif_picker").default;
+    constructor(page: Page);
+    toBeVisible(): Promise<void>;
+    getLastPost(): Promise<import("playwright-core").Locator>;
+    goto(teamName?: string, channelName?: string): Promise<void>;
+    /**
+     * `postMessage` posts a message in the current channel
+     * @param message Message to post
+     */
+    postMessage(message: string): Promise<void>;
+}

package/dist/ui/pages/channels.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var index = require('../components/index.js');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class ChannelsPage {
+    channels = 'Channels';
+    page;
+    globalHeader;
+    searchPopover;
+    centerView;
+    scheduledDraftDropdown;
+    scheduledDraftModal;
+    sidebarLeft;
+    sidebarRight;
+    appBar;
+    userProfilePopover;
+    messagePriority;
+    findChannelsModal;
+    deletePostModal;
+    settingsModal;
+    postContainer;
+    postDotMenu;
+    postReminderMenu;
+    emojiGifPickerPopup;
+    constructor(page) {
+        this.page = page;
+        // The main areas of the app
+        this.globalHeader = new index.components.GlobalHeader(page.locator('#global-header'));
+        this.searchPopover = new index.components.SearchPopover(page.locator('#searchPopover'));
+        this.centerView = new index.components.ChannelsCenterView(page.getByTestId('channel_view'));
+        this.sidebarLeft = new index.components.ChannelsSidebarLeft(page.locator('#SidebarContainer'));
+        this.sidebarRight = new index.components.ChannelsSidebarRight(page.locator('#sidebar-right'));
+        this.appBar = new index.components.ChannelsAppBar(page.locator('.app-bar'));
+        this.messagePriority = new index.components.MessagePriority(page.locator('body'));
+        // Modals
+        this.findChannelsModal = new index.components.FindChannelsModal(page.getByRole('dialog', { name: 'Find Channels' }));
+        this.deletePostModal = new index.components.DeletePostModal(page.locator('#deletePostModal'));
+        this.settingsModal = new index.components.SettingsModal(page.getByRole('dialog', { name: 'Settings' }));
+        // Menus
+        this.postDotMenu = new index.components.PostDotMenu(page.getByRole('menu', { name: 'Post extra options' }));
+        this.postReminderMenu = new index.components.PostReminderMenu(page.getByRole('menu', { name: 'Set a reminder for:' }));
+        // Popovers
+        this.emojiGifPickerPopup = new index.components.EmojiGifPicker(page.locator('#emojiGifPicker'));
+        this.scheduledDraftDropdown = new index.components.ScheduledDraftMenu(page.locator('#dropdown_send_post_options'));
+        this.scheduledDraftModal = new index.components.ScheduledDraftModal(page.locator('div.modal-content'));
+        this.userProfilePopover = new index.components.UserProfilePopover(page.locator('.user-profile-popover'));
+        // Posts
+        this.postContainer = page.locator('div.post-message__text');
+    }
+    async toBeVisible() {
+        await this.centerView.toBeVisible();
+    }
+    async getLastPost() {
+        return this.postContainer.last();
+    }
+    async goto(teamName = '', channelName = '') {
+        let channelsUrl = '/';
+        if (teamName) {
+            channelsUrl += `${teamName}`;
+            if (channelName) {
+                const prefix = channelName.startsWith('@') ? '/messages' : '/channels';
+                channelsUrl += `${prefix}/${channelName}`;
+            }
+        }
+        await this.page.goto(channelsUrl);
+    }
+    /**
+     * `postMessage` posts a message in the current channel
+     * @param message Message to post
+     */
+    async postMessage(message) {
+        await this.centerView.postCreate.postMessage(message);
+    }
+}
+
+module.exports = ChannelsPage;
+//# sourceMappingURL=channels.js.map

package/dist/ui/pages/channels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"channels.js","sources":["../../../src/ui/pages/channels.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Page} from '@playwright/test';\n\nimport {components} from '@/ui/components';\n\nexport default class ChannelsPage {\n    readonly channels = 'Channels';\n\n    readonly page: Page;\n\n    readonly globalHeader;\n    readonly searchPopover;\n    readonly centerView;\n    readonly scheduledDraftDropdown;\n    readonly scheduledDraftModal;\n    readonly sidebarLeft;\n    readonly sidebarRight;\n    readonly appBar;\n    readonly userProfilePopover;\n    readonly messagePriority;\n\n    readonly findChannelsModal;\n    readonly deletePostModal;\n    readonly settingsModal;\n\n    readonly postContainer;\n    readonly postDotMenu;\n    readonly postReminderMenu;\n\n    readonly emojiGifPickerPopup;\n\n    constructor(page: Page) {\n        this.page = page;\n\n        // The main areas of the app\n        this.globalHeader = new components.GlobalHeader(page.locator('#global-header'));\n        this.searchPopover = new components.SearchPopover(page.locator('#searchPopover'));\n        this.centerView = new components.ChannelsCenterView(page.getByTestId('channel_view'));\n        this.sidebarLeft = new components.ChannelsSidebarLeft(page.locator('#SidebarContainer'));\n        this.sidebarRight = new components.ChannelsSidebarRight(page.locator('#sidebar-right'));\n        this.appBar = new components.ChannelsAppBar(page.locator('.app-bar'));\n        this.messagePriority = new components.MessagePriority(page.locator('body'));\n\n        // Modals\n        this.findChannelsModal = new components.FindChannelsModal(page.getByRole('dialog', {name: 'Find Channels'}));\n        this.deletePostModal = new components.DeletePostModal(page.locator('#deletePostModal'));\n        this.settingsModal = new components.SettingsModal(page.getByRole('dialog', {name: 'Settings'}));\n\n        // Menus\n        this.postDotMenu = new components.PostDotMenu(page.getByRole('menu', {name: 'Post extra options'}));\n        this.postReminderMenu = new components.PostReminderMenu(page.getByRole('menu', {name: 'Set a reminder for:'}));\n\n        // Popovers\n        this.emojiGifPickerPopup = new components.EmojiGifPicker(page.locator('#emojiGifPicker'));\n        this.scheduledDraftDropdown = new components.ScheduledDraftMenu(page.locator('#dropdown_send_post_options'));\n        this.scheduledDraftModal = new components.ScheduledDraftModal(page.locator('div.modal-content'));\n        this.userProfilePopover = new components.UserProfilePopover(page.locator('.user-profile-popover'));\n\n        // Posts\n        this.postContainer = page.locator('div.post-message__text');\n    }\n\n    async toBeVisible() {\n        await this.centerView.toBeVisible();\n    }\n\n    async getLastPost() {\n        return this.postContainer.last();\n    }\n\n    async goto(teamName = '', channelName = '') {\n        let channelsUrl = '/';\n        if (teamName) {\n            channelsUrl += `${teamName}`;\n            if (channelName) {\n                const prefix = channelName.startsWith('@') ? '/messages' : '/channels';\n                channelsUrl += `${prefix}/${channelName}`;\n            }\n        }\n        await this.page.goto(channelsUrl);\n    }\n\n    /**\n     * `postMessage` posts a message in the current channel\n     * @param message Message to post\n     */\n    async postMessage(message: string) {\n        await this.centerView.postCreate.postMessage(message);\n    }\n}\n"],"names":["components"],"mappings":"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"}

package/dist/ui/pages/drafts.d.ts

@@ -0,0 +1,30 @@
+import { Page } from '@playwright/test';
+export default class DraftPage {
+    readonly page: Page;
+    readonly badgeCountOnScheduledTab: import("playwright-core").Locator;
+    readonly confirmbutton: import("playwright-core").Locator;
+    readonly datePattern: RegExp;
+    readonly deleteIcon: import("playwright-core").Locator;
+    readonly deleteIconToolTip: import("playwright-core").Locator;
+    readonly noscheduledDraftIcon: import("playwright-core").Locator;
+    readonly scheduleIcon: import("playwright-core").Locator;
+    readonly rescheduleIconToolTip: import("playwright-core").Locator;
+    readonly draftBody: import("playwright-core").Locator;
+    readonly scheduledDraftPageInfo: import("playwright-core").Locator;
+    readonly scheduledDraftPanel: (messageContent: string) => import("playwright-core").Locator;
+    readonly scheduledDraftSendNowButton: import("playwright-core").Locator;
+    readonly scheduledDraftSendNowButtonToolTip: import("playwright-core").Locator;
+    constructor(page: Page);
+    goTo(teamName: string): Promise<void>;
+    toBeVisible(): Promise<void>;
+    assertBadgeCountOnTab(badgeCount: string): Promise<void>;
+    assertDraftBody(draftMessage: string): Promise<void>;
+    verifyOnHoverActionItems(messageContent: string): Promise<void>;
+    verifyDeleteIcon(): Promise<void>;
+    verifyScheduleIcon(messageContent: string): Promise<void>;
+    verifySendNowIcon(): Promise<void>;
+    getTimeStampOfMessage(messageContent: string): Promise<string>;
+    openScheduleModal(messageContent: string): Promise<void>;
+    deleteScheduledMessage(messageContent: string): Promise<void>;
+    sendScheduledMessage(messageContent: string): Promise<void>;
+}

package/dist/ui/pages/drafts.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class DraftPage {
+    page;
+    badgeCountOnScheduledTab;
+    confirmbutton;
+    datePattern;
+    deleteIcon;
+    deleteIconToolTip;
+    noscheduledDraftIcon;
+    scheduleIcon;
+    rescheduleIconToolTip;
+    draftBody;
+    scheduledDraftPageInfo;
+    scheduledDraftPanel;
+    scheduledDraftSendNowButton;
+    scheduledDraftSendNowButtonToolTip;
+    constructor(page) {
+        this.page = page;
+        this.draftBody = page.locator('div.post__body');
+        this.scheduleIcon = page.locator('#draft_icon-clock-send-outline_reschedule');
+        this.datePattern =
+            /(Today|Tomorrow|(?:January|February|March|April|May|June|July|August|September|October|November|December) \d{1,2}) at \d{1,2}:\d{2} [AP]M/;
+        this.badgeCountOnScheduledTab = page.locator('a#draft_tabs-tab-0 div.drafts_tab_title span.MuiBadge-badge');
+        // this.scheduledDraftPageInfo = page.locator('span:has-text("Send on")');
+        this.scheduledDraftPageInfo = page.locator('.PanelHeader__info');
+        this.scheduledDraftPanel = (messageContent) => page.locator(`article.Panel:has(div.post__body:has-text("${messageContent}"))`);
+        this.deleteIcon = page.locator('#draft_icon-trash-can-outline_delete');
+        this.deleteIconToolTip = page.locator('text=Delete scheduled post');
+        this.rescheduleIconToolTip = page.locator('text=Schedule draft');
+        this.noscheduledDraftIcon = page.locator('.no-results__wrapper');
+        this.scheduledDraftSendNowButton = page.locator('#draft_icon-send-outline_sendNow');
+        this.scheduledDraftSendNowButtonToolTip = page.locator('text=Send now');
+        this.confirmbutton = this.page.locator('button.btn-primary');
+    }
+    async goTo(teamName) {
+        await this.page.goto(`/${teamName}/drafts`);
+    }
+    async toBeVisible() {
+        await this.page.waitForLoadState('networkidle');
+        await test.expect(this.page).toHaveURL(/.*drafts/);
+    }
+    async assertBadgeCountOnTab(badgeCount) {
+        await this.badgeCountOnScheduledTab.isVisible();
+        await test.expect(this.badgeCountOnScheduledTab).toHaveText(badgeCount);
+    }
+    async assertDraftBody(draftMessage) {
+        await test.expect(this.draftBody).toBeVisible();
+        await test.expect(this.draftBody).toHaveText(draftMessage);
+    }
+    async verifyOnHoverActionItems(messageContent) {
+        await this.scheduledDraftPanel(messageContent).isVisible();
+        await this.scheduledDraftPanel(messageContent).hover();
+        await this.verifyDeleteIcon();
+        await this.verifyScheduleIcon(messageContent);
+        await this.verifySendNowIcon();
+    }
+    async verifyDeleteIcon() {
+        await this.deleteIcon.isVisible();
+        await this.deleteIcon.hover();
+        await test.expect(this.deleteIconToolTip).toBeVisible();
+        await test.expect(this.deleteIconToolTip).toHaveText('Delete scheduled post');
+    }
+    async verifyScheduleIcon(messageContent) {
+        await this.scheduledDraftPanel(messageContent).hover();
+        await test.expect(this.scheduleIcon).toBeVisible();
+        await this.scheduleIcon.hover();
+        await test.expect(this.rescheduleIconToolTip).toBeVisible();
+        await test.expect(this.rescheduleIconToolTip).toHaveText('Schedule draft');
+    }
+    async verifySendNowIcon() {
+        await this.scheduledDraftSendNowButton.isVisible();
+        await this.scheduledDraftSendNowButton.hover();
+        await test.expect(this.scheduledDraftSendNowButtonToolTip).toBeVisible();
+        await test.expect(this.scheduledDraftSendNowButtonToolTip).toHaveText('Send now');
+    }
+    async getTimeStampOfMessage(messageContent) {
+        await this.scheduledDraftPanel(messageContent).scrollIntoViewIfNeeded();
+        await this.scheduledDraftPanel(messageContent).isVisible();
+        return this.scheduledDraftPanel(messageContent).locator(this.scheduledDraftPageInfo).innerHTML();
+    }
+    async openScheduleModal(messageContent) {
+        await this.scheduledDraftPanel(messageContent).scrollIntoViewIfNeeded();
+        await this.scheduledDraftPanel(messageContent).isVisible();
+        await this.scheduledDraftPanel(messageContent).hover();
+        await this.scheduleIcon.hover();
+        await test.expect(this.rescheduleIconToolTip).toBeVisible();
+        await test.expect(this.rescheduleIconToolTip).toHaveText('Schedule draft');
+        await this.scheduleIcon.click();
+    }
+    async deleteScheduledMessage(messageContent) {
+        await this.scheduledDraftPanel(messageContent).isVisible();
+        await this.scheduledDraftPanel(messageContent).hover();
+        await this.verifyDeleteIcon();
+        await this.deleteIcon.click();
+        test.expect(await this.confirmbutton.textContent()).toEqual('Yes, delete');
+        await this.confirmbutton.click();
+    }
+    async sendScheduledMessage(messageContent) {
+        await this.scheduledDraftPanel(messageContent).isVisible();
+        await this.scheduledDraftPanel(messageContent).hover();
+        await this.verifySendNowIcon();
+        await this.scheduledDraftSendNowButton.click();
+        test.expect(await this.confirmbutton.textContent()).toEqual('Yes, send now');
+        await this.confirmbutton.click();
+    }
+}
+
+module.exports = DraftPage;
+//# sourceMappingURL=drafts.js.map

package/dist/ui/pages/drafts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drafts.js","sources":["../../../src/ui/pages/drafts.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Page, expect} from '@playwright/test';\n\nexport default class DraftPage {\n    readonly page: Page;\n\n    readonly badgeCountOnScheduledTab;\n    readonly confirmbutton;\n    readonly datePattern;\n    readonly deleteIcon;\n    readonly deleteIconToolTip;\n    readonly noscheduledDraftIcon;\n    readonly scheduleIcon;\n    readonly rescheduleIconToolTip;\n    readonly draftBody;\n    readonly scheduledDraftPageInfo;\n    readonly scheduledDraftPanel;\n    readonly scheduledDraftSendNowButton;\n    readonly scheduledDraftSendNowButtonToolTip;\n\n    constructor(page: Page) {\n        this.page = page;\n        this.draftBody = page.locator('div.post__body');\n        this.scheduleIcon = page.locator('#draft_icon-clock-send-outline_reschedule');\n\n        this.datePattern =\n            /(Today|Tomorrow|(?:January|February|March|April|May|June|July|August|September|October|November|December) \\d{1,2}) at \\d{1,2}:\\d{2} [AP]M/;\n        this.badgeCountOnScheduledTab = page.locator('a#draft_tabs-tab-0 div.drafts_tab_title span.MuiBadge-badge');\n        // this.scheduledDraftPageInfo = page.locator('span:has-text(\"Send on\")');\n        this.scheduledDraftPageInfo = page.locator('.PanelHeader__info');\n        this.scheduledDraftPanel = (messageContent: string) =>\n            page.locator(`article.Panel:has(div.post__body:has-text(\"${messageContent}\"))`);\n        this.deleteIcon = page.locator('#draft_icon-trash-can-outline_delete');\n        this.deleteIconToolTip = page.locator('text=Delete scheduled post');\n        this.rescheduleIconToolTip = page.locator('text=Schedule draft');\n        this.noscheduledDraftIcon = page.locator('.no-results__wrapper');\n        this.scheduledDraftSendNowButton = page.locator('#draft_icon-send-outline_sendNow');\n        this.scheduledDraftSendNowButtonToolTip = page.locator('text=Send now');\n        this.confirmbutton = this.page.locator('button.btn-primary');\n    }\n\n    async goTo(teamName: string) {\n        await this.page.goto(`/${teamName}/drafts`);\n    }\n\n    async toBeVisible() {\n        await this.page.waitForLoadState('networkidle');\n        await expect(this.page).toHaveURL(/.*drafts/);\n    }\n\n    async assertBadgeCountOnTab(badgeCount: string) {\n        await this.badgeCountOnScheduledTab.isVisible();\n        await expect(this.badgeCountOnScheduledTab).toHaveText(badgeCount);\n    }\n\n    async assertDraftBody(draftMessage: string) {\n        await expect(this.draftBody).toBeVisible();\n        await expect(this.draftBody).toHaveText(draftMessage);\n    }\n\n    async verifyOnHoverActionItems(messageContent: string) {\n        await this.scheduledDraftPanel(messageContent).isVisible();\n        await this.scheduledDraftPanel(messageContent).hover();\n        await this.verifyDeleteIcon();\n        await this.verifyScheduleIcon(messageContent);\n        await this.verifySendNowIcon();\n    }\n\n    async verifyDeleteIcon() {\n        await this.deleteIcon.isVisible();\n        await this.deleteIcon.hover();\n        await expect(this.deleteIconToolTip).toBeVisible();\n        await expect(this.deleteIconToolTip).toHaveText('Delete scheduled post');\n    }\n\n    async verifyScheduleIcon(messageContent: string) {\n        await this.scheduledDraftPanel(messageContent).hover();\n        await expect(this.scheduleIcon).toBeVisible();\n        await this.scheduleIcon.hover();\n        await expect(this.rescheduleIconToolTip).toBeVisible();\n        await expect(this.rescheduleIconToolTip).toHaveText('Schedule draft');\n    }\n\n    async verifySendNowIcon() {\n        await this.scheduledDraftSendNowButton.isVisible();\n        await this.scheduledDraftSendNowButton.hover();\n        await expect(this.scheduledDraftSendNowButtonToolTip).toBeVisible();\n        await expect(this.scheduledDraftSendNowButtonToolTip).toHaveText('Send now');\n    }\n\n    async getTimeStampOfMessage(messageContent: string) {\n        await this.scheduledDraftPanel(messageContent).scrollIntoViewIfNeeded();\n        await this.scheduledDraftPanel(messageContent).isVisible();\n        return this.scheduledDraftPanel(messageContent).locator(this.scheduledDraftPageInfo).innerHTML();\n    }\n\n    async openScheduleModal(messageContent: string) {\n        await this.scheduledDraftPanel(messageContent).scrollIntoViewIfNeeded();\n        await this.scheduledDraftPanel(messageContent).isVisible();\n        await this.scheduledDraftPanel(messageContent).hover();\n        await this.scheduleIcon.hover();\n        await expect(this.rescheduleIconToolTip).toBeVisible();\n        await expect(this.rescheduleIconToolTip).toHaveText('Schedule draft');\n        await this.scheduleIcon.click();\n    }\n\n    async deleteScheduledMessage(messageContent: string) {\n        await this.scheduledDraftPanel(messageContent).isVisible();\n        await this.scheduledDraftPanel(messageContent).hover();\n        await this.verifyDeleteIcon();\n        await this.deleteIcon.click();\n        expect(await this.confirmbutton.textContent()).toEqual('Yes, delete');\n        await this.confirmbutton.click();\n    }\n\n    async sendScheduledMessage(messageContent: string) {\n        await this.scheduledDraftPanel(messageContent).isVisible();\n        await this.scheduledDraftPanel(messageContent).hover();\n        await this.verifySendNowIcon();\n        await this.scheduledDraftSendNowButton.click();\n        expect(await this.confirmbutton.textContent()).toEqual('Yes, send now');\n        await this.confirmbutton.click();\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,SAAS,CAAA;AACjB,IAAA,IAAI;AAEJ,IAAA,wBAAwB;AACxB,IAAA,aAAa;AACb,IAAA,WAAW;AACX,IAAA,UAAU;AACV,IAAA,iBAAiB;AACjB,IAAA,oBAAoB;AACpB,IAAA,YAAY;AACZ,IAAA,qBAAqB;AACrB,IAAA,SAAS;AACT,IAAA,sBAAsB;AACtB,IAAA,mBAAmB;AACnB,IAAA,2BAA2B;AAC3B,IAAA,kCAAkC;AAE3C,IAAA,WAAA,CAAY,IAAU,EAAA;AAClB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QAChB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;QAC/C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,2CAA2C,CAAC;AAE7E,QAAA,IAAI,CAAC,WAAW;AACZ,YAAA,2IAA2I;QAC/I,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,OAAO,CAAC,6DAA6D,CAAC;;QAE3G,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;AAChE,QAAA,IAAI,CAAC,mBAAmB,GAAG,CAAC,cAAsB,KAC9C,IAAI,CAAC,OAAO,CAAC,CAAA,2CAAA,EAA8C,cAAc,CAAA,GAAA,CAAK,CAAC;QACnF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,sCAAsC,CAAC;QACtE,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,4BAA4B,CAAC;QACnE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC;QAChE,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC;QAChE,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC,OAAO,CAAC,kCAAkC,CAAC;QACnF,IAAI,CAAC,kCAAkC,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;QACvE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;;IAGhE,MAAM,IAAI,CAAC,QAAgB,EAAA;QACvB,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAI,CAAA,EAAA,QAAQ,CAAS,OAAA,CAAA,CAAC;;AAG/C,IAAA,MAAM,WAAW,GAAA;QACb,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC;QAC/C,MAAMA,WAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC;;IAGjD,MAAM,qBAAqB,CAAC,UAAkB,EAAA;AAC1C,QAAA,MAAM,IAAI,CAAC,wBAAwB,CAAC,SAAS,EAAE;QAC/C,MAAMA,WAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC;;IAGtE,MAAM,eAAe,CAAC,YAAoB,EAAA;QACtC,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE;QAC1C,MAAMA,WAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC;;IAGzD,MAAM,wBAAwB,CAAC,cAAsB,EAAA;QACjD,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE;QAC1D,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AACtD,QAAA,MAAM,IAAI,CAAC,gBAAgB,EAAE;AAC7B,QAAA,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC;AAC7C,QAAA,MAAM,IAAI,CAAC,iBAAiB,EAAE;;AAGlC,IAAA,MAAM,gBAAgB,GAAA;AAClB,QAAA,MAAM,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE;AACjC,QAAA,MAAM,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;QAC7B,MAAMA,WAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,WAAW,EAAE;QAClD,MAAMA,WAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,uBAAuB,CAAC;;IAG5E,MAAM,kBAAkB,CAAC,cAAsB,EAAA;QAC3C,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;QACtD,MAAMA,WAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE;AAC7C,QAAA,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;QAC/B,MAAMA,WAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,WAAW,EAAE;QACtD,MAAMA,WAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC;;AAGzE,IAAA,MAAM,iBAAiB,GAAA;AACnB,QAAA,MAAM,IAAI,CAAC,2BAA2B,CAAC,SAAS,EAAE;AAClD,QAAA,MAAM,IAAI,CAAC,2BAA2B,CAAC,KAAK,EAAE;QAC9C,MAAMA,WAAM,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC,WAAW,EAAE;QACnE,MAAMA,WAAM,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC;;IAGhF,MAAM,qBAAqB,CAAC,cAAsB,EAAA;QAC9C,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,sBAAsB,EAAE;QACvE,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE;AAC1D,QAAA,OAAO,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,SAAS,EAAE;;IAGpG,MAAM,iBAAiB,CAAC,cAAsB,EAAA;QAC1C,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,sBAAsB,EAAE;QACvE,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE;QAC1D,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AACtD,QAAA,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;QAC/B,MAAMA,WAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,WAAW,EAAE;QACtD,MAAMA,WAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC;AACrE,QAAA,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;;IAGnC,MAAM,sBAAsB,CAAC,cAAsB,EAAA;QAC/C,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE;QAC1D,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AACtD,QAAA,MAAM,IAAI,CAAC,gBAAgB,EAAE;AAC7B,QAAA,MAAM,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;AAC7B,QAAAA,WAAM,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC;AACrE,QAAA,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;;IAGpC,MAAM,oBAAoB,CAAC,cAAsB,EAAA;QAC7C,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE;QAC1D,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AACtD,QAAA,MAAM,IAAI,CAAC,iBAAiB,EAAE;AAC9B,QAAA,MAAM,IAAI,CAAC,2BAA2B,CAAC,KAAK,EAAE;AAC9C,QAAAA,WAAM,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC;AACvE,QAAA,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;;AAEvC;;;;"}

package/dist/ui/pages/index.d.ts

@@ -0,0 +1,19 @@
+import ChannelsPage from './channels';
+import LandingLoginPage from './landing_login';
+import LoginPage from './login';
+import ResetPasswordPage from './reset_password';
+import SignupPage from './signup';
+import SystemConsolePage from './system_console';
+import ScheduledDraftPage from './scheduled_draft';
+import DraftPage from './drafts';
+declare const pages: {
+    ChannelsPage: typeof ChannelsPage;
+    LandingLoginPage: typeof LandingLoginPage;
+    LoginPage: typeof LoginPage;
+    ResetPasswordPage: typeof ResetPasswordPage;
+    SignupPage: typeof SignupPage;
+    ScheduledDraftPage: typeof ScheduledDraftPage;
+    SystemConsolePage: typeof SystemConsolePage;
+    DraftPage: typeof DraftPage;
+};
+export { pages, ChannelsPage, LandingLoginPage, LoginPage, ResetPasswordPage, SignupPage, ScheduledDraftPage, SystemConsolePage, DraftPage, };

package/dist/ui/pages/index.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var channels = require('./channels.js');
+var landing_login = require('./landing_login.js');
+var login = require('./login.js');
+var reset_password = require('./reset_password.js');
+var signup = require('./signup.js');
+var system_console = require('./system_console.js');
+var scheduled_draft = require('./scheduled_draft.js');
+var drafts = require('./drafts.js');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+const pages = {
+    ChannelsPage: channels,
+    LandingLoginPage: landing_login,
+    LoginPage: login,
+    ResetPasswordPage: reset_password,
+    SignupPage: signup,
+    ScheduledDraftPage: scheduled_draft,
+    SystemConsolePage: system_console,
+    DraftPage: drafts,
+};
+
+exports.ChannelsPage = channels;
+exports.LandingLoginPage = landing_login;
+exports.LoginPage = login;
+exports.ResetPasswordPage = reset_password;
+exports.SignupPage = signup;
+exports.SystemConsolePage = system_console;
+exports.ScheduledDraftPage = scheduled_draft;
+exports.DraftPage = drafts;
+exports.pages = pages;
+//# sourceMappingURL=index.js.map

package/dist/ui/pages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/ui/pages/index.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport ChannelsPage from './channels';\nimport LandingLoginPage from './landing_login';\nimport LoginPage from './login';\nimport ResetPasswordPage from './reset_password';\nimport SignupPage from './signup';\nimport SystemConsolePage from './system_console';\nimport ScheduledDraftPage from './scheduled_draft';\nimport DraftPage from './drafts';\n\nconst pages = {\n    ChannelsPage,\n    LandingLoginPage,\n    LoginPage,\n    ResetPasswordPage,\n    SignupPage,\n    ScheduledDraftPage,\n    SystemConsolePage,\n    DraftPage,\n};\n\nexport {\n    pages,\n    ChannelsPage,\n    LandingLoginPage,\n    LoginPage,\n    ResetPasswordPage,\n    SignupPage,\n    ScheduledDraftPage,\n    SystemConsolePage,\n    DraftPage,\n};\n"],"names":["ChannelsPage","LandingLoginPage","LoginPage","ResetPasswordPage","SignupPage","ScheduledDraftPage","SystemConsolePage","DraftPage"],"mappings":";;;;;;;;;;;AAAA;AACA;AAWA,MAAM,KAAK,GAAG;kBACVA,QAAY;sBACZC,aAAgB;eAChBC,KAAS;uBACTC,cAAiB;gBACjBC,MAAU;wBACVC,eAAkB;uBAClBC,cAAiB;eACjBC,MAAS;;;;;;;;;;;;;"}

package/dist/ui/pages/landing_login.d.ts

@@ -0,0 +1,11 @@
+import { Page } from '@playwright/test';
+export default class LandingLoginPage {
+    readonly page: Page;
+    readonly isMobile?: boolean;
+    readonly viewInAppButton: import("playwright-core").Locator;
+    readonly viewInDesktopAppButton: import("playwright-core").Locator;
+    readonly viewInBrowserButton: import("playwright-core").Locator;
+    constructor(page: Page, isMobile?: boolean);
+    toBeVisible(): Promise<void>;
+    goto(): Promise<void>;
+}

package/dist/ui/pages/landing_login.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var test = require('@playwright/test');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class LandingLoginPage {
+    page;
+    isMobile;
+    viewInAppButton;
+    viewInDesktopAppButton;
+    viewInBrowserButton;
+    constructor(page, isMobile) {
+        this.page = page;
+        this.isMobile = isMobile;
+        this.viewInAppButton = page.locator('text=View in App');
+        this.viewInDesktopAppButton = page.locator('text=View in Desktop App');
+        this.viewInBrowserButton = page.locator('text=View in Browser');
+    }
+    async toBeVisible() {
+        await this.page.waitForLoadState('networkidle');
+        if (this.isMobile) {
+            await test.expect(this.viewInAppButton).toBeVisible();
+        }
+        else {
+            await test.expect(this.viewInDesktopAppButton).toBeVisible();
+        }
+        await test.expect(this.viewInBrowserButton).toBeVisible();
+    }
+    async goto() {
+        await this.page.goto('/landing#/login');
+    }
+}
+
+module.exports = LandingLoginPage;
+//# sourceMappingURL=landing_login.js.map

package/dist/ui/pages/landing_login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"landing_login.js","sources":["../../../src/ui/pages/landing_login.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Page, expect} from '@playwright/test';\n\nexport default class LandingLoginPage {\n    readonly page: Page;\n\n    readonly isMobile?: boolean;\n\n    readonly viewInAppButton;\n    readonly viewInDesktopAppButton;\n    readonly viewInBrowserButton;\n\n    constructor(page: Page, isMobile?: boolean) {\n        this.page = page;\n        this.isMobile = isMobile;\n\n        this.viewInAppButton = page.locator('text=View in App');\n        this.viewInDesktopAppButton = page.locator('text=View in Desktop App');\n        this.viewInBrowserButton = page.locator('text=View in Browser');\n    }\n\n    async toBeVisible() {\n        await this.page.waitForLoadState('networkidle');\n\n        if (this.isMobile) {\n            await expect(this.viewInAppButton).toBeVisible();\n        } else {\n            await expect(this.viewInDesktopAppButton).toBeVisible();\n        }\n\n        await expect(this.viewInBrowserButton).toBeVisible();\n    }\n\n    async goto() {\n        await this.page.goto('/landing#/login');\n    }\n}\n"],"names":["expect"],"mappings":";;;;AAAA;AACA;AAIc,MAAO,gBAAgB,CAAA;AACxB,IAAA,IAAI;AAEJ,IAAA,QAAQ;AAER,IAAA,eAAe;AACf,IAAA,sBAAsB;AACtB,IAAA,mBAAmB;IAE5B,WAAY,CAAA,IAAU,EAAE,QAAkB,EAAA;AACtC,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;QAExB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACvD,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC;QACtE,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC;;AAGnE,IAAA,MAAM,WAAW,GAAA;QACb,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC;AAE/C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,MAAMA,WAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE;;aAC7C;YACH,MAAMA,WAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,WAAW,EAAE;;QAG3D,MAAMA,WAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,WAAW,EAAE;;AAGxD,IAAA,MAAM,IAAI,GAAA;QACN,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC;;AAE9C;;;;"}

package/dist/ui/pages/login.d.ts

@@ -0,0 +1,25 @@
+import { Page } from '@playwright/test';
+import { UserProfile } from '@mattermost/types/users';
+export default class LoginPage {
+    readonly page: Page;
+    readonly title: import("playwright-core").Locator;
+    readonly subtitle: import("playwright-core").Locator;
+    readonly bodyCard: import("playwright-core").Locator;
+    readonly loginInput: import("playwright-core").Locator;
+    readonly loginPlaceholder: import("playwright-core").Locator;
+    readonly loginWithAdLdapPlaceholder: import("playwright-core").Locator;
+    readonly passwordInput: import("playwright-core").Locator;
+    readonly passwordToggleButton: import("playwright-core").Locator;
+    readonly signInButton: import("playwright-core").Locator;
+    readonly createAccountLink: import("playwright-core").Locator;
+    readonly forgotPasswordLink: import("playwright-core").Locator;
+    readonly userErrorLabel: import("playwright-core").Locator;
+    readonly fieldWithError: import("playwright-core").Locator;
+    readonly formContainer: import("playwright-core").Locator;
+    readonly header: import("../components/main_header").default;
+    readonly footer: import("../components/footer").default;
+    constructor(page: Page);
+    toBeVisible(): Promise<void>;
+    goto(): Promise<void>;
+    login(user: UserProfile, useUsername?: boolean): Promise<void>;
+}

package/dist/ui/pages/login.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var test = require('@playwright/test');
+var index = require('../components/index.js');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class LoginPage {
+    page;
+    title;
+    subtitle;
+    bodyCard;
+    loginInput;
+    loginPlaceholder;
+    loginWithAdLdapPlaceholder;
+    passwordInput;
+    passwordToggleButton;
+    signInButton;
+    createAccountLink;
+    forgotPasswordLink;
+    userErrorLabel;
+    fieldWithError;
+    formContainer;
+    header;
+    footer;
+    constructor(page) {
+        this.page = page;
+        this.title = page.locator('h1:has-text("Log in to your account")');
+        this.subtitle = page.locator('text=Collaborate with your team in real-time');
+        this.bodyCard = page.locator('.login-body-card-content');
+        this.loginInput = page.locator('#input_loginId');
+        this.loginPlaceholder = page.locator(`[placeholder="Email or Username"]`);
+        this.loginWithAdLdapPlaceholder = page.locator(`[placeholder="Email, Username or AD/LDAP Username"]`);
+        this.passwordInput = page.locator('#input_password-input');
+        this.passwordToggleButton = page.getByRole('button', { name: 'Show or hide password' });
+        this.signInButton = page.locator('button:has-text("Log in")');
+        this.createAccountLink = page.locator("text=Don't have an account?");
+        this.forgotPasswordLink = page.locator('text=Forgot your password?');
+        this.userErrorLabel = page.locator('text=Please enter your email or username');
+        this.fieldWithError = page.locator('.with-error');
+        this.formContainer = page.locator('.signup-team__container');
+        this.header = new index.components.MainHeader(page.locator('.hfroute-header'));
+        this.footer = new index.components.Footer(page.locator('.hfroute-footer'));
+    }
+    async toBeVisible() {
+        await this.page.waitForLoadState('networkidle');
+        await test.expect(this.title).toBeVisible();
+        await test.expect(this.loginInput).toBeVisible();
+        await test.expect(this.passwordInput).toBeVisible();
+    }
+    async goto() {
+        await this.page.goto('/login');
+    }
+    async login(user, useUsername = true) {
+        await this.loginInput.fill(useUsername ? user.username : user.email);
+        await this.passwordInput.fill(user.password);
+        await Promise.all([this.page.waitForNavigation(), this.signInButton.click()]);
+    }
+}
+
+module.exports = LoginPage;
+//# sourceMappingURL=login.js.map

package/dist/ui/pages/login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login.js","sources":["../../../src/ui/pages/login.ts"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\nimport {Page, expect} from '@playwright/test';\nimport {UserProfile} from '@mattermost/types/users';\n\nimport {components} from '@/ui/components';\n\nexport default class LoginPage {\n    readonly page: Page;\n\n    readonly title;\n    readonly subtitle;\n    readonly bodyCard;\n    readonly loginInput;\n    readonly loginPlaceholder;\n    readonly loginWithAdLdapPlaceholder;\n    readonly passwordInput;\n    readonly passwordToggleButton;\n    readonly signInButton;\n    readonly createAccountLink;\n    readonly forgotPasswordLink;\n    readonly userErrorLabel;\n    readonly fieldWithError;\n    readonly formContainer;\n\n    readonly header;\n    readonly footer;\n\n    constructor(page: Page) {\n        this.page = page;\n\n        this.title = page.locator('h1:has-text(\"Log in to your account\")');\n        this.subtitle = page.locator('text=Collaborate with your team in real-time');\n        this.bodyCard = page.locator('.login-body-card-content');\n        this.loginInput = page.locator('#input_loginId');\n        this.loginPlaceholder = page.locator(`[placeholder=\"Email or Username\"]`);\n        this.loginWithAdLdapPlaceholder = page.locator(`[placeholder=\"Email, Username or AD/LDAP Username\"]`);\n        this.passwordInput = page.locator('#input_password-input');\n        this.passwordToggleButton = page.getByRole('button', {name: 'Show or hide password'});\n        this.signInButton = page.locator('button:has-text(\"Log in\")');\n        this.createAccountLink = page.locator(\"text=Don't have an account?\");\n        this.forgotPasswordLink = page.locator('text=Forgot your password?');\n        this.userErrorLabel = page.locator('text=Please enter your email or username');\n        this.fieldWithError = page.locator('.with-error');\n        this.formContainer = page.locator('.signup-team__container');\n\n        this.header = new components.MainHeader(page.locator('.hfroute-header'));\n        this.footer = new components.Footer(page.locator('.hfroute-footer'));\n    }\n\n    async toBeVisible() {\n        await this.page.waitForLoadState('networkidle');\n        await expect(this.title).toBeVisible();\n        await expect(this.loginInput).toBeVisible();\n        await expect(this.passwordInput).toBeVisible();\n    }\n\n    async goto() {\n        await this.page.goto('/login');\n    }\n\n    async login(user: UserProfile, useUsername = true) {\n        await this.loginInput.fill(useUsername ? user.username : user.email);\n        await this.passwordInput.fill(user.password);\n        await Promise.all([this.page.waitForNavigation(), this.signInButton.click()]);\n    }\n}\n"],"names":["components","expect"],"mappings":";;;;;AAAA;AACA;AAOc,MAAO,SAAS,CAAA;AACjB,IAAA,IAAI;AAEJ,IAAA,KAAK;AACL,IAAA,QAAQ;AACR,IAAA,QAAQ;AACR,IAAA,UAAU;AACV,IAAA,gBAAgB;AAChB,IAAA,0BAA0B;AAC1B,IAAA,aAAa;AACb,IAAA,oBAAoB;AACpB,IAAA,YAAY;AACZ,IAAA,iBAAiB;AACjB,IAAA,kBAAkB;AAClB,IAAA,cAAc;AACd,IAAA,cAAc;AACd,IAAA,aAAa;AAEb,IAAA,MAAM;AACN,IAAA,MAAM;AAEf,IAAA,WAAA,CAAY,IAAU,EAAA;AAClB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QAEhB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,uCAAuC,CAAC;QAClE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,8CAA8C,CAAC;QAC5E,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC;QACxD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;QAChD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,CAAmC,iCAAA,CAAA,CAAC;QACzE,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC,OAAO,CAAC,CAAqD,mDAAA,CAAA,CAAC;QACrG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC;AAC1D,QAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAC,IAAI,EAAE,uBAAuB,EAAC,CAAC;QACrF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC;QAC7D,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,6BAA6B,CAAC;QACpE,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC,4BAA4B,CAAC;QACpE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,0CAA0C,CAAC;QAC9E,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;QACjD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC;AAE5D,QAAA,IAAI,CAAC,MAAM,GAAG,IAAIA,gBAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;AACxE,QAAA,IAAI,CAAC,MAAM,GAAG,IAAIA,gBAAU,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;;AAGxE,IAAA,MAAM,WAAW,GAAA;QACb,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC;QAC/C,MAAMC,WAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;QACtC,MAAMA,WAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,WAAW,EAAE;QAC3C,MAAMA,WAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,EAAE;;AAGlD,IAAA,MAAM,IAAI,GAAA;QACN,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAGlC,IAAA,MAAM,KAAK,CAAC,IAAiB,EAAE,WAAW,GAAG,IAAI,EAAA;QAC7C,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;QACpE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC5C,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC;;AAEpF;;;;"}

package/dist/ui/pages/reset_password.d.ts

@@ -0,0 +1,15 @@
+import { Page } from '@playwright/test';
+export default class ResetPasswordPage {
+    readonly page: Page;
+    readonly title: import("playwright-core").Locator;
+    readonly subtitle: import("playwright-core").Locator;
+    readonly emailInput: import("playwright-core").Locator;
+    readonly resetButton: import("playwright-core").Locator;
+    readonly formContainer: import("playwright-core").Locator;
+    readonly header: import("../components/main_header").default;
+    readonly footer: import("../components/footer").default;
+    constructor(page: Page);
+    toBeVisible(): Promise<void>;
+    goto(): Promise<void>;
+    reset(email: string): Promise<void>;
+}

package/dist/ui/pages/reset_password.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var test = require('@playwright/test');
+var index = require('../components/index.js');
+
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+class ResetPasswordPage {
+    page;
+    title;
+    subtitle;
+    emailInput;
+    resetButton;
+    formContainer;
+    header;
+    footer;
+    constructor(page) {
+        this.page = page;
+        this.title = page.locator('h1:has-text("Password Reset")');
+        this.subtitle = page.locator('text=To reset your password, enter the email address you used to sign up');
+        this.emailInput = page.locator(`[placeholder="Email"]`);
+        this.resetButton = page.locator('#passwordResetButton');
+        this.formContainer = page.locator('.signup-team__container');
+        this.header = new index.components.MainHeader(page.locator('.signup-header'));
+        this.footer = new index.components.Footer(page.locator('#footer_section'));
+    }
+    async toBeVisible() {
+        await this.page.waitForLoadState('networkidle');
+        await test.expect(this.title).toBeVisible();
+        await test.expect(this.subtitle).toBeVisible();
+        await test.expect(this.emailInput).toBeVisible();
+        await test.expect(this.resetButton).toBeVisible();
+    }
+    async goto() {
+        await this.page.goto('/reset_password');
+    }
+    async reset(email) {
+        await this.emailInput.fill(email);
+        await Promise.all([this.page.waitForNavigation(), this.resetButton.click()]);
+    }
+}
+
+module.exports = ResetPasswordPage;
+//# sourceMappingURL=reset_password.js.map