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/components/boards/create_modal.ts

@@ -1,27 +0,0 @@
-// 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

@@ -1,28 +0,0 @@
-// 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/center_view.ts

@@ -47,8 +47,8 @@ export default class ChannelsCenterView {
 
     /**
      * Return the Nth post in the Center from the top
-     * @param index 
-     * @returns 
+     * @param index
+     * @returns
      */
     async getNthPost(index: number) {
         const nthPost = this.container.getByTestId('postView').nth(index);
@@ -73,7 +73,7 @@ export default class ChannelsCenterView {
                 const content = await post.container.textContent();
                 return content?.includes(text);
             },
-            {timeout}
+            {timeout},
         );
     }
 
@@ -85,7 +85,7 @@ export default class ChannelsCenterView {
 
                 return content?.includes(text);
             },
-            {timeout}
+            {timeout},
         );
     }
 }

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

@@ -15,7 +15,7 @@ export default class EmojiGifPicker {
 
         this.gifTab = container.getByText('GIFs');
         this.gifSearchInput = container.getByPlaceholder('Search GIPHY');
-        this.gifPickerItems = container.locator('.gif-picker__items')
+        this.gifPickerItems = container.locator('.gif-picker__items');
     }
 
     async toBeVisible() {
@@ -24,7 +24,7 @@ export default class EmojiGifPicker {
 
     async openGifTab() {
         await expect(this.gifTab).toBeVisible();
-        
+
         await this.gifTab.click({force: true});
 
         await expect(this.gifSearchInput).toBeVisible();
@@ -41,7 +41,7 @@ export default class EmojiGifPicker {
 
         await this.gifPickerItems.locator('img').nth(n).waitFor();
         const nthGif = this.gifPickerItems.locator('img').nth(n);
-        await expect(nthGif).toBeVisible()
+        await expect(nthGif).toBeVisible();
 
         const nthGifSrc = await nthGif.getAttribute('src');
         const nthGifAlt = await nthGif.getAttribute('alt');

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

@@ -1,13 +1,12 @@
 // 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 {ChannelsHeaderMobile} from './channels/header_mobile';
 import {ChannelsAppBar} from './channels/app_bar';
 import {ChannelsPostCreate} from './channels/post_create';
 import {ChannelsPost} from './channels/post';
-import {ChannelsCenterView} from './channels/center_view'
+import {ChannelsCenterView} from './channels/center_view';
 import {ChannelsSidebarLeft} from './channels/sidebar_left';
 import {ChannelsSidebarRight} from './channels/sidebar_right';
 import {DeletePostModal} from './channels/delete_post_modal';
@@ -22,7 +21,6 @@ import {ThreadFooter} from './channels/thread_footer';
 import {EmojiGifPicker} from './channels/emoji_gif_picker';
 
 const components = {
-    BoardsSidebar,
     GlobalHeader,
     ChannelsCenterView,
     ChannelsSidebarLeft,
@@ -45,7 +43,6 @@ const components = {
 
 export {
     components,
-    BoardsSidebar,
     GlobalHeader,
     ChannelsCenterView,
     ChannelsSidebarLeft,