Move /e2e -> /e2e-tests

e2e-tests/playwright/support/ui/components/boards/create_modal.ts

@@ -0,0 +1,27 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, Locator} from '@playwright/test';
+
+export default class BoardsCreateModal {
+    readonly container: Locator;
+
+    readonly productSwitchMenu;
+
+    constructor(container: Locator) {
+        this.container = container;
+
+        this.productSwitchMenu = container.getByRole('button', {name: 'Product switch menu'});
+    }
+
+    async switchProduct(name: string) {
+        await this.productSwitchMenu.click();
+        await this.container.getByRole('link', {name: ` ${name}`}).click();
+    }
+
+    async toBeVisible(name: string) {
+        await expect(this.container.getByRole('heading', {name})).toBeVisible();
+    }
+}
+
+export {BoardsCreateModal};

e2e-tests/playwright/support/ui/components/boards/sidebar.ts

@@ -0,0 +1,28 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {Locator} from '@playwright/test';
+
+export default class BoardsSidebar {
+    readonly container: Locator;
+
+    readonly plusButton;
+    readonly createNewBoardMenuItem;
+    readonly createNewCategoryMenuItem;
+    readonly titles;
+
+    constructor(container: Locator) {
+        this.container = container;
+
+        this.plusButton = container.locator('.add-board-icon');
+        this.createNewBoardMenuItem = container.getByRole('button', {name: 'Create new board'});
+        this.createNewCategoryMenuItem = container.getByRole('button', {name: 'Create New Category'});
+        this.titles = container.locator('.SidebarBoardItem > .octo-sidebar-title');
+    }
+
+    async waitForTitle(name: string) {
+        await this.container.getByRole('button', {name: ` ${name}`}).waitFor({state: 'visible'});
+    }
+}
+
+export {BoardsSidebar};

e2e-tests/playwright/support/ui/components/channels/app_bar.ts

@@ -0,0 +1,22 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, Locator} from '@playwright/test';
+
+export default class ChannelsAppBar {
+    readonly container: Locator;
+
+    readonly playbooksIcon;
+
+    constructor(container: Locator) {
+        this.container = container;
+
+        this.playbooksIcon = container.locator('#app-bar-icon-playbooks').getByRole('img');
+    }
+
+    async toBeVisible() {
+        await expect(this.container).toBeVisible();
+    }
+}
+
+export {ChannelsAppBar};

e2e-tests/playwright/support/ui/components/channels/header.ts

@@ -0,0 +1,18 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, Locator} from '@playwright/test';
+
+export default class ChannelsHeader {
+    readonly container: Locator;
+
+    constructor(container: Locator) {
+        this.container = container;
+    }
+
+    async toBeVisible() {
+        await expect(this.container).toBeVisible();
+    }
+}
+
+export {ChannelsHeader};

e2e-tests/playwright/support/ui/components/channels/post.ts

@@ -0,0 +1,42 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, Locator} from '@playwright/test';
+
+export default class ChannelsPost {
+    readonly container: Locator;
+
+    readonly body;
+    readonly profileIcon;
+    readonly replyButton;
+
+    constructor(container: Locator) {
+        this.container = container;
+
+        this.body = container.locator('.post__body');
+        this.profileIcon = container.locator('.profile-icon');
+        this.replyButton = container.getByRole('button', {name: 'reply'});
+    }
+
+    async toBeVisible() {
+        await expect(this.container).toBeVisible();
+    }
+
+    async getId() {
+        const id = await this.container.getAttribute('id');
+        expect(id, 'No post ID found.').toBeTruthy();
+        return (id || '').substring('post_'.length);
+    }
+
+    async getProfileImage(username: string) {
+        return await this.profileIcon.getByAltText(`${username} profile image`);
+    }
+
+    async openRHS() {
+        await this.container.hover();
+        await this.replyButton.waitFor();
+        await this.replyButton.click();
+    }
+}
+
+export {ChannelsPost};

e2e-tests/playwright/support/ui/components/channels/post_create.ts

@@ -0,0 +1,31 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, Locator} from '@playwright/test';
+
+export default class ChannelsPostCreate {
+    readonly container: Locator;
+
+    readonly input;
+    readonly attachmentButton;
+    readonly emojiButton;
+
+    constructor(container: Locator) {
+        this.container = container;
+
+        this.input = container.getByTestId('post_textbox');
+        this.attachmentButton = container.getByLabel('attachment');
+        this.emojiButton = container.getByLabel('select an emoji');
+    }
+
+    async postMessage(message: string) {
+        await this.input.fill(message);
+    }
+
+    async toBeVisible() {
+        await expect(this.container).toBeVisible();
+        await expect(this.input).toBeVisible();
+    }
+}
+
+export {ChannelsPostCreate};

e2e-tests/playwright/support/ui/components/channels/sidebar_right.ts

@@ -0,0 +1,18 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, Locator} from '@playwright/test';
+
+export default class ChannelsSidebarRight {
+    readonly container: Locator;
+
+    constructor(container: Locator) {
+        this.container = container;
+    }
+
+    async toBeVisible() {
+        await expect(this.container).toBeVisible();
+    }
+}
+
+export {ChannelsSidebarRight};

e2e-tests/playwright/support/ui/components/global_header.ts

@@ -0,0 +1,27 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, Locator} from '@playwright/test';
+
+export default class GlobalHeader {
+    readonly container: Locator;
+
+    readonly productSwitchMenu;
+
+    constructor(container: Locator) {
+        this.container = container;
+
+        this.productSwitchMenu = container.getByRole('button', {name: 'Product switch menu'});
+    }
+
+    async switchProduct(name: string) {
+        await this.productSwitchMenu.click();
+        await this.container.getByRole('link', {name: ` ${name}`}).click();
+    }
+
+    async toBeVisible(name: string) {
+        await expect(this.container.getByRole('heading', {name})).toBeVisible();
+    }
+}
+
+export {GlobalHeader};

e2e-tests/playwright/support/ui/components/index.ts

@@ -0,0 +1,31 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {BoardsSidebar} from './boards/sidebar';
+import {ChannelsHeader} from './channels/header';
+import {ChannelsAppBar} from './channels/app_bar';
+import {ChannelsPostCreate} from './channels/post_create';
+import {ChannelsPost} from './channels/post';
+import {ChannelsSidebarRight} from './channels/sidebar_right';
+import {GlobalHeader} from './global_header';
+
+const components = {
+    BoardsSidebar,
+    ChannelsAppBar,
+    ChannelsHeader,
+    ChannelsPostCreate,
+    ChannelsPost,
+    ChannelsSidebarRight,
+    GlobalHeader,
+};
+
+export {
+    components,
+    BoardsSidebar,
+    ChannelsAppBar,
+    ChannelsHeader,
+    ChannelsPostCreate,
+    ChannelsPost,
+    ChannelsSidebarRight,
+    GlobalHeader,
+};