@mattermost/playwright-lib 10.6.1 → 10.7.0-1

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.6.1",
+  "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",