@mattermost/playwright-lib 10.7.0-0 → 10.7.0-1

package/dist/ui/pages/index.js

@@ -1,34 +1,21 @@
-'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.
+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';
 const pages = {
-    ChannelsPage: channels,
-    LandingLoginPage: landing_login,
-    LoginPage: login,
-    ResetPasswordPage: reset_password,
-    SignupPage: signup,
-    ScheduledDraftPage: scheduled_draft,
-    SystemConsolePage: system_console,
-    DraftPage: drafts,
+    ChannelsPage,
+    LandingLoginPage,
+    LoginPage,
+    ResetPasswordPage,
+    SignupPage,
+    ScheduledDraftPage,
+    SystemConsolePage,
+    DraftPage,
 };
-
-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
+export { pages, ChannelsPage, LandingLoginPage, LoginPage, ResetPasswordPage, SignupPage, ScheduledDraftPage, SystemConsolePage, DraftPage, };

package/dist/ui/pages/landing_login.js

@@ -1,10 +1,7 @@
-'use strict';
-
-var test = require('@playwright/test');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-class LandingLoginPage {
+import { expect } from '@playwright/test';
+export default class LandingLoginPage {
     page;
     isMobile;
     viewInAppButton;
@@ -20,17 +17,14 @@ class LandingLoginPage {
     async toBeVisible() {
         await this.page.waitForLoadState('networkidle');
         if (this.isMobile) {
-            await test.expect(this.viewInAppButton).toBeVisible();
+            await expect(this.viewInAppButton).toBeVisible();
         }
         else {
-            await test.expect(this.viewInDesktopAppButton).toBeVisible();
+            await expect(this.viewInDesktopAppButton).toBeVisible();
         }
-        await test.expect(this.viewInBrowserButton).toBeVisible();
+        await expect(this.viewInBrowserButton).toBeVisible();
     }
     async goto() {
         await this.page.goto('/landing#/login');
     }
 }
-
-module.exports = LandingLoginPage;
-//# sourceMappingURL=landing_login.js.map

package/dist/ui/pages/login.js

@@ -1,11 +1,8 @@
-'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 {
+import { expect } from '@playwright/test';
+import { components } from '@/ui/components';
+export default class LoginPage {
     page;
     title;
     subtitle;
@@ -39,14 +36,14 @@ class LoginPage {
         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'));
+        this.header = new components.MainHeader(page.locator('.hfroute-header'));
+        this.footer = new 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();
+        await expect(this.title).toBeVisible();
+        await expect(this.loginInput).toBeVisible();
+        await expect(this.passwordInput).toBeVisible();
     }
     async goto() {
         await this.page.goto('/login');
@@ -57,6 +54,3 @@ class LoginPage {
         await Promise.all([this.page.waitForNavigation(), this.signInButton.click()]);
     }
 }
-
-module.exports = LoginPage;
-//# sourceMappingURL=login.js.map

package/dist/ui/pages/reset_password.js

@@ -1,11 +1,8 @@
-'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 {
+import { expect } from '@playwright/test';
+import { components } from '@/ui/components';
+export default class ResetPasswordPage {
     page;
     title;
     subtitle;
@@ -21,15 +18,15 @@ class ResetPasswordPage {
         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'));
+        this.header = new components.MainHeader(page.locator('.signup-header'));
+        this.footer = new 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();
+        await expect(this.title).toBeVisible();
+        await expect(this.subtitle).toBeVisible();
+        await expect(this.emailInput).toBeVisible();
+        await expect(this.resetButton).toBeVisible();
     }
     async goto() {
         await this.page.goto('/reset_password');
@@ -39,6 +36,3 @@ class ResetPasswordPage {
         await Promise.all([this.page.waitForNavigation(), this.resetButton.click()]);
     }
 }
-
-module.exports = ResetPasswordPage;
-//# sourceMappingURL=reset_password.js.map

package/dist/ui/pages/scheduled_draft.js

@@ -1,10 +1,7 @@
-'use strict';
-
-var test = require('@playwright/test');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-class ScheduledDraftPage {
+import { expect } from '@playwright/test';
+export default class ScheduledDraftPage {
     page;
     badgeCountOnScheduledTab;
     confirmbutton;
@@ -48,15 +45,15 @@ class ScheduledDraftPage {
     }
     async toBeVisible() {
         await this.page.waitForLoadState('networkidle');
-        await test.expect(this.page).toHaveURL(/.*scheduled_posts/);
+        await expect(this.page).toHaveURL(/.*scheduled_posts/);
     }
     async assertBadgeCountOnTab(badgeCount) {
         await this.badgeCountOnScheduledTab.isVisible();
-        await test.expect(this.badgeCountOnScheduledTab).toHaveText(badgeCount);
+        await expect(this.badgeCountOnScheduledTab).toHaveText(badgeCount);
     }
     async assertscheduledDraftBody(draftMessage) {
-        await test.expect(this.scheduledDraftBody).toBeVisible();
-        await test.expect(this.scheduledDraftBody).toHaveText(draftMessage);
+        await expect(this.scheduledDraftBody).toBeVisible();
+        await expect(this.scheduledDraftBody).toHaveText(draftMessage);
     }
     async verifyOnHoverActionItems(messageContent) {
         await this.scheduledDraftPanel(messageContent).isVisible();
@@ -69,26 +66,26 @@ class ScheduledDraftPage {
     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');
+        await expect(this.deleteIconToolTip).toBeVisible();
+        await expect(this.deleteIconToolTip).toHaveText('Delete scheduled post');
     }
     async verifyCopyIcon() {
         await this.copyIcon.isVisible();
         await this.copyIcon.hover();
-        await test.expect(this.copyIconToolTip).toBeVisible();
-        await test.expect(this.copyIconToolTip).toHaveText('Copy text');
+        await expect(this.copyIconToolTip).toBeVisible();
+        await expect(this.copyIconToolTip).toHaveText('Copy text');
     }
     async verifyRescheduleIcon() {
-        await test.expect(this.rescheduleIcon).toBeVisible();
+        await expect(this.rescheduleIcon).toBeVisible();
         await this.rescheduleIcon.hover();
-        await test.expect(this.rescheduleIconToolTip).toBeVisible();
-        await test.expect(this.rescheduleIconToolTip).toHaveText('Reschedule post');
+        await expect(this.rescheduleIconToolTip).toBeVisible();
+        await expect(this.rescheduleIconToolTip).toHaveText('Reschedule post');
     }
     async verifySendNowIcon() {
         await this.scheduledDraftSendNowButton.isVisible();
         await this.scheduledDraftSendNowButton.hover();
-        await test.expect(this.scheduledDraftSendNowButtonToolTip).toBeVisible();
-        await test.expect(this.scheduledDraftSendNowButtonToolTip).toHaveText('Send now');
+        await expect(this.scheduledDraftSendNowButtonToolTip).toBeVisible();
+        await expect(this.scheduledDraftSendNowButtonToolTip).toHaveText('Send now');
     }
     async getTimeStampOfMessage(messageContent) {
         await this.scheduledDraftPanel(messageContent).scrollIntoViewIfNeeded();
@@ -100,8 +97,8 @@ class ScheduledDraftPage {
         await this.scheduledDraftPanel(messageContent).isVisible();
         await this.scheduledDraftPanel(messageContent).hover();
         await this.rescheduleIcon.hover();
-        await test.expect(this.rescheduleIconToolTip).toBeVisible();
-        await test.expect(this.rescheduleIconToolTip).toHaveText('Reschedule post');
+        await expect(this.rescheduleIconToolTip).toBeVisible();
+        await expect(this.rescheduleIconToolTip).toHaveText('Reschedule post');
         await this.rescheduleIcon.click();
     }
     async deleteScheduledMessage(messageContent) {
@@ -109,7 +106,7 @@ class ScheduledDraftPage {
         await this.scheduledDraftPanel(messageContent).hover();
         await this.verifyDeleteIcon();
         await this.deleteIcon.click();
-        test.expect(await this.confirmbutton.textContent()).toEqual('Yes, delete');
+        expect(await this.confirmbutton.textContent()).toEqual('Yes, delete');
         await this.confirmbutton.click();
     }
     async sendScheduledMessage(messageContent) {
@@ -117,7 +114,7 @@ class ScheduledDraftPage {
         await this.scheduledDraftPanel(messageContent).hover();
         await this.verifySendNowIcon();
         await this.scheduledDraftSendNowButton.click();
-        test.expect(await this.confirmbutton.textContent()).toEqual('Yes, send now');
+        expect(await this.confirmbutton.textContent()).toEqual('Yes, send now');
         await this.confirmbutton.click();
     }
     async goTo(teamName) {
@@ -139,6 +136,3 @@ class ScheduledDraftPage {
         await this.copyIcon.click();
     }
 }
-
-module.exports = ScheduledDraftPage;
-//# sourceMappingURL=scheduled_draft.js.map

package/dist/ui/pages/signup.js

@@ -1,12 +1,9 @@
-'use strict';
-
-var test = require('@playwright/test');
-var util = require('../../util.js');
-var index = require('../components/index.js');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-class SignupPage {
+import { expect } from '@playwright/test';
+import { duration, wait } from '@/util';
+import { components } from '@/ui/components';
+export default class SignupPage {
     page;
     title;
     subtitle;
@@ -48,17 +45,17 @@ class SignupPage {
         const agreementBlock = page.locator('.signup-body-card-agreement');
         this.agreementTermsOfUseLink = agreementBlock.locator('text=Terms of Use');
         this.agreementPrivacyPolicyLink = agreementBlock.locator('text=Privacy Policy');
-        this.header = new index.components.MainHeader(page.locator('.hfroute-header'));
-        this.footer = new index.components.Footer(page.locator('.hfroute-footer'));
+        this.header = new components.MainHeader(page.locator('.hfroute-header'));
+        this.footer = new components.Footer(page.locator('.hfroute-footer'));
     }
     async toBeVisible() {
         await this.page.waitForLoadState('networkidle');
         await this.page.waitForLoadState('domcontentloaded');
-        await util.wait(util.duration.half_sec);
-        await test.expect(this.title).toBeVisible();
-        await test.expect(this.emailInput).toBeVisible();
-        await test.expect(this.usernameInput).toBeVisible();
-        await test.expect(this.passwordInput).toBeVisible();
+        await wait(duration.half_sec);
+        await expect(this.title).toBeVisible();
+        await expect(this.emailInput).toBeVisible();
+        await expect(this.usernameInput).toBeVisible();
+        await expect(this.passwordInput).toBeVisible();
     }
     async goto() {
         await this.page.goto('/signup_user_complete');
@@ -73,6 +70,3 @@ class SignupPage {
         }
     }
 }
-
-module.exports = SignupPage;
-//# sourceMappingURL=signup.js.map

package/dist/ui/pages/system_console.js

@@ -1,10 +1,7 @@
-'use strict';
-
-var index = require('../components/index.js');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-class SystemConsolePage {
+import { components } from '@/ui/components';
+export default class SystemConsolePage {
     page;
     sidebar;
     navbar;
@@ -27,22 +24,22 @@ class SystemConsolePage {
     constructor(page) {
         this.page = page;
         // Areas of the page
-        this.navbar = new index.components.SystemConsoleNavbar(page.locator('.backstage-navbar'));
-        this.sidebar = new index.components.SystemConsoleSidebar(page.locator('.admin-sidebar'));
+        this.navbar = new components.SystemConsoleNavbar(page.locator('.backstage-navbar'));
+        this.sidebar = new components.SystemConsoleSidebar(page.locator('.admin-sidebar'));
         // Sections and sub-sections
-        this.systemUsers = new index.components.SystemUsers(page.getByTestId('systemUsersSection'));
-        this.mobileSecurity = new index.components.SystemConsoleMobileSecurity(page.getByTestId('sysconsole_section_MobileSecuritySettings'));
-        this.featureDiscovery = new index.components.SystemConsoleFeatureDiscovery(page.getByTestId('featureDiscovery'));
+        this.systemUsers = new components.SystemUsers(page.getByTestId('systemUsersSection'));
+        this.mobileSecurity = new components.SystemConsoleMobileSecurity(page.getByTestId('sysconsole_section_MobileSecuritySettings'));
+        this.featureDiscovery = new components.SystemConsoleFeatureDiscovery(page.getByTestId('featureDiscovery'));
         // Menus & Popovers
-        this.systemUsersFilterPopover = new index.components.SystemUsersFilterPopover(page.locator('#systemUsersFilterPopover'));
-        this.systemUsersRoleMenu = new index.components.SystemUsersFilterMenu(page.locator('#DropdownInput_filterRole'));
-        this.systemUsersStatusMenu = new index.components.SystemUsersFilterMenu(page.locator('#DropdownInput_filterStatus'));
-        this.systemUsersColumnToggleMenu = new index.components.SystemUsersColumnToggleMenu(page.locator('#systemUsersColumnTogglerMenu'));
-        this.systemUsersDateRangeMenu = new index.components.SystemUsersFilterMenu(page.locator('#systemUsersDateRangeSelectorMenu'));
-        this.systemUsersActionMenus = Array.from(Array(10).keys()).map((index$1) => new index.components.SystemUsersFilterMenu(page.locator(`#actionMenu-systemUsersTable-${index$1}`)));
-        this.confirmModal = new index.components.GenericConfirmModal(page.locator('#confirmModal'));
-        this.exportModal = new index.components.GenericConfirmModal(page.getByRole('dialog', { name: 'Export user data' }));
-        this.saveChangesModal = new index.components.SystemUsers(page.locator('div.modal-content'));
+        this.systemUsersFilterPopover = new components.SystemUsersFilterPopover(page.locator('#systemUsersFilterPopover'));
+        this.systemUsersRoleMenu = new components.SystemUsersFilterMenu(page.locator('#DropdownInput_filterRole'));
+        this.systemUsersStatusMenu = new components.SystemUsersFilterMenu(page.locator('#DropdownInput_filterStatus'));
+        this.systemUsersColumnToggleMenu = new components.SystemUsersColumnToggleMenu(page.locator('#systemUsersColumnTogglerMenu'));
+        this.systemUsersDateRangeMenu = new components.SystemUsersFilterMenu(page.locator('#systemUsersDateRangeSelectorMenu'));
+        this.systemUsersActionMenus = Array.from(Array(10).keys()).map((index) => new components.SystemUsersFilterMenu(page.locator(`#actionMenu-systemUsersTable-${index}`)));
+        this.confirmModal = new components.GenericConfirmModal(page.locator('#confirmModal'));
+        this.exportModal = new components.GenericConfirmModal(page.getByRole('dialog', { name: 'Export user data' }));
+        this.saveChangesModal = new components.SystemUsers(page.locator('div.modal-content'));
     }
     async toBeVisible() {
         await this.page.waitForLoadState('networkidle');
@@ -59,6 +56,3 @@ class SystemConsolePage {
         await this.saveChangesModal.container.locator('button.btn-primary:has-text("Reset")').click();
     }
 }
-
-module.exports = SystemConsolePage;
-//# sourceMappingURL=system_console.js.map

package/dist/util.js

@@ -1,12 +1,9 @@
-'use strict';
-
-var uuid = require('uuid');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
+import { v4 as uuidv4 } from 'uuid';
 const second = 1000;
 const minute = 60 * 1000;
-const duration = {
+export const duration = {
     half_sec: second / 2,
     one_sec: second,
     two_sec: second * 2,
@@ -22,30 +19,22 @@ const duration = {
  * @param {number} ms - duration in millisecond
  * @return {Promise} promise with timeout
  */
-const wait = async (ms = 0) => {
+export const wait = async (ms = 0) => {
     return new Promise((resolve) => setTimeout(resolve, ms));
 };
 /**
  * @param {Number} length - length on random string to return, e.g. 7 (default)
  * @return {String} random string
  */
-function getRandomId(length = 7) {
+export function getRandomId(length = 7) {
     const MAX_SUBSTRING_INDEX = 27;
-    return uuid.v4()
+    return uuidv4()
         .replace(/-/g, '')
         .substring(MAX_SUBSTRING_INDEX - length, MAX_SUBSTRING_INDEX);
 }
 // Default team is meant for sysadmin's primary team,
 // selected for compatibility with existing local development.
 // It should not be used for testing.
-const defaultTeam = { name: 'ad-1', displayName: 'eligendi'};
-const illegalRe = /[/?<>\\:*|":&();]/g;
-const simpleEmailRe = /\S+@\S+\.\S+/;
-
-exports.defaultTeam = defaultTeam;
-exports.duration = duration;
-exports.getRandomId = getRandomId;
-exports.illegalRe = illegalRe;
-exports.simpleEmailRe = simpleEmailRe;
-exports.wait = wait;
-//# sourceMappingURL=util.js.map
+export const defaultTeam = { name: 'ad-1', displayName: 'eligendi', type: 'O' };
+export const illegalRe = /[/?<>\\:*|":&();]/g;
+export const simpleEmailRe = /\S+@\S+\.\S+/;

package/dist/visual/index.js

@@ -1,37 +1,31 @@
-'use strict';
-
-var os = require('node:os');
-var chalk = require('chalk');
-var test = require('@playwright/test');
-var percy = require('./percy.js');
-var util = require('../util.js');
-var test_config = require('../test_config.js');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-async function matchSnapshot(testInfo, testArgs, options = {}) {
+import os from 'node:os';
+import chalk from 'chalk';
+import { expect } from '@playwright/test';
+import snapshotWithPercy from './percy';
+import { duration, illegalRe, wait } from '@/util';
+import { testConfig } from '@/test_config';
+export async function matchSnapshot(testInfo, testArgs, options = {}) {
     if (os.platform() !== 'linux') {
         // eslint-disable-next-line no-console
         console.log(chalk.yellow(`^ Warning: No visual test performed. Run in Linux or Playwright docker image to match snapshot.`));
         return;
     }
-    if (test_config.testConfig.snapshotEnabled || test_config.testConfig.percyEnabled) {
+    if (testConfig.snapshotEnabled || testConfig.percyEnabled) {
         await testArgs.page.waitForLoadState('networkidle');
         await testArgs.page.waitForLoadState('domcontentloaded');
-        await util.wait(util.duration.half_sec);
+        await wait(duration.half_sec);
     }
-    if (test_config.testConfig.snapshotEnabled) {
+    if (testConfig.snapshotEnabled) {
         // Visual test with built-in snapshot
-        const filename = testInfo.title.trim().replace(util.illegalRe, '').replace(/\s/g, '-').trim().toLowerCase();
-        await test.expect(testArgs.page).toHaveScreenshot(`${filename}.png`, { fullPage: true, ...options });
+        const filename = testInfo.title.trim().replace(illegalRe, '').replace(/\s/g, '-').trim().toLowerCase();
+        await expect(testArgs.page).toHaveScreenshot(`${filename}.png`, { fullPage: true, ...options });
     }
-    if (test_config.testConfig.percyEnabled) {
+    if (testConfig.percyEnabled) {
         // Used to easily identify the screenshot when viewing from third-party service provider.
         const name = `[${testInfo.project.name}, ${testArgs?.viewport?.width}px] > ${testInfo.file} > ${testInfo.title}`;
         // Visual test with Percy
-        await percy(name, testArgs);
+        await snapshotWithPercy(name, testArgs);
     }
 }
-
-exports.matchSnapshot = matchSnapshot;
-//# sourceMappingURL=index.js.map

package/dist/visual/percy.js

@@ -1,12 +1,9 @@
-'use strict';
-
-var percySnapshot = require('@percy/playwright');
-var test_config = require('../test_config.js');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-async function snapshotWithPercy(name, testArgs) {
-    if (testArgs.browserName === 'chromium' && test_config.testConfig.percyEnabled && testArgs.viewport) {
+import percySnapshot from '@percy/playwright';
+import { testConfig } from '@/test_config';
+export default async function snapshotWithPercy(name, testArgs) {
+    if (testArgs.browserName === 'chromium' && testConfig.percyEnabled && testArgs.viewport) {
         const { page, viewport } = testArgs;
         try {
             await percySnapshot(page, name, { widths: [viewport.width], minHeight: viewport.height });
@@ -18,6 +15,3 @@ async function snapshotWithPercy(name, testArgs) {
         }
     }
 }
-
-module.exports = snapshotWithPercy;
-//# sourceMappingURL=percy.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mattermost/playwright-lib",
-  "version": "10.7.0-0",
+  "version": "10.7.0-1",
   "description": "A comprehensive end-to-end testing library for Mattermost web, desktop and plugin applications using Playwright",
   "repository": {
     "type": "git",