[MM-38875] Migrate E2E testing to Playwright, re-enable tests (#1800)

* WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * [MM-38875] Migrate E2E testing to Playwright, re-enable tests * Add functionality to map view names to Playwright windows * Added search box test * Added robot.js for automating key presses * Add test using key strokes to navigate menu * Reload test and added webcontentsid to test helper * Check Ctrl+Shift+R as well * oops * Reorganize Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
2021-10-28 13:17:10 -04:00
parent bd0d9df7e3
commit c53e897bfd
26 changed files with 1854 additions and 3477 deletions
--- a/test/specs/menu_test.js
+++ b/test/specs/menu_test.js
@@ -0,0 +1,143 @@
+// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+'use strict';
+
+const fs = require('fs');
+
+// const http = require('http');
+// const path = require('path');
+
+const robot = require('robotjs');
+
+const env = require('../modules/environment');
+const {asyncSleep} = require('../modules/utils');
+
+describe('mattermost', function desc() {
+    this.timeout(30000);
+
+    const config = {
+        version: 3,
+        teams: [{
+            name: 'example',
+            url: env.mattermostURL,
+            order: 0,
+            tabs: [
+                {
+                    name: 'TAB_MESSAGING',
+                    order: 0,
+                    isOpen: true,
+                },
+                {
+                    name: 'TAB_FOCALBOARD',
+                    order: 1,
+                    isOpen: false,
+                },
+                {
+                    name: 'TAB_PLAYBOOKS',
+                    order: 2,
+                    isOpen: false,
+                },
+            ],
+            lastActiveTab: 0,
+        }, {
+            name: 'github',
+            url: 'https://github.com/',
+            order: 1,
+            tabs: [
+                {
+                    name: 'TAB_MESSAGING',
+                    order: 0,
+                    isOpen: true,
+                },
+                {
+                    name: 'TAB_FOCALBOARD',
+                    order: 1,
+                    isOpen: false,
+                },
+                {
+                    name: 'TAB_PLAYBOOKS',
+                    order: 2,
+                    isOpen: false,
+                },
+            ],
+            lastActiveTab: 0,
+        }],
+        showTrayIcon: false,
+        trayIconTheme: 'light',
+        minimizeToTray: false,
+        notifications: {
+            flashWindow: 0,
+            bounceIcon: false,
+            bounceIconType: 'informational',
+        },
+        showUnreadBadge: true,
+        useSpellChecker: true,
+        enableHardwareAcceleration: true,
+        autostart: true,
+        darkMode: false,
+        lastActiveTeam: 0,
+        spellCheckerLocales: [],
+    };
+
+    beforeEach(async () => {
+        env.cleanDataDir();
+        env.createTestUserDataDir();
+        env.cleanTestConfig();
+        fs.writeFileSync(env.configFilePath, JSON.stringify(config));
+        await asyncSleep(1000);
+        this.app = await env.getApp();
+        this.serverMap = await env.getServerMap(this.app);
+    });
+
+    afterEach(async () => {
+        if (this.app) {
+            await this.app.close();
+        }
+    });
+
+    it('should reload page when pressing Ctrl+R', async () => {
+        const mainWindow = await this.app.firstWindow();
+        const browserWindow = await this.app.browserWindow(mainWindow);
+        const webContentsId = this.serverMap[`${config.teams[0].name}___TAB_MESSAGING`].webContentsId;
+
+        const loadingScreen = this.app.windows().find((window) => window.url().includes('loadingScreen'));
+        await loadingScreen.waitForSelector('.LoadingScreen', {state: 'hidden'});
+        const check = browserWindow.evaluate(async (window, id) => {
+            const promise = new Promise((resolve) => {
+                const browserView = window.getBrowserViews().find((view) => view.webContents.id === id);
+                browserView.webContents.on('did-finish-load', () => {
+                    resolve();
+                });
+            });
+            await promise;
+            return true;
+        }, webContentsId);
+        await asyncSleep(500);
+        robot.keyTap('r', ['control']);
+        const result = await check;
+        result.should.be.true;
+    });
+
+    it('should reload page when pressing Ctrl+Shift+R', async () => {
+        const mainWindow = await this.app.firstWindow();
+        const browserWindow = await this.app.browserWindow(mainWindow);
+        const webContentsId = this.serverMap[`${config.teams[0].name}___TAB_MESSAGING`].webContentsId;
+
+        const loadingScreen = this.app.windows().find((window) => window.url().includes('loadingScreen'));
+        await loadingScreen.waitForSelector('.LoadingScreen', {state: 'hidden'});
+        const check = browserWindow.evaluate(async (window, id) => {
+            const promise = new Promise((resolve) => {
+                const browserView = window.getBrowserViews().find((view) => view.webContents.id === id);
+                browserView.webContents.on('did-finish-load', () => {
+                    resolve();
+                });
+            });
+            await promise;
+            return true;
+        }, webContentsId);
+        await asyncSleep(500);
+        robot.keyTap('r', ['control', 'shift']);
+        const result = await check;
+        result.should.be.true;
+    });
+});