fix(accessibility): tab support at login, reset and signup pages, buttons at ATE and app bar (#24214)

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

@@ -0,0 +1,30 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {expect, Locator} from '@playwright/test';
+
+export default class Footer {
+    readonly container: Locator;
+
+    readonly copyright;
+    readonly aboutLink;
+    readonly privacyPolicyLink;
+    readonly termsLink;
+    readonly helpLink;
+
+    constructor(container: Locator) {
+        this.container = container;
+
+        this.copyright = container.locator('.footer-copyright');
+        this.aboutLink = container.locator('text=About');
+        this.privacyPolicyLink = container.locator('text=Privacy Policy');
+        this.termsLink = container.locator('text=Terms');
+        this.helpLink = container.locator('text=Help');
+    }
+
+    async toBeVisible() {
+        await expect(this.copyright).toBeVisible();
+    }
+}
+
+export {Footer};

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

@@ -10,7 +10,9 @@ import {ChannelsPost} from './channels/post';
 import {ChannelsSidebarLeft} from './channels/sidebar_left';
 import {ChannelsSidebarRight} from './channels/sidebar_right';
 import {FindChannelsModal} from './channels/find_channels_modal';
+import {Footer} from './footer';
 import {GlobalHeader} from './global_header';
+import {MainHeader} from './main_header';
 import {PostDotMenu} from './channels/post_dot_menu';
 import {DeletePostModal} from './channels/delete_post_modal';
 import {PostMenu} from './channels/post_menu';
@@ -26,7 +28,9 @@ const components = {
     ChannelsSidebarLeft,
     ChannelsSidebarRight,
     FindChannelsModal,
+    Footer,
     GlobalHeader,
+    MainHeader,
     PostDotMenu,
     DeletePostModal,
     PostMenu,

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

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