@mattermost/playwright-lib 10.6.0 → 10.7.0-0

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

@@ -1,13 +1,16 @@
+'use strict';
+
+var test = require('@playwright/test');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { expect } 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 {
+class GenericConfirmModal {
     container;
     confirmButton;
     cancelButton;
@@ -17,18 +20,21 @@ export default class GenericConfirmModal {
         this.cancelButton = container.locator('#cancelModalButton');
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
     }
     async confirm() {
         await this.confirmButton.waitFor();
         await this.confirmButton.click();
         // Wait for the modal to disappear
-        await expect(this.container).not.toBeVisible();
+        await test.expect(this.container).not.toBeVisible();
     }
     async cancel() {
         await this.cancelButton.waitFor();
         await this.cancelButton.click();
         // Wait for the modal to disappear
-        await expect(this.container).not.toBeVisible();
+        await test.expect(this.container).not.toBeVisible();
     }
 }
+
+module.exports = GenericConfirmModal;
+//# sourceMappingURL=generic_confirm_modal.js.map

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

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

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

@@ -1,7 +1,10 @@
+'use strict';
+
+var test = require('@playwright/test');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { expect } from '@playwright/test';
-export default class MessagePriority {
+class MessagePriority {
     container;
     priorityIcon;
     priorityMenu;
@@ -26,35 +29,38 @@ export default class MessagePriority {
     }
     async verifyPriorityIconVisible() {
         await this.priorityIcon.waitFor({ state: 'visible' });
-        await expect(this.priorityIcon).toBeVisible();
+        await test.expect(this.priorityIcon).toBeVisible();
     }
     async verifyStandardPrioritySelected() {
-        await expect(this.priorityMenu).toBeVisible();
-        await expect(this.standardPriorityOption).toHaveAttribute('aria-checked', 'true');
+        await test.expect(this.priorityMenu).toBeVisible();
+        await test.expect(this.standardPriorityOption).toHaveAttribute('aria-checked', 'true');
     }
     async verifyPriorityMenuVisible() {
-        await expect(this.priorityMenu).toBeVisible();
+        await test.expect(this.priorityMenu).toBeVisible();
         // Look for beta text in header
-        await expect(this.priorityMenu.locator('text=Message Priority')).toBeVisible();
+        await test.expect(this.priorityMenu.locator('text=Message Priority')).toBeVisible();
     }
     async closePriorityMenu() {
         await this.priorityMenu.press('Escape');
-        await expect(this.priorityMenu).not.toBeVisible();
+        await test.expect(this.priorityMenu).not.toBeVisible();
     }
     async verifyNoPriorityLabel(postText) {
         const post = this.container.locator(`text=${postText}`);
-        await expect(post).toBeVisible();
+        await test.expect(post).toBeVisible();
         // Verify no priority label exists
         const priorityLabel = post.locator('[data-testid="post-priority-label"]');
-        await expect(priorityLabel).toHaveCount(0);
+        await test.expect(priorityLabel).toHaveCount(0);
     }
     async verifyPriorityDialog() {
-        await expect(this.priorityDialog).toBeVisible();
-        await expect(this.dialogHeader).toHaveText('Message priority');
+        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 expect(standardOption).toBeVisible();
-        await expect(standardOption.locator('svg.StyledCheckIcon-dFKfoY')).toBeVisible();
+        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/post.js

@@ -1,9 +1,12 @@
+'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.
-import { expect } from '@playwright/test';
-import PostMenu from './post_menu';
-import ThreadFooter from './thread_footer';
-export default class ChannelsPost {
+class ChannelsPost {
     container;
     body;
     profileIcon;
@@ -15,11 +18,11 @@ export default class ChannelsPost {
         this.body = container.locator('.post__body');
         this.profileIcon = container.locator('.profile-icon');
         this.removePostButton = container.locator('.post__remove');
-        this.postMenu = new PostMenu(container.locator('.post-menu'));
-        this.threadFooter = new ThreadFooter(container.locator('.ThreadFooter'));
+        this.postMenu = new post_menu(container.locator('.post-menu'));
+        this.threadFooter = new thread_footer(container.locator('.ThreadFooter'));
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
     }
     /**
      * Hover over the post. Can be used for post menu to appear.
@@ -29,7 +32,7 @@ export default class ChannelsPost {
     }
     async getId() {
         const id = await this.container.getAttribute('id');
-        expect(id, 'No post ID found.').toBeTruthy();
+        test.expect(id, 'No post ID found.').toBeTruthy();
         return (id || '').substring('post_'.length);
     }
     async getProfileImage(username) {
@@ -41,7 +44,7 @@ export default class ChannelsPost {
      */
     async remove() {
         // Verify the post is a deleted post
-        await expect(this.container).toContainText(/\(message deleted\)/);
+        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();
@@ -52,6 +55,9 @@ export default class ChannelsPost {
      * @param text Text to be verified in the post
      */
     async toContainText(text) {
-        await expect(this.container).toContainText(text);
+        await test.expect(this.container).toContainText(text);
     }
 }
+
+module.exports = ChannelsPost;
+//# sourceMappingURL=post.js.map

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

@@ -1,11 +1,14 @@
+'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.
-import path from 'node:path';
-import { expect } from '@playwright/test';
-import { duration } from '@/util';
-import { assetPath } from '@/file';
-import { waitUntil } from '@/test_action';
-export default class ChannelsPostCreate {
+class ChannelsPostCreate {
     container;
     input;
     attachmentButton;
@@ -32,9 +35,9 @@ export default class ChannelsPostCreate {
         this.filePreview = container.locator('.file-preview__container');
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
         await this.input.waitFor();
-        await expect(this.input).toBeVisible();
+        await test.expect(this.input).toBeVisible();
     }
     /**
      * It just writes the message in the input and doesn't send it
@@ -42,42 +45,42 @@ export default class ChannelsPostCreate {
      */
     async writeMessage(message) {
         await this.input.waitFor();
-        await expect(this.input).toBeVisible();
+        await test.expect(this.input).toBeVisible();
         await this.input.fill(message);
     }
     /**
      * Returns the value of the message input
      */
     async getInputValue() {
-        await expect(this.input).toBeVisible();
+        await test.expect(this.input).toBeVisible();
         return await this.input.inputValue();
     }
     /**
      * Sends the message already written in the input
      */
     async sendMessage() {
-        await expect(this.input).toBeVisible();
+        await test.expect(this.input).toBeVisible();
         const messageInputValue = await this.getInputValue();
-        expect(messageInputValue).not.toBe('');
-        await expect(this.sendMessageButton).toBeVisible();
-        await expect(this.sendMessageButton).toBeEnabled();
+        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 expect(this.input).toBeVisible();
-        await expect(this.scheduleDraftMessageButton).toBeVisible();
-        await expect(this.scheduleDraftMessageButton).toBeEnabled();
+        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 expect(this.priorityButton).toBeVisible();
-        await expect(this.priorityButton).toBeEnabled();
+        await test.expect(this.priorityButton).toBeVisible();
+        await test.expect(this.priorityButton).toBeEnabled();
         await this.priorityButton.click();
     }
     /**
@@ -86,7 +89,7 @@ export default class ChannelsPostCreate {
     async postMessage(message, files) {
         await this.writeMessage(message);
         if (files) {
-            const filePaths = files.map((file) => path.join(assetPath, file));
+            const filePaths = files.map((file$1) => path.join(file.assetPath, file$1));
             this.container.page().once('filechooser', async (fileChooser) => {
                 await fileChooser.setFiles(filePaths);
             });
@@ -98,11 +101,11 @@ export default class ChannelsPostCreate {
         await this.sendMessage();
     }
     async openEmojiPicker() {
-        await expect(this.emojiButton).toBeVisible();
+        await test.expect(this.emojiButton).toBeVisible();
         await this.emojiButton.click();
     }
-    async waitUntilFilePreviewContains(files, timeout = duration.ten_sec) {
-        await waitUntil(async () => {
+    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()]);
@@ -110,3 +113,6 @@ export default class ChannelsPostCreate {
         }, { timeout });
     }
 }
+
+module.exports = ChannelsPostCreate;
+//# sourceMappingURL=post_create.js.map

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

@@ -1,7 +1,10 @@
+'use strict';
+
+var test = require('@playwright/test');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { expect } from '@playwright/test';
-export default class PostDotMenu {
+class PostDotMenu {
     container;
     replyMenuItem;
     forwardMenuItem;
@@ -36,6 +39,9 @@ export default class PostDotMenu {
         this.deleteMenuItem = getMenuItem('Delete');
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
     }
 }
+
+module.exports = PostDotMenu;
+//# sourceMappingURL=post_dot_menu.js.map

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

@@ -1,11 +1,14 @@
+'use strict';
+
+var path = require('node:path');
+var test = require('@playwright/test');
+var delete_post_confirmation_dialog = require('./delete_post_confirmation_dialog.js');
+var restore_post_confirmation_dialog = require('./restore_post_confirmation_dialog.js');
+var file = require('../../../file.js');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import path from 'node:path';
-import { expect } from '@playwright/test';
-import DeletePostConfirmationDialog from './delete_post_confirmation_dialog';
-import RestorePostConfirmationDialog from './restore_post_confirmation_dialog';
-import { assetPath } from '@/file';
-export default class ChannelsPostEdit {
+class ChannelsPostEdit {
     container;
     input;
     attachmentButton;
@@ -19,25 +22,25 @@ export default class ChannelsPostEdit {
         this.attachmentButton = container.locator('#fileUploadButton');
         this.emojiButton = container.getByLabel('select an emoji');
         this.sendMessageButton = container.locator('.save');
-        this.deleteConfirmationDialog = new DeletePostConfirmationDialog(container.page().locator('#deletePostModal'));
-        this.restorePostConfirmationDialog = new RestorePostConfirmationDialog(container.page().locator('#restorePostModal'));
+        this.deleteConfirmationDialog = new delete_post_confirmation_dialog(container.page().locator('#deletePostModal'));
+        this.restorePostConfirmationDialog = new restore_post_confirmation_dialog(container.page().locator('#restorePostModal'));
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
         await this.input.waitFor();
-        await expect(this.input).toBeVisible();
+        await test.expect(this.input).toBeVisible();
     }
     async toNotBeVisible() {
-        await expect(this.input).not.toBeVisible();
+        await test.expect(this.input).not.toBeVisible();
     }
     async writeMessage(message) {
         await this.input.waitFor();
-        await expect(this.input).toBeVisible();
+        await test.expect(this.input).toBeVisible();
         await this.input.clear();
         await this.input.fill(message);
     }
     async addFiles(files) {
-        const filePaths = files.map((file) => path.join(assetPath, file));
+        const filePaths = files.map((file$1) => path.join(file.assetPath, file$1));
         this.container.page().once('filechooser', async (fileChooser) => {
             await fileChooser.setFiles(filePaths);
         });
@@ -56,8 +59,8 @@ export default class ChannelsPostEdit {
     }
     async sendMessage() {
         await this.input.scrollIntoViewIfNeeded();
-        await expect(this.sendMessageButton).toBeVisible();
-        await expect(this.sendMessageButton).toBeEnabled();
+        await test.expect(this.sendMessageButton).toBeVisible();
+        await test.expect(this.sendMessageButton).toBeEnabled();
         await this.sendMessageButton.click();
     }
     async postMessage(message) {
@@ -65,6 +68,9 @@ export default class ChannelsPostEdit {
         await this.sendMessage();
     }
     async toContainText(text) {
-        await expect(this.container).toContainText(text);
+        await test.expect(this.container).toContainText(text);
     }
 }
+
+module.exports = ChannelsPostEdit;
+//# sourceMappingURL=post_edit.js.map

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

@@ -1,7 +1,10 @@
+'use strict';
+
+var test = require('@playwright/test');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { expect } from '@playwright/test';
-export default class PostMenu {
+class PostMenu {
     container;
     plusOneEmojiButton;
     grinningEmojiButton;
@@ -23,7 +26,7 @@ export default class PostMenu {
         this.dotMenuButton = container.getByRole('button', { name: 'more' });
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
     }
     /**
      * Clicks on the reply button from the post menu.
@@ -46,3 +49,6 @@ export default class PostMenu {
         await this.dotMenuButton.click();
     }
 }
+
+module.exports = PostMenu;
+//# sourceMappingURL=post_menu.js.map

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

@@ -1,7 +1,10 @@
+'use strict';
+
+var test = require('@playwright/test');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { expect } from '@playwright/test';
-export default class PostReminderMenu {
+class PostReminderMenu {
     container;
     thirtyMinsMenuItem;
     oneHourMenuItem;
@@ -18,6 +21,9 @@ export default class PostReminderMenu {
         this.customMenuItem = getMenuItem('Custom');
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
     }
 }
+
+module.exports = PostReminderMenu;
+//# sourceMappingURL=post_reminder_menu.js.map

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

@@ -1,7 +1,10 @@
+'use strict';
+
+var test = require('@playwright/test');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { expect } from '@playwright/test';
-export default class RestorePostConfirmationDialog {
+class RestorePostConfirmationDialog {
     container;
     cancelButton;
     confirmButton;
@@ -11,14 +14,17 @@ export default class RestorePostConfirmationDialog {
         this.confirmButton = container.locator('button.GenericModal__button.btn.btn-primary.confirm');
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
-        await expect(this.cancelButton).toBeVisible();
-        await expect(this.confirmButton).toBeVisible();
+        await test.expect(this.container).toBeVisible();
+        await test.expect(this.cancelButton).toBeVisible();
+        await test.expect(this.confirmButton).toBeVisible();
     }
     async notToBeVisible() {
-        await expect(this.container).not.toBeVisible();
+        await test.expect(this.container).not.toBeVisible();
     }
     async confirmRestore() {
         await this.confirmButton.click();
     }
 }
+
+module.exports = RestorePostConfirmationDialog;
+//# sourceMappingURL=restore_post_confirmation_dialog.js.map

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

@@ -1,7 +1,10 @@
+'use strict';
+
+var test = require('@playwright/test');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { expect } from '@playwright/test';
-export default class ScheduledDraftMenu {
+class ScheduledDraftMenu {
     container;
     scheduleDraftMessageCustomTimeOption;
     constructor(container) {
@@ -9,9 +12,12 @@ export default class ScheduledDraftMenu {
         this.scheduleDraftMessageCustomTimeOption = container.getByText('Choose a custom time');
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
     }
     async selectCustomTime() {
         await this.scheduleDraftMessageCustomTimeOption.click();
     }
 }
+
+module.exports = ScheduledDraftMenu;
+//# sourceMappingURL=scheduled_draft_menu.js.map

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

@@ -1,7 +1,10 @@
+'use strict';
+
+var test = require('@playwright/test');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { expect } from '@playwright/test';
-export default class ScheduledDraftModal {
+class ScheduledDraftModal {
     container;
     confirmButton;
     dateInput;
@@ -15,7 +18,7 @@ export default class ScheduledDraftModal {
         this.timeDropdownOptions = container.locator('ul.dropdown-menu .MenuItem');
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
     }
     getDaySuffix(day) {
         if (day > 3 && day < 21)
@@ -64,7 +67,7 @@ export default class ScheduledDraftModal {
     async selectTime() {
         await this.timeLocator.click();
         const timeButton = this.timeDropdownOptions.nth(2);
-        await expect(timeButton).toBeVisible();
+        await test.expect(timeButton).toBeVisible();
         await timeButton.click();
     }
     getPacificDate() {
@@ -76,3 +79,6 @@ export default class ScheduledDraftModal {
         return pacificTime;
     }
 }
+
+module.exports = ScheduledDraftModal;
+//# sourceMappingURL=scheduled_draft_modal.js.map

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

@@ -1,7 +1,10 @@
+'use strict';
+
+var test = require('@playwright/test');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { expect } from '@playwright/test';
-export default class SearchPopover {
+class SearchPopover {
     container;
     messagesButton;
     filesButton;
@@ -29,9 +32,12 @@ export default class SearchPopover {
         return false;
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
     }
     getSelectedSuggestion() {
         return this.searchHints.locator('.suggestion--selected');
     }
 }
+
+module.exports = SearchPopover;
+//# sourceMappingURL=search_popover.js.map

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

@@ -1,7 +1,10 @@
+'use strict';
+
+var test = require('@playwright/test');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { expect } from '@playwright/test';
-export default class NotificationsSettings {
+class NotificationsSettings {
     container;
     keysWithHighlightDesc;
     constructor(container) {
@@ -9,7 +12,7 @@ export default class NotificationsSettings {
         this.keysWithHighlightDesc = container.locator('#keywordsAndHighlightDesc');
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
     }
     async expandSection(section) {
         if (section === 'keysWithHighlight') {
@@ -18,18 +21,21 @@ export default class NotificationsSettings {
         }
     }
     async verifySectionIsExpanded(section) {
-        await expect(this.container.locator(`#${section}Edit`)).not.toBeVisible();
+        await test.expect(this.container.locator(`#${section}Edit`)).not.toBeVisible();
         if (section === 'keysWithHighlight') {
-            await expect(this.container.getByText('Enter non case-sensitive keywords, press Tab or use commas to separate them:')).toBeVisible();
-            await expect(this.container.getByText('These keywords will be shown to you with a highlight when anyone sends a message that includes them.')).toBeVisible();
+            await test.expect(this.container.getByText('Enter non case-sensitive keywords, press Tab or use commas to separate them:')).toBeVisible();
+            await test.expect(this.container.getByText('These keywords will be shown to you with a highlight when anyone sends a message that includes them.')).toBeVisible();
         }
     }
     async getKeywordsInput() {
-        await expect(this.container.locator('input')).toBeVisible();
+        await test.expect(this.container.locator('input')).toBeVisible();
         return this.container.locator('input');
     }
     async save() {
-        await expect(this.container.getByText('Save')).toBeVisible();
+        await test.expect(this.container.getByText('Save')).toBeVisible();
         await this.container.getByText('Save').click();
     }
 }
+
+module.exports = NotificationsSettings;
+//# sourceMappingURL=notification_settings.js.map