CLD-5948 Playwright/E2E: Update dependencies, server default config and its types, and remove Boards and mobile view tests (#24583)

* update dependencies

* update dependencies

* remove mobile view

* remove boards

* update default config  and its types

* update snapshots

* fix formatting

* check works and fix styling

e2e-tests/playwright/support/ui/pages/boards_create.ts

@@ -1,47 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {expect, Page} from '@playwright/test';
-
-import {components} from '@e2e-support/ui/components';
-
-export default class BoardsCreatePage {
-    readonly boards = 'Boards';
-    readonly page: Page;
-
-    readonly globalHeader;
-
-    readonly createBoardHeading;
-    readonly createEmptyBoardButton;
-    readonly useTemplateButton;
-
-    constructor(page: Page) {
-        this.page = page;
-        this.globalHeader = new components.GlobalHeader(this.page.locator('#global-header'));
-        this.createBoardHeading = page.getByRole('heading', {name: 'Create a board'});
-        this.createEmptyBoardButton = page.getByRole('button', {name: ' Create an empty board'});
-        this.useTemplateButton = page.getByRole('button', {name: 'Use this template'});
-    }
-
-    async goto(teamId = '') {
-        let boardsUrl = '/boards';
-        if (teamId) {
-            boardsUrl += `/team/${teamId}`;
-        }
-
-        await this.page.goto(boardsUrl);
-    }
-
-    async toBeVisible() {
-        await this.globalHeader.toBeVisible(this.boards);
-        await expect(this.createEmptyBoardButton).toBeVisible();
-        await expect(this.useTemplateButton).toBeVisible();
-        await expect(this.createBoardHeading).toBeVisible();
-    }
-
-    async createEmptyBoard() {
-        await this.createEmptyBoardButton.click();
-    }
-}
-
-export {BoardsCreatePage};

e2e-tests/playwright/support/ui/pages/boards_view.ts

@@ -1,60 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {expect, Page} from '@playwright/test';
-
-import {components} from '@e2e-support/ui/components';
-
-export default class BoardsViewPage {
-    readonly boards = 'Boards';
-    readonly page: Page;
-
-    readonly sidebar;
-    readonly globalHeader;
-
-    readonly topHead;
-    readonly editableTitle;
-    readonly shareButton;
-
-    constructor(page: Page) {
-        this.page = page;
-        this.sidebar = new components.BoardsSidebar(page.locator('.octo-sidebar'));
-        this.globalHeader = new components.GlobalHeader(this.page.locator('#global-header'));
-        this.topHead = page.locator('.top-head');
-        this.editableTitle = this.topHead.getByPlaceholder('Untitled board');
-        this.shareButton = page.getByRole('button', {name: '󰍁 Share'});
-    }
-
-    async goto(teamId = '', boardId = '', viewId = '', cardId = '') {
-        let boardsUrl = '/boards';
-        if (teamId) {
-            boardsUrl += `/team/${teamId}`;
-            if (boardId) {
-                boardsUrl += `/${boardId}`;
-                if (viewId) {
-                    boardsUrl += `/${viewId}`;
-                    if (cardId) {
-                        boardsUrl += `/${cardId}`;
-                    }
-                }
-            }
-        }
-
-        await this.page.goto(boardsUrl);
-    }
-
-    async toBeVisible() {
-        await this.page.waitForLoadState('networkidle');
-        await this.globalHeader.toBeVisible(this.boards);
-        await expect(this.shareButton).toBeVisible();
-        await expect(this.topHead).toBeVisible();
-    }
-
-    async shouldHaveUntitledBoard() {
-        await this.editableTitle.isVisible();
-        expect(await this.editableTitle.getAttribute('value')).toBe('');
-        await expect(this.page.getByTitle('(Untitled Board)')).toBeVisible();
-    }
-}
-
-export {BoardsViewPage};

e2e-tests/playwright/support/ui/pages/channels.ts

@@ -4,7 +4,6 @@
 import {Page} from '@playwright/test';
 
 import {components} from '@e2e-support/ui/components';
-import {isSmallScreen} from '@e2e-support/util';
 
 export default class ChannelsPage {
     readonly channels = 'Channels';
@@ -19,7 +18,7 @@ export default class ChannelsPage {
 
     readonly findChannelsModal;
     readonly deletePostModal;
-    
+
     readonly postDotMenu;
     readonly postReminderMenu;
 
@@ -35,7 +34,7 @@ export default class ChannelsPage {
         this.sidebarRight = new components.ChannelsSidebarRight(page.locator('#sidebar-right'));
         this.appBar = new components.ChannelsAppBar(page.locator('.app-bar'));
 
-        // Modals        
+        // Modals
         this.findChannelsModal = new components.FindChannelsModal(page.getByRole('dialog', {name: 'Find Channels'}));
         this.deletePostModal = new components.DeletePostModal(page.locator('#deletePostModal'));
 
@@ -48,10 +47,6 @@ export default class ChannelsPage {
     }
 
     async toBeVisible() {
-        if (!isSmallScreen(this.page.viewportSize())) {
-            await this.globalHeader.toBeVisible(this.channels);
-        }
-
         await this.centerView.toBeVisible();
     }
 

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

@@ -1,8 +1,6 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {BoardsCreatePage} from './boards_create';
-import {BoardsViewPage} from './boards_view';
 import {ChannelsPage} from './channels';
 import {LandingLoginPage} from './landing_login';
 import {LoginPage} from './login';
@@ -10,8 +8,6 @@ import {ResetPasswordPage} from './reset_password';
 import {SignupPage} from './signup';
 
 const pages = {
-    BoardsCreatePage,
-    BoardsViewPage,
     ChannelsPage,
     LandingLoginPage,
     LoginPage,
@@ -19,4 +15,4 @@ const pages = {
     SignupPage,
 };
 
-export {pages, BoardsCreatePage, BoardsViewPage, ChannelsPage, LandingLoginPage, LoginPage, SignupPage};
+export {pages, ChannelsPage, LandingLoginPage, LoginPage, SignupPage};

e2e-tests/playwright/support/ui/pages/signup.ts

@@ -44,7 +44,7 @@ export default class SignupPage {
         this.createAccountButton = page.locator('button:has-text("Create Account")');
         this.emailError = page.locator('text=Please enter a valid email address');
         this.usernameError = page.locator(
-            'text=Usernames have to begin with a lowercase letter and be 3-22 characters long. You can use lowercase letters, numbers, periods, dashes, and underscores.'
+            'text=Usernames have to begin with a lowercase letter and be 3-22 characters long. You can use lowercase letters, numbers, periods, dashes, and underscores.',
         );
         this.passwordError = page.locator('text=Must be 5-64 characters long.');