@mattermost/playwright-lib 10.6.0 → 10.6.1

package/dist/server/init.js

@@ -1,13 +1,16 @@
+'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.
-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, } = {}) {
+async function initSetup({ userPrefix = 'user', teamPrefix = { name: 'team', displayName: 'Team' }, withDefaultProfileImage = true, } = {}) {
     try {
         // Login the admin user via API
         const { adminClient, adminUser } = await getAdminClient();
@@ -18,49 +21,53 @@ export async function initSetup({ userPrefix = 'user', teamPrefix = { name: 'tea
             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(getOnPremServerConfig());
+        const adminConfig = await adminClient.updateConfig(default_config.getOnPremServerConfig());
         // Create new team
-        const team = await adminClient.createTeam(createRandomTeam(teamPrefix.name, teamPrefix.displayName));
+        const team$1 = await adminClient.createTeam(team.createRandomTeam(teamPrefix.name, teamPrefix.displayName));
         // Create new user and add to newly created team
-        const randomUser = createRandomUser(userPrefix);
-        const user = await adminClient.createUser(randomUser, '', '');
-        user.password = randomUser.password;
-        await adminClient.addToTeam(team.id, user.id);
+        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);
         // Log in new user via API
-        const { client: userClient } = await makeClient(user);
+        const { client: userClient } = await client.makeClient(user$1);
         if (withDefaultProfileImage) {
-            const file = getFileFromCommonAsset('mattermost-icon_128x128.png');
-            await userClient.uploadProfileImage(user.id, file);
+            const file$1 = file.getFileFromCommonAsset('mattermost-icon_128x128.png');
+            await userClient.uploadProfileImage(user$1.id, file$1);
         }
         // Update user preference
         const preferences = [
-            { 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' },
+            { 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' },
         ];
-        await userClient.savePreferences(user.id, preferences);
+        await userClient.savePreferences(user$1.id, preferences);
         return {
             adminClient,
             adminUser,
             adminConfig,
-            user,
+            user: user$1,
             userClient,
-            team,
-            offTopicUrl: getUrl(team.name, 'off-topic'),
-            townSquareUrl: getUrl(team.name, 'town-square'),
+            team: team$1,
+            offTopicUrl: getUrl(team$1.name, 'off-topic'),
+            townSquareUrl: getUrl(team$1.name, 'town-square'),
         };
     }
     catch (error) {
-        expect(error, 'Should not throw an error').toBeFalsy();
+        test.expect(error, 'Should not throw an error').toBeFalsy();
         throw error;
     }
 }
-export async function getAdminClient(opts = { skipLog: false }) {
-    const { client: adminClient, user: adminUser } = await makeClient({
-        username: testConfig.adminUsername,
-        password: testConfig.adminPassword,
+async function getAdminClient(opts = { skipLog: false }) {
+    const { client: adminClient, user: adminUser } = await client.makeClient({
+        username: test_config.testConfig.adminUsername,
+        password: test_config.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,7 +1,10 @@
+'use strict';
+
+var util = require('../util.js');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { getRandomId } from '@/util';
-export function createRandomPost(post) {
+function createRandomPost(post) {
     if (post && post.channel_id && post.user_id) {
         const time = Date.now();
         const defaultPost = {
@@ -9,7 +12,7 @@ export function createRandomPost(post) {
             user_id: post.user_id,
             channel_id: post.channel_id,
             root_id: post.root_id || '',
-            message: `${post?.message ?? ''}${getRandomId()}`,
+            message: `${post?.message ?? ''}${util.getRandomId()}`,
             pending_post_id: `${post.user_id}:${time}`,
             props: post?.props || {},
             file_ids: post?.file_ids || [],
@@ -23,3 +26,6 @@ export 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,8 +1,11 @@
+'use strict';
+
+var util = require('../util.js');
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-import { getRandomId } from '@/util';
-export function createRandomTeam(name = 'team', displayName = 'Team', type = 'O', unique = true) {
-    const randomSuffix = getRandomId();
+function createRandomTeam(name = 'team', displayName = 'Team', type = 'O', unique = true) {
+    const randomSuffix = util.getRandomId();
     const team = {
         name: unique ? `${name}-${randomSuffix}` : name,
         display_name: unique ? `${displayName} ${randomSuffix}` : displayName,
@@ -10,3 +13,6 @@ export function createRandomTeam(name = 'team', displayName = 'Team', type = 'O'
     };
     return team;
 }
+
+exports.createRandomTeam = createRandomTeam;
+//# sourceMappingURL=team.js.map

package/dist/server/user.js

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

package/dist/test_action.js

@@ -1,13 +1,24 @@
+'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}} `;
-export async function hideDynamicChannelsContent(page) {
+async function hideDynamicChannelsContent(page) {
     await page.addStyleTag({ content: hideTeamHeader + hidePostHeaderTime + hidePostProfileIcon });
 }
-export async function waitForAnimationEnd(locator) {
+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,9 +1,31 @@
+'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.
-import * as dotenv from 'dotenv';
-dotenv.config();
+dotenv__namespace.config();
 // All process.env should be defined here
-export class TestConfig {
+class TestConfig {
     baseURL;
     adminUsername;
     adminPassword;
@@ -47,10 +69,14 @@ export class TestConfig {
     }
 }
 // Create a singleton instance
-export const testConfig = new TestConfig();
+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,18 +1,28 @@
+'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.
-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({
+const test = test$1.test.extend({
     // eslint-disable-next-line no-empty-pattern
     axe: async ({}, use) => {
         const ab = new AxeBuilderExtended();
@@ -24,7 +34,7 @@ export const test = base.extend({
         await pw.testBrowser.close();
     },
 });
-export class PlaywrightExtended {
+class PlaywrightExtended {
     // ./browser_context
     testBrowser;
     // ./flag
@@ -63,44 +73,44 @@ export class PlaywrightExtended {
     hasSeenLandingPage;
     constructor(browser, page, isMobile) {
         // ./browser_context
-        this.testBrowser = new TestBrowser(browser);
+        this.testBrowser = new browser_context.TestBrowser(browser);
         // ./flag
-        this.shouldHaveCallsEnabled = shouldHaveCallsEnabled;
-        this.shouldHaveFeatureFlag = shouldHaveFeatureFlag;
-        this.shouldRunInLinux = shouldRunInLinux;
-        this.ensureLicense = ensureLicense;
-        this.skipIfNoLicense = skipIfNoLicense;
-        this.skipIfFeatureFlagNotSet = skipIfFeatureFlagNotSet;
+        this.shouldHaveCallsEnabled = flag.shouldHaveCallsEnabled;
+        this.shouldHaveFeatureFlag = flag.shouldHaveFeatureFlag;
+        this.shouldRunInLinux = flag.shouldRunInLinux;
+        this.ensureLicense = flag.ensureLicense;
+        this.skipIfNoLicense = flag.skipIfNoLicense;
+        this.skipIfFeatureFlagNotSet = flag.skipIfFeatureFlagNotSet;
         // ./file
-        this.getBlobFromAsset = getBlobFromAsset;
-        this.getFileFromAsset = getFileFromAsset;
+        this.getBlobFromAsset = file.getBlobFromAsset;
+        this.getFileFromAsset = file.getFileFromAsset;
         // ./server
-        this.initSetup = initSetup;
-        this.getAdminClient = getAdminClient;
+        this.initSetup = init.initSetup;
+        this.getAdminClient = init.getAdminClient;
         // ./test_action
-        this.hideDynamicChannelsContent = hideDynamicChannelsContent;
-        this.waitForAnimationEnd = waitForAnimationEnd;
-        this.waitUntil = waitUntil;
+        this.hideDynamicChannelsContent = test_action.hideDynamicChannelsContent;
+        this.waitForAnimationEnd = test_action.waitForAnimationEnd;
+        this.waitUntil = asyncWaitUntil.waitUntil;
         // unauthenticated 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);
+        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);
         // ./mock_browser_api
-        this.stubNotification = stubNotification;
-        this.waitForNotification = waitForNotification;
+        this.stubNotification = mock_browser_api.stubNotification;
+        this.waitForNotification = mock_browser_api.waitForNotification;
         // ./visual
-        this.matchSnapshot = matchSnapshot;
+        this.matchSnapshot = index$1.matchSnapshot;
         // ./util
-        this.duration = duration;
-        this.wait = wait;
-        this.simpleEmailRe = simpleEmailRe;
+        this.duration = util.duration;
+        this.wait = util.wait;
+        this.simpleEmailRe = util.simpleEmailRe;
         this.random = {
-            id: getRandomId,
-            channel: createRandomChannel,
-            post: createRandomPost,
-            team: createRandomTeam,
-            user: createRandomUser,
+            id: util.getRandomId,
+            channel: channel.createRandomChannel,
+            post: post.createRandomPost,
+            team: team.createRandomTeam,
+            user: user.createRandomUser,
         };
         this.hasSeenLandingPage = async () => {
             // Visit the base URL to be able to set the localStorage
@@ -109,7 +119,7 @@ export class PlaywrightExtended {
         };
     }
 }
-export class AxeBuilderExtended {
+class AxeBuilderExtended {
     builder;
     // See https://github.com/dequelabs/axe-core/blob/master/doc/API.md#axe-core-tags
     tags = ['wcag2a', 'wcag2aa'];
@@ -127,7 +137,7 @@ export class AxeBuilderExtended {
                 // Option: make use of custom theme to improve color contrast.
                 disabledRules.push('link-in-text-block');
             }
-            return new AxeBuilder({ page }).withTags(this.tags).disableRules(disabledRules);
+            return new playwright.AxeBuilder({ page }).withTags(this.tags).disableRules(disabledRules);
         };
     }
     violationFingerprints(accessibilityScanResults) {
@@ -142,8 +152,8 @@ export class AxeBuilderExtended {
         return JSON.stringify(fingerprints, null, 2);
     }
 }
-async function waitUntilLocalStorageIsSet(page, key, value, timeout = duration.ten_sec) {
-    await waitUntil(() => page.evaluate(({ key, value }) => {
+async function waitUntilLocalStorageIsSet(page, key, value, timeout = util.duration.ten_sec) {
+    await asyncWaitUntil.waitUntil(() => page.evaluate(({ key, value }) => {
         if (localStorage.getItem(key) === value) {
             return true;
         }
@@ -151,3 +161,12 @@ async function waitUntilLocalStorageIsSet(page, key, value, timeout = duration.t
         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/ui/components/channels/app_bar.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 ChannelsAppBar {
+class ChannelsAppBar {
     container;
     playbooksIcon;
     constructor(container) {
@@ -9,6 +12,9 @@ export default class ChannelsAppBar {
         this.playbooksIcon = container.locator('#app-bar-icon-playbooks').getByRole('img');
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
     }
 }
+
+module.exports = ChannelsAppBar;
+//# sourceMappingURL=app_bar.js.map

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

@@ -1,13 +1,16 @@
+'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.
-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 {
+class ChannelsCenterView {
     container;
     header;
     postCreate;
@@ -23,10 +26,10 @@ export default class ChannelsCenterView {
     constructor(container) {
         this.container = container;
         this.scheduledDraftChannelInfoMessageLocator = 'span:has-text("Message scheduled for")';
-        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.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.postBoxIndicator = container.locator('div.postBoxIndicator');
         this.scheduledDraftChannelIcon = container.locator('#create_post i.icon-draft-indicator');
         this.scheduledDraftChannelInfoMessage = container.locator('div.ScheduledPostIndicator span');
@@ -35,7 +38,7 @@ export default class ChannelsCenterView {
         this.editedPostIcon = (postID) => container.locator(`#postEdited_${postID}`);
     }
     async toBeVisible() {
-        await expect(this.container).toBeVisible();
+        await test.expect(this.container).toBeVisible();
         await this.postCreate.toBeVisible();
     }
     /**
@@ -51,7 +54,7 @@ export default class ChannelsCenterView {
     async getFirstPost() {
         const firstPost = this.container.getByTestId('postView').first();
         await firstPost.waitFor();
-        return new ChannelsPost(firstPost);
+        return new post(firstPost);
     }
     /**
      * Return the last post in the Center
@@ -59,7 +62,7 @@ export default class ChannelsCenterView {
     async getLastPost() {
         const lastPost = this.container.getByTestId('postView').last();
         await lastPost.waitFor();
-        return new ChannelsPost(lastPost);
+        return new post(lastPost);
     }
     /**
      * Return the ID of the last post in the Center
@@ -79,7 +82,7 @@ export default class ChannelsCenterView {
     async getNthPost(index) {
         const nthPost = this.container.getByTestId('postView').nth(index);
         await nthPost.waitFor();
-        return new ChannelsPost(nthPost);
+        return new post(nthPost);
     }
     /**
      * Returns the Center post by post's id
@@ -88,17 +91,17 @@ export default class ChannelsCenterView {
     async getPostById(id) {
         const postById = this.container.locator(`[id="post_${id}"]`);
         await postById.waitFor();
-        return new ChannelsPost(postById);
+        return new post(postById);
     }
-    async waitUntilLastPostContains(text, timeout = duration.ten_sec) {
-        await waitUntil(async () => {
+    async waitUntilLastPostContains(text, timeout = util.duration.ten_sec) {
+        await asyncWaitUntil.waitUntil(async () => {
             const post = await this.getLastPost();
             const content = await post.container.textContent();
             return content?.includes(text);
         }, { timeout });
     }
-    async waitUntilPostWithIdContains(id, text, timeout = duration.ten_sec) {
-        await waitUntil(async () => {
+    async waitUntilPostWithIdContains(id, text, timeout = util.duration.ten_sec) {
+        await asyncWaitUntil.waitUntil(async () => {
             const post = await this.getPostById(id);
             const content = await post.container.textContent();
             return content?.includes(text);
@@ -108,7 +111,7 @@ export default class ChannelsCenterView {
         await this.postBoxIndicator.isVisible();
         await this.scheduledDraftChannelIcon.isVisible();
         const messageLocator = this.scheduledDraftChannelInfoMessage.first();
-        await expect(messageLocator).toContainText('Message scheduled for');
+        await test.expect(messageLocator).toContainText('Message scheduled for');
     }
     async clickOnLastEditedPost(postID) {
         if (postID) {
@@ -116,3 +119,6 @@ export default class ChannelsCenterView {
         }
     }
 }
+
+module.exports = ChannelsCenterView;
+//# sourceMappingURL=center_view.js.map

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

package/dist/ui/components/channels/delete_post_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 DeletePostModal {
+class DeletePostModal {
     container;
     confirmButton;
     constructor(container) {
@@ -9,12 +12,15 @@ export default class DeletePostModal {
         this.confirmButton = container.locator('#deletePostModalButton');
     }
     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();
     }
 }
+
+module.exports = DeletePostModal;
+//# sourceMappingURL=delete_post_modal.js.map