@mattermost/playwright-lib 10.6.0-0 → 10.6.0

package/dist/server/init.js

@@ -1,16 +1,13 @@
-'use strict';
-
-var test = require('@playwright/test');
-var client = require('./client.js');
-var default_config = require('./default_config.js');
-var team = require('./team.js');
-var user = require('./user.js');
-var file = require('../file.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 initSetup({ userPrefix = 'user', teamPrefix = { name: 'team', displayName: 'Team' }, withDefaultProfileImage = true, } = {}) {
+import { expect } from '@playwright/test';
+import { makeClient } from './client';
+import { getOnPremServerConfig } from './default_config';
+import { createRandomTeam } from './team';
+import { createRandomUser } from './user';
+import { getFileFromCommonAsset } from '@/file';
+import { testConfig } from '@/test_config';
+export async function initSetup({ userPrefix = 'user', teamPrefix = { name: 'team', displayName: 'Team' }, withDefaultProfileImage = true, } = {}) {
     try {
         // Login the admin user via API
         const { adminClient, adminUser } = await getAdminClient();
@@ -21,53 +18,49 @@ async function initSetup({ userPrefix = 'user', teamPrefix = { name: 'team', dis
             throw new Error("Failed to setup admin: Check that you're able to access the server using the same admin credential.");
         }
         // Reset server config
-        const adminConfig = await adminClient.updateConfig(default_config.getOnPremServerConfig());
+        const adminConfig = await adminClient.updateConfig(getOnPremServerConfig());
         // Create new team
-        const team$1 = await adminClient.createTeam(team.createRandomTeam(teamPrefix.name, teamPrefix.displayName));
+        const team = await adminClient.createTeam(createRandomTeam(teamPrefix.name, teamPrefix.displayName));
         // Create new user and add to newly created team
-        const randomUser = user.createRandomUser(userPrefix);
-        const user$1 = await adminClient.createUser(randomUser, '', '');
-        user$1.password = randomUser.password;
-        await adminClient.addToTeam(team$1.id, user$1.id);
+        const randomUser = createRandomUser(userPrefix);
+        const user = await adminClient.createUser(randomUser, '', '');
+        user.password = randomUser.password;
+        await adminClient.addToTeam(team.id, user.id);
         // Log in new user via API
-        const { client: userClient } = await client.makeClient(user$1);
+        const { client: userClient } = await makeClient(user);
         if (withDefaultProfileImage) {
-            const file$1 = file.getFileFromCommonAsset('mattermost-icon_128x128.png');
-            await userClient.uploadProfileImage(user$1.id, file$1);
+            const file = getFileFromCommonAsset('mattermost-icon_128x128.png');
+            await userClient.uploadProfileImage(user.id, file);
         }
         // Update user preference
         const preferences = [
-            { user_id: user$1.id, category: 'tutorial_step', name: user$1.id, value: '999' },
-            { user_id: user$1.id, category: 'crt_thread_pane_step', name: user$1.id, value: '999' },
+            { user_id: user.id, category: 'tutorial_step', name: user.id, value: '999' },
+            { user_id: user.id, category: 'crt_thread_pane_step', name: user.id, value: '999' },
         ];
-        await userClient.savePreferences(user$1.id, preferences);
+        await userClient.savePreferences(user.id, preferences);
         return {
             adminClient,
             adminUser,
             adminConfig,
-            user: user$1,
+            user,
             userClient,
-            team: team$1,
-            offTopicUrl: getUrl(team$1.name, 'off-topic'),
-            townSquareUrl: getUrl(team$1.name, 'town-square'),
+            team,
+            offTopicUrl: getUrl(team.name, 'off-topic'),
+            townSquareUrl: getUrl(team.name, 'town-square'),
         };
     }
     catch (error) {
-        test.expect(error, 'Should not throw an error').toBeFalsy();
+        expect(error, 'Should not throw an error').toBeFalsy();
         throw error;
     }
 }
-async function getAdminClient(opts = { skipLog: false }) {
-    const { client: adminClient, user: adminUser } = await client.makeClient({
-        username: test_config.testConfig.adminUsername,
-        password: test_config.testConfig.adminPassword,
+export async function getAdminClient(opts = { skipLog: false }) {
+    const { client: adminClient, user: adminUser } = await makeClient({
+        username: testConfig.adminUsername,
+        password: testConfig.adminPassword,
     }, opts);
     return { adminClient, adminUser };
 }
 function getUrl(teamName, channelName) {
     return `/${teamName}/channels/${channelName}`;
 }
-
-exports.getAdminClient = getAdminClient;
-exports.initSetup = initSetup;
-//# sourceMappingURL=init.js.map

package/dist/server/post.js

@@ -1,10 +1,7 @@
-'use strict';
-
-var util = require('../util.js');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-function createRandomPost(post) {
+import { getRandomId } from '@/util';
+export function createRandomPost(post) {
     if (post && post.channel_id && post.user_id) {
         const time = Date.now();
         const defaultPost = {
@@ -12,7 +9,7 @@ function createRandomPost(post) {
             user_id: post.user_id,
             channel_id: post.channel_id,
             root_id: post.root_id || '',
-            message: `${post?.message ?? ''}${util.getRandomId()}`,
+            message: `${post?.message ?? ''}${getRandomId()}`,
             pending_post_id: `${post.user_id}:${time}`,
             props: post?.props || {},
             file_ids: post?.file_ids || [],
@@ -26,6 +23,3 @@ function createRandomPost(post) {
     }
     throw new Error('Post is missing channel_id or user_id or both');
 }
-
-exports.createRandomPost = createRandomPost;
-//# sourceMappingURL=post.js.map

package/dist/server/team.js

@@ -1,11 +1,8 @@
-'use strict';
-
-var util = require('../util.js');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-function createRandomTeam(name = 'team', displayName = 'Team', type = 'O', unique = true) {
-    const randomSuffix = util.getRandomId();
+import { getRandomId } from '@/util';
+export function createRandomTeam(name = 'team', displayName = 'Team', type = 'O', unique = true) {
+    const randomSuffix = getRandomId();
     const team = {
         name: unique ? `${name}-${randomSuffix}` : name,
         display_name: unique ? `${displayName} ${randomSuffix}` : displayName,
@@ -13,6 +10,3 @@ function createRandomTeam(name = 'team', displayName = 'Team', type = 'O', uniqu
     };
     return team;
 }
-
-exports.createRandomTeam = createRandomTeam;
-//# sourceMappingURL=team.js.map

package/dist/server/user.js

@@ -1,12 +1,9 @@
-'use strict';
-
-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.
-function createRandomUser(prefix = 'user') {
-    const randomId = util.getRandomId();
+import { getRandomId } from '@/util';
+import { testConfig } from '@/test_config';
+export function createRandomUser(prefix = 'user') {
+    const randomId = getRandomId();
     const user = {
         email: `${prefix}${randomId}@sample.mattermost.com`,
         username: `${prefix}${randomId}`,
@@ -17,17 +14,13 @@ function createRandomUser(prefix = 'user') {
     };
     return user;
 }
-function getDefaultAdminUser() {
+export function getDefaultAdminUser() {
     const admin = {
-        username: test_config.testConfig.adminUsername,
-        password: test_config.testConfig.adminPassword,
+        username: testConfig.adminUsername,
+        password: testConfig.adminPassword,
         first_name: 'Kenneth',
         last_name: 'Moreno',
-        email: test_config.testConfig.adminEmail,
+        email: testConfig.adminEmail,
     };
     return admin;
 }
-
-exports.createRandomUser = createRandomUser;
-exports.getDefaultAdminUser = getDefaultAdminUser;
-//# sourceMappingURL=user.js.map

package/dist/test_action.js

@@ -1,24 +1,13 @@
-'use strict';
-
-var asyncWaitUntil = require('async-wait-until');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
+export { waitUntil } from 'async-wait-until';
 const visibilityHidden = 'visibility: hidden !important;';
 const hideTeamHeader = `.test-team-header {${visibilityHidden}} `;
 const hidePostHeaderTime = `.post__time {${visibilityHidden}} `;
 const hidePostProfileIcon = `.profile-icon {${visibilityHidden}} `;
-async function hideDynamicChannelsContent(page) {
+export async function hideDynamicChannelsContent(page) {
     await page.addStyleTag({ content: hideTeamHeader + hidePostHeaderTime + hidePostProfileIcon });
 }
-async function waitForAnimationEnd(locator) {
+export async function waitForAnimationEnd(locator) {
     return locator.evaluate((element) => Promise.all(element.getAnimations({ subtree: true }).map((animation) => animation.finished)));
 }
-
-Object.defineProperty(exports, "waitUntil", {
-    enumerable: true,
-    get: function () { return asyncWaitUntil.waitUntil; }
-});
-exports.hideDynamicChannelsContent = hideDynamicChannelsContent;
-exports.waitForAnimationEnd = waitForAnimationEnd;
-//# sourceMappingURL=test_action.js.map

package/dist/test_config.js

@@ -1,31 +1,9 @@
-'use strict';
-
-var dotenv = require('dotenv');
-
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var dotenv__namespace = /*#__PURE__*/_interopNamespaceDefault(dotenv);
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-dotenv__namespace.config();
+import * as dotenv from 'dotenv';
+dotenv.config();
 // All process.env should be defined here
-class TestConfig {
+export class TestConfig {
     baseURL;
     adminUsername;
     adminPassword;
@@ -69,14 +47,10 @@ class TestConfig {
     }
 }
 // Create a singleton instance
-const testConfig = new TestConfig();
+export const testConfig = new TestConfig();
 function parseBool(actualValue, defaultValue) {
     return actualValue ? actualValue === 'true' : defaultValue;
 }
 function parseNumber(actualValue, defaultValue) {
     return actualValue ? parseInt(actualValue, 10) : defaultValue;
 }
-
-exports.TestConfig = TestConfig;
-exports.testConfig = testConfig;
-//# sourceMappingURL=test_config.js.map

package/dist/test_fixture.js

@@ -1,28 +1,18 @@
-'use strict';
-
-var test$1 = require('@playwright/test');
-var playwright = require('@axe-core/playwright');
-var browser_context = require('./browser_context.js');
-var flag = require('./flag.js');
-var file = require('./file.js');
-require('@mattermost/client');
-require('./test_config.js');
-var channel = require('./server/channel.js');
-require('./server/default_config.js');
-var init = require('./server/init.js');
-var post = require('./server/post.js');
-var team = require('./server/team.js');
-var user = require('./server/user.js');
-var test_action = require('./test_action.js');
-var index = require('./ui/pages/index.js');
-var index$1 = require('./visual/index.js');
-var mock_browser_api = require('./mock_browser_api.js');
-var util = require('./util.js');
-var asyncWaitUntil = require('async-wait-until');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-const test = test$1.test.extend({
+import { test as base } from '@playwright/test';
+import { AxeBuilder } from '@axe-core/playwright';
+import { TestBrowser } from './browser_context';
+import { ensureLicense, shouldHaveCallsEnabled, shouldHaveFeatureFlag, shouldRunInLinux, skipIfFeatureFlagNotSet, skipIfNoLicense, } from './flag';
+import { getBlobFromAsset, getFileFromAsset } from './file';
+import { createRandomChannel, createRandomPost, createRandomTeam, createRandomUser, getAdminClient, initSetup, } from './server';
+import { hideDynamicChannelsContent, waitForAnimationEnd, waitUntil } from './test_action';
+import { pages } from './ui/pages';
+import { matchSnapshot } from './visual';
+import { stubNotification, waitForNotification } from './mock_browser_api';
+import { duration, getRandomId, simpleEmailRe, wait } from './util';
+export { expect } from '@playwright/test';
+export const test = base.extend({
     // eslint-disable-next-line no-empty-pattern
     axe: async ({}, use) => {
         const ab = new AxeBuilderExtended();
@@ -34,7 +24,7 @@ const test = test$1.test.extend({
         await pw.testBrowser.close();
     },
 });
-class PlaywrightExtended {
+export class PlaywrightExtended {
     // ./browser_context
     testBrowser;
     // ./flag
@@ -73,44 +63,44 @@ class PlaywrightExtended {
     hasSeenLandingPage;
     constructor(browser, page, isMobile) {
         // ./browser_context
-        this.testBrowser = new browser_context.TestBrowser(browser);
+        this.testBrowser = new TestBrowser(browser);
         // ./flag
-        this.shouldHaveCallsEnabled = flag.shouldHaveCallsEnabled;
-        this.shouldHaveFeatureFlag = flag.shouldHaveFeatureFlag;
-        this.shouldRunInLinux = flag.shouldRunInLinux;
-        this.ensureLicense = flag.ensureLicense;
-        this.skipIfNoLicense = flag.skipIfNoLicense;
-        this.skipIfFeatureFlagNotSet = flag.skipIfFeatureFlagNotSet;
+        this.shouldHaveCallsEnabled = shouldHaveCallsEnabled;
+        this.shouldHaveFeatureFlag = shouldHaveFeatureFlag;
+        this.shouldRunInLinux = shouldRunInLinux;
+        this.ensureLicense = ensureLicense;
+        this.skipIfNoLicense = skipIfNoLicense;
+        this.skipIfFeatureFlagNotSet = skipIfFeatureFlagNotSet;
         // ./file
-        this.getBlobFromAsset = file.getBlobFromAsset;
-        this.getFileFromAsset = file.getFileFromAsset;
+        this.getBlobFromAsset = getBlobFromAsset;
+        this.getFileFromAsset = getFileFromAsset;
         // ./server
-        this.initSetup = init.initSetup;
-        this.getAdminClient = init.getAdminClient;
+        this.initSetup = initSetup;
+        this.getAdminClient = getAdminClient;
         // ./test_action
-        this.hideDynamicChannelsContent = test_action.hideDynamicChannelsContent;
-        this.waitForAnimationEnd = test_action.waitForAnimationEnd;
-        this.waitUntil = asyncWaitUntil.waitUntil;
+        this.hideDynamicChannelsContent = hideDynamicChannelsContent;
+        this.waitForAnimationEnd = waitForAnimationEnd;
+        this.waitUntil = waitUntil;
         // unauthenticated page
-        this.loginPage = new index.pages.LoginPage(page);
-        this.landingLoginPage = new index.pages.LandingLoginPage(page, isMobile);
-        this.signupPage = new index.pages.SignupPage(page);
-        this.resetPasswordPage = new index.pages.ResetPasswordPage(page);
+        this.loginPage = new pages.LoginPage(page);
+        this.landingLoginPage = new pages.LandingLoginPage(page, isMobile);
+        this.signupPage = new pages.SignupPage(page);
+        this.resetPasswordPage = new pages.ResetPasswordPage(page);
         // ./mock_browser_api
-        this.stubNotification = mock_browser_api.stubNotification;
-        this.waitForNotification = mock_browser_api.waitForNotification;
+        this.stubNotification = stubNotification;
+        this.waitForNotification = waitForNotification;
         // ./visual
-        this.matchSnapshot = index$1.matchSnapshot;
+        this.matchSnapshot = matchSnapshot;
         // ./util
-        this.duration = util.duration;
-        this.wait = util.wait;
-        this.simpleEmailRe = util.simpleEmailRe;
+        this.duration = duration;
+        this.wait = wait;
+        this.simpleEmailRe = simpleEmailRe;
         this.random = {
-            id: util.getRandomId,
-            channel: channel.createRandomChannel,
-            post: post.createRandomPost,
-            team: team.createRandomTeam,
-            user: user.createRandomUser,
+            id: getRandomId,
+            channel: createRandomChannel,
+            post: createRandomPost,
+            team: createRandomTeam,
+            user: createRandomUser,
         };
         this.hasSeenLandingPage = async () => {
             // Visit the base URL to be able to set the localStorage
@@ -119,7 +109,7 @@ class PlaywrightExtended {
         };
     }
 }
-class AxeBuilderExtended {
+export class AxeBuilderExtended {
     builder;
     // See https://github.com/dequelabs/axe-core/blob/master/doc/API.md#axe-core-tags
     tags = ['wcag2a', 'wcag2aa'];
@@ -137,7 +127,7 @@ class AxeBuilderExtended {
                 // Option: make use of custom theme to improve color contrast.
                 disabledRules.push('link-in-text-block');
             }
-            return new playwright.AxeBuilder({ page }).withTags(this.tags).disableRules(disabledRules);
+            return new AxeBuilder({ page }).withTags(this.tags).disableRules(disabledRules);
         };
     }
     violationFingerprints(accessibilityScanResults) {
@@ -152,8 +142,8 @@ class AxeBuilderExtended {
         return JSON.stringify(fingerprints, null, 2);
     }
 }
-async function waitUntilLocalStorageIsSet(page, key, value, timeout = util.duration.ten_sec) {
-    await asyncWaitUntil.waitUntil(() => page.evaluate(({ key, value }) => {
+async function waitUntilLocalStorageIsSet(page, key, value, timeout = duration.ten_sec) {
+    await waitUntil(() => page.evaluate(({ key, value }) => {
         if (localStorage.getItem(key) === value) {
             return true;
         }
@@ -161,12 +151,3 @@ async function waitUntilLocalStorageIsSet(page, key, value, timeout = util.durat
         return false;
     }, { key, value }), { timeout });
 }
-
-Object.defineProperty(exports, "expect", {
-    enumerable: true,
-    get: function () { return test$1.expect; }
-});
-exports.AxeBuilderExtended = AxeBuilderExtended;
-exports.PlaywrightExtended = PlaywrightExtended;
-exports.test = test;
-//# sourceMappingURL=test_fixture.js.map

package/dist/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../src/browser_context.ts","../src/constant.ts","../src/file.ts","../src/flag.ts","../src/global_setup.ts","../src/index.ts","../src/mock_browser_api.ts","../src/test_action.ts","../src/test_config.ts","../src/test_fixture.ts","../src/types.ts","../src/util.ts","../src/server/channel.ts","../src/server/client.ts","../src/server/default_config.ts","../src/server/index.ts","../src/server/init.ts","../src/server/post.ts","../src/server/team.ts","../src/server/user.ts","../src/ui/components/footer.ts","../src/ui/components/global_header.ts","../src/ui/components/index.ts","../src/ui/components/main_header.ts","../src/ui/components/channels/app_bar.ts","../src/ui/components/channels/center_view.ts","../src/ui/components/channels/delete_post_confirmation_dialog.ts","../src/ui/components/channels/delete_post_modal.ts","../src/ui/components/channels/emoji_gif_picker.ts","../src/ui/components/channels/find_channels_modal.ts","../src/ui/components/channels/generic_confirm_modal.ts","../src/ui/components/channels/header.ts","../src/ui/components/channels/message_priority.ts","../src/ui/components/channels/post.ts","../src/ui/components/channels/post_create.ts","../src/ui/components/channels/post_dot_menu.ts","../src/ui/components/channels/post_edit.ts","../src/ui/components/channels/post_menu.ts","../src/ui/components/channels/post_reminder_menu.ts","../src/ui/components/channels/restore_post_confirmation_dialog.ts","../src/ui/components/channels/scheduled_draft_menu.ts","../src/ui/components/channels/scheduled_draft_modal.ts","../src/ui/components/channels/search_popover.ts","../src/ui/components/channels/sidebar_left.ts","../src/ui/components/channels/sidebar_right.ts","../src/ui/components/channels/thread_footer.ts","../src/ui/components/channels/user_profile_popover.ts","../src/ui/components/channels/settings/notification_settings.ts","../src/ui/components/channels/settings/settings_modal.ts","../src/ui/components/system_console/navbar.ts","../src/ui/components/system_console/sidebar.ts","../src/ui/components/system_console/sections/system_users/column_toggle_menu.ts","../src/ui/components/system_console/sections/system_users/feature_discovery.ts","../src/ui/components/system_console/sections/system_users/filter_menu.ts","../src/ui/components/system_console/sections/system_users/filter_popover.ts","../src/ui/components/system_console/sections/system_users/mobile_security.ts","../src/ui/components/system_console/sections/system_users/system_users.ts","../src/ui/pages/channels.ts","../src/ui/pages/drafts.ts","../src/ui/pages/index.ts","../src/ui/pages/landing_login.ts","../src/ui/pages/login.ts","../src/ui/pages/reset_password.ts","../src/ui/pages/scheduled_draft.ts","../src/ui/pages/signup.ts","../src/ui/pages/system_console.ts","../src/visual/index.ts","../src/visual/percy.ts"],"version":"5.7.3"}

package/dist/types.js

@@ -0,0 +1,3 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+export {};

package/dist/ui/components/channels/app_bar.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 ChannelsAppBar {
+import { expect } from '@playwright/test';
+export default class ChannelsAppBar {
     container;
     playbooksIcon;
     constructor(container) {
@@ -12,9 +9,6 @@ class ChannelsAppBar {
         this.playbooksIcon = container.locator('#app-bar-icon-playbooks').getByRole('img');
     }
     async toBeVisible() {
-        await test.expect(this.container).toBeVisible();
+        await expect(this.container).toBeVisible();
     }
 }
-
-module.exports = ChannelsAppBar;
-//# sourceMappingURL=app_bar.js.map

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

@@ -1,16 +1,13 @@
-'use strict';
-
-var test = require('@playwright/test');
-var header = require('./header.js');
-var post_create = require('./post_create.js');
-var post_edit = require('./post_edit.js');
-var post = require('./post.js');
-var util = require('../../../util.js');
-var asyncWaitUntil = require('async-wait-until');
-
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-class ChannelsCenterView {
+import { expect } from '@playwright/test';
+import ChannelsHeader from './header';
+import ChannelsPostCreate from './post_create';
+import ChannelsPostEdit from './post_edit';
+import ChannelsPost from './post';
+import { duration } from '@/util';
+import { waitUntil } from '@/test_action';
+export default class ChannelsCenterView {
     container;
     header;
     postCreate;
@@ -26,10 +23,10 @@ class ChannelsCenterView {
     constructor(container) {
         this.container = container;
         this.scheduledDraftChannelInfoMessageLocator = 'span:has-text("Message scheduled for")';
-        this.header = new header(this.container.locator('.channel-header'));
-        this.postCreate = new post_create(container.getByTestId('post-create'));
-        this.scheduledDraftOptions = new post_create(container.locator('#dropdown_send_post_options'));
-        this.postEdit = new post_edit(container.locator('.post-edit__container'));
+        this.header = new ChannelsHeader(this.container.locator('.channel-header'));
+        this.postCreate = new ChannelsPostCreate(container.getByTestId('post-create'));
+        this.scheduledDraftOptions = new ChannelsPostCreate(container.locator('#dropdown_send_post_options'));
+        this.postEdit = new ChannelsPostEdit(container.locator('.post-edit__container'));
         this.postBoxIndicator = container.locator('div.postBoxIndicator');
         this.scheduledDraftChannelIcon = container.locator('#create_post i.icon-draft-indicator');
         this.scheduledDraftChannelInfoMessage = container.locator('div.ScheduledPostIndicator span');
@@ -38,7 +35,7 @@ class ChannelsCenterView {
         this.editedPostIcon = (postID) => container.locator(`#postEdited_${postID}`);
     }
     async toBeVisible() {
-        await test.expect(this.container).toBeVisible();
+        await expect(this.container).toBeVisible();
         await this.postCreate.toBeVisible();
     }
     /**
@@ -54,7 +51,7 @@ class ChannelsCenterView {
     async getFirstPost() {
         const firstPost = this.container.getByTestId('postView').first();
         await firstPost.waitFor();
-        return new post(firstPost);
+        return new ChannelsPost(firstPost);
     }
     /**
      * Return the last post in the Center
@@ -62,7 +59,7 @@ class ChannelsCenterView {
     async getLastPost() {
         const lastPost = this.container.getByTestId('postView').last();
         await lastPost.waitFor();
-        return new post(lastPost);
+        return new ChannelsPost(lastPost);
     }
     /**
      * Return the ID of the last post in the Center
@@ -82,7 +79,7 @@ class ChannelsCenterView {
     async getNthPost(index) {
         const nthPost = this.container.getByTestId('postView').nth(index);
         await nthPost.waitFor();
-        return new post(nthPost);
+        return new ChannelsPost(nthPost);
     }
     /**
      * Returns the Center post by post's id
@@ -91,17 +88,17 @@ class ChannelsCenterView {
     async getPostById(id) {
         const postById = this.container.locator(`[id="post_${id}"]`);
         await postById.waitFor();
-        return new post(postById);
+        return new ChannelsPost(postById);
     }
-    async waitUntilLastPostContains(text, timeout = util.duration.ten_sec) {
-        await asyncWaitUntil.waitUntil(async () => {
+    async waitUntilLastPostContains(text, timeout = duration.ten_sec) {
+        await waitUntil(async () => {
             const post = await this.getLastPost();
             const content = await post.container.textContent();
             return content?.includes(text);
         }, { timeout });
     }
-    async waitUntilPostWithIdContains(id, text, timeout = util.duration.ten_sec) {
-        await asyncWaitUntil.waitUntil(async () => {
+    async waitUntilPostWithIdContains(id, text, timeout = duration.ten_sec) {
+        await waitUntil(async () => {
             const post = await this.getPostById(id);
             const content = await post.container.textContent();
             return content?.includes(text);
@@ -111,7 +108,7 @@ class ChannelsCenterView {
         await this.postBoxIndicator.isVisible();
         await this.scheduledDraftChannelIcon.isVisible();
         const messageLocator = this.scheduledDraftChannelInfoMessage.first();
-        await test.expect(messageLocator).toContainText('Message scheduled for');
+        await expect(messageLocator).toContainText('Message scheduled for');
     }
     async clickOnLastEditedPost(postID) {
         if (postID) {
@@ -119,6 +116,3 @@ class ChannelsCenterView {
         }
     }
 }
-
-module.exports = ChannelsCenterView;
-//# sourceMappingURL=center_view.js.map

package/dist/ui/components/channels/delete_post_confirmation_dialog.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 DeletePostConfirmationDialog {
+import { expect } from '@playwright/test';
+export default class DeletePostConfirmationDialog {
     container;
     cancelButton;
     confirmButton;
@@ -14,14 +11,14 @@ class DeletePostConfirmationDialog {
         this.confirmButton = container.locator('button#deletePostModalButton');
     }
     async toBeVisible() {
-        await test.expect(this.container).toBeVisible();
-        await test.expect(this.cancelButton).toBeVisible();
-        await test.expect(this.confirmButton).toBeVisible();
+        await expect(this.container).toBeVisible();
+        await expect(this.cancelButton).toBeVisible();
+        await expect(this.confirmButton).toBeVisible();
     }
     async notToBeVisible() {
-        await test.expect(this.container).not.toBeVisible();
-        await test.expect(this.cancelButton).not.toBeVisible();
-        await test.expect(this.confirmButton).not.toBeVisible();
+        await expect(this.container).not.toBeVisible();
+        await expect(this.cancelButton).not.toBeVisible();
+        await expect(this.confirmButton).not.toBeVisible();
     }
     async cancelDeletion() {
         await this.cancelButton.click();
@@ -30,6 +27,3 @@ class DeletePostConfirmationDialog {
         await this.confirmButton.click();
     }
 }
-
-module.exports = DeletePostConfirmationDialog;
-//# sourceMappingURL=delete_post_confirmation_dialog.js.map