MM-52642 CLD-6352 MM-54007 Prepare setup for Playwright pipeline (#24647)

* pipeline(playwright): prepare setup for playwright

* feedback address

* clean up readme

* Fix docker-compose command and definition for dashboard

* fix the dashboard

* ignore dashboard when formatting

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
Co-authored-by: Mario Vitale <mvitale1989@hotmail.com>

e2e-tests/playwright/tests/accessibility/common/login.spec.ts

@@ -61,19 +61,19 @@ test('/login accessibility tab support', async ({pw, pages, page}) => {
     await loginPage.footer.termsLink.press('Tab');
     expect(await loginPage.footer.helpLink).toBeFocused();
 
-    // * Should move focus to header logo after tab
-    await loginPage.footer.helpLink.press('Tab');
-    expect(await loginPage.header.logo).toBeFocused();
+    // # Move focus to login input
+    await loginPage.loginInput.focus();
+    expect(await loginPage.loginInput).toBeFocused();
 
-    // * Should move focus to create account link after tab
-    await loginPage.header.logo.press('Tab');
-    expect(await loginPage.createAccountLink).toBeFocused();
-
-    // * Should move focus to create account link after tab
-    await loginPage.createAccountLink.press('Tab');
+    // * Should move focus to login body after shift+tab
+    await loginPage.loginInput.press('Shift+Tab');
     expect(await loginPage.bodyCard).toBeFocused();
 
-    // * Then, should move focus to login body after tab
-    await loginPage.bodyCard.press('Tab');
-    expect(await loginPage.loginInput).toBeFocused();
+    // * Should move focus to create account link after shift+tab
+    await loginPage.bodyCard.press('Shift+Tab');
+    expect(await loginPage.createAccountLink).toBeFocused();
+
+    // * Should move focus to login body after tab
+    await loginPage.createAccountLink.press('Shift+Tab');
+    expect(await loginPage.header.logo).toBeFocused();
 });

e2e-tests/playwright/tests/accessibility/common/reset_password.spec.ts

@@ -45,11 +45,11 @@ test('/reset_password accessibility tab support', async ({pages, page}) => {
     await resetPasswordPage.footer.termsLink.press('Tab');
     expect(await resetPasswordPage.footer.helpLink).toBeFocused();
 
-    // * Should move focus to header logo after tab
-    await resetPasswordPage.footer.helpLink.press('Tab');
-    expect(await resetPasswordPage.header.backButton).toBeFocused();
-
-    // * Then, should move focus to email input after tab
-    await resetPasswordPage.header.backButton.press('Tab');
+    // # Move focus to email input
+    await resetPasswordPage.emailInput.focus();
     expect(await resetPasswordPage.emailInput).toBeFocused();
+
+    // * Should move focus to back button after shift+tab
+    await resetPasswordPage.emailInput.press('Shift+Tab');
+    expect(await resetPasswordPage.header.backButton).toBeFocused();
 });

e2e-tests/playwright/tests/accessibility/common/signup_user_complete.spec.ts

@@ -18,7 +18,7 @@ test('/signup_user_complete accessibility quick check', async ({pages, page, axe
     expect(accessibilityScanResults.violations).toHaveLength(0);
 });
 
-test('/signup_user_complete accessibility tab support', async ({pages, page}) => {
+test('/signup_user_complete accessibility tab support', async ({pages, page}, testInfo) => {
     // # Go to reset password page
     const signupPage = new pages.SignupPage(page);
     await signupPage.goto();
@@ -71,23 +71,41 @@ test('/signup_user_complete accessibility tab support', async ({pages, page}) =>
     await signupPage.footer.termsLink.press('Tab');
     expect(await signupPage.footer.helpLink).toBeFocused();
 
-    // * Should move focus to header logo after tab
-    await signupPage.footer.helpLink.press('Tab');
-    expect(await signupPage.header.logo).toBeFocused();
+    // # Move focus to email input
+    await signupPage.emailInput.focus();
+    expect(await signupPage.emailInput).toBeFocused();
 
-    // * Should move focus to header back button after tab
-    await signupPage.header.logo.press('Tab');
-    expect(await signupPage.header.backButton).toBeFocused();
-
-    // * Should move focus to log in link after tab
-    await signupPage.header.backButton.press('Tab');
-    expect(await signupPage.loginLink).toBeFocused();
-
-    // * Should move focus to sign up body after tab
-    await signupPage.loginLink.press('Tab');
+    // * Should move focus to sign up body after shift+tab
+    await signupPage.emailInput.press('Shift+Tab');
     expect(await signupPage.bodyCard).toBeFocused();
 
-    // * Then, should move focus to email input after tab
-    await signupPage.bodyCard.press('Tab');
-    expect(await signupPage.emailInput).toBeFocused();
+    // * Should move focus to sign up body after shift+tab
+    await signupPage.emailInput.press('Shift+Tab');
+    expect(await signupPage.bodyCard).toBeFocused();
+
+    if (testInfo.project.name === 'ipad') {
+        // * Should move focus to header back button after shift+tab
+        await signupPage.bodyCard.press('Shift+Tab');
+        expect(await signupPage.header.backButton).toBeFocused();
+
+        // * Should move focus to log in link after shift+tab
+        await signupPage.header.backButton.press('Shift+Tab');
+        expect(await signupPage.loginLink).toBeFocused();
+
+        // * Should move focus to header logo after shift+tab
+        await signupPage.loginLink.press('Shift+Tab');
+        expect(await signupPage.header.logo).toBeFocused();
+    } else {
+        // * Should move focus to log in link after shift+tab
+        await signupPage.bodyCard.press('Shift+Tab');
+        expect(await signupPage.loginLink).toBeFocused();
+
+        // * Should move focus to header back button after shift+tab
+        await signupPage.loginLink.press('Shift+Tab');
+        expect(await signupPage.header.backButton).toBeFocused();
+
+        // * Should move focus to header logo after shift+tab
+        await signupPage.header.backButton.press('Shift+Tab');
+        expect(await signupPage.header.logo).toBeFocused();
+    }
 });

e2e-tests/playwright/tests/functional/channels/search/find_channels.spec.ts

@@ -37,7 +37,6 @@ test('MM-T5424 Find channel search returns only 50 results when there are more t
     await channelsPage.toBeVisible();
 
     // # Click on "Find channel" and type "test_channel"
-    await channelsPage.centerView.headerMobile.toggleSidebar();
     await channelsPage.sidebarLeft.findChannelButton.click();
 
     await channelsPage.findChannelsModal.toBeVisible();