Move /e2e -> /e2e-tests

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};