131b5fa2ac
* WIP: show/hide temp downloads dropdown * WIP: Position downloads dropdown correctly under the button * WIP: Use correct width for dropdown so that right radius and shadows are displayed * WIP: Add items to download list after finished downloading * WIP: Add download item base components * Add "clear all" functionality * Use type Record<> for downloads saved in config * Add styling to files in the downloads dropdown * Open file in folder when clicking it from downloads dropdown. Center svg in parent element * Update scrollbar styling * Update scrollbar styling * Update state of downloaded items if deleted from folder * Add progress bar in downloads * Use "x-uncompressed-content-length" in file downloads. * Keep downloads open when clicking outside their browserview * Use correct color for downloads dropdown button * Add better styling to downloads dropdown button * Allow only 50 download files maximum. Oldest file is being removed if reached * Autoclose downloads dropdown after 4s of download finish * Add file thumbnails * Dont show second dialog if first dismissed * Add red badge when downloads running and dropdown closed * Add menu item for Downloads * Add support for more code file extensions * Open downloads dropdown instead of folder from the menu * Run lint:js and fix problems * Add tests for utils * Fix issue with dropdown not displaying * Remove unecessary comment * Move downloads to separate json file, outside Config * Add downloads dropdown menu for the 3-dot button * Dont show dev tools for downloads * Add cancel download functionality * Add dark mode styling * Use View state for downloadsMenu open state * Fix some style issues * Add image preview for downloaded images * Remove extra devTool in weback config * Fix issue with paths on windows * Align items left in downloads menu * Use pretty-bytes for file sizes * Show download remaining time * Close downloads dropdown when clicking outside * Show different units in received bytes when they are different from the total units (kb/mb) * Dont hide downloads when mattermost view is clicked * Keep downloads open if download button is clicked * Use closest() to check for download clicks * Fix unit tests. Add tests for new Views and downloadManager Add @types/jest as devDependency for intellisense * Remove unecessary tsconfig for jest * Fix types error * Add all critical tests for downloadsManager * WIP: add e2e tests for downloads * WIP: add e2e tests for downloads * Rename downloads spec file * WIP: make vscode debugger work for e2e tests * Remove unused mock * Remove defaults for v4 config * Use electron-mocha for e2e debugger * Fix e2e tests spawning JsonFileManager twice * Add async fs functions and add tests for download item UI * Add async fs functions and add tests for download item UI * Improve tests with "waitForSelector" to wait for visible elements * Wait for page load before assertions * Add tests for file uploads/downloads * Dont show native notification for completed downloads if dropdown is open * Increment filenames if file already exists * Fix antializing in downloads dropdown * Fix styling of downloads header * Increase dimensions of green/red icons in downloads * Fix styling of 3-dot button * Fix unit tests * Show 3-dot button only on hover or click * PR review fixes * Revert vscode debug fixes * Mock fs.constants * Mock fs instead of JsonFileManager in downlaods tests * Mock fs instead of JsonFileManager in downlaods tests * Add necessary mocks for downloads manager * Mark file as deleted if user deleted it * Fix min-height of downloads dropdown and 3-dot icon position * Add more tests * Make size of downloads dropdown dynamic based on content * Combine log statements * Close 3-dot menu if user clicks elsewhere * Move application updates inside downloads dropdown * Fix update issues * Fix ipc event payload * Add missing prop * Remove unused translations * Fix failing test * Fix version unknown * Remove commented out component
322 lines
10 KiB
JavaScript
322 lines
10 KiB
JavaScript
// Copyright (c) 2015-2016 Yuya Ochiai
|
|
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
'use strict';
|
|
|
|
const fs = require('fs');
|
|
|
|
const path = require('path');
|
|
|
|
const ps = require('ps-node');
|
|
|
|
const {_electron: electron} = require('playwright');
|
|
const chai = require('chai');
|
|
const {ipcRenderer} = require('electron');
|
|
|
|
const {SHOW_SETTINGS_WINDOW} = require('../../src/common/communication');
|
|
|
|
const {asyncSleep, mkDirAsync, rmDirAsync, unlinkAsync} = require('./utils');
|
|
chai.should();
|
|
|
|
const sourceRootDir = path.join(__dirname, '../..');
|
|
const electronBinaryPath = (() => {
|
|
if (process.platform === 'darwin') {
|
|
return path.join(sourceRootDir, 'node_modules/electron/dist/Electron.app/Contents/MacOS/Electron');
|
|
}
|
|
const exeExtension = (process.platform === 'win32') ? '.exe' : '';
|
|
return path.join(sourceRootDir, 'node_modules/electron/dist/electron' + exeExtension);
|
|
})();
|
|
const userDataDir = path.join(sourceRootDir, 'e2e/testUserData/');
|
|
const configFilePath = path.join(userDataDir, 'config.json');
|
|
const downloadsFilePath = path.join(userDataDir, 'downloads.json');
|
|
const downloadsLocation = path.join(userDataDir, 'Downloads');
|
|
const boundsInfoPath = path.join(userDataDir, 'bounds-info.json');
|
|
const appUpdatePath = path.join(userDataDir, 'app-update.yml');
|
|
const exampleURL = 'http://example.com/';
|
|
const mattermostURL = process.env.MM_TEST_SERVER_URL || 'http://localhost:8065/';
|
|
|
|
if (process.platform === 'win32') {
|
|
const robot = require('robotjs');
|
|
robot.mouseClick();
|
|
}
|
|
|
|
const exampleTeam = {
|
|
name: 'example',
|
|
url: exampleURL,
|
|
order: 0,
|
|
tabs: [
|
|
{
|
|
name: 'TAB_MESSAGING',
|
|
order: 0,
|
|
isOpen: true,
|
|
},
|
|
{
|
|
name: 'TAB_FOCALBOARD',
|
|
order: 1,
|
|
},
|
|
{
|
|
name: 'TAB_PLAYBOOKS',
|
|
order: 2,
|
|
},
|
|
],
|
|
lastActiveTab: 0,
|
|
};
|
|
const githubTeam = {
|
|
name: 'github',
|
|
url: 'https://github.com/',
|
|
order: 1,
|
|
tabs: [
|
|
{
|
|
name: 'TAB_MESSAGING',
|
|
order: 0,
|
|
isOpen: true,
|
|
},
|
|
{
|
|
name: 'TAB_FOCALBOARD',
|
|
order: 1,
|
|
isOpen: true,
|
|
},
|
|
{
|
|
name: 'TAB_PLAYBOOKS',
|
|
order: 2,
|
|
isOpen: true,
|
|
},
|
|
],
|
|
lastActiveTab: 0,
|
|
};
|
|
|
|
const demoConfig = {
|
|
version: 3,
|
|
teams: [exampleTeam, githubTeam],
|
|
showTrayIcon: false,
|
|
trayIconTheme: 'light',
|
|
minimizeToTray: false,
|
|
notifications: {
|
|
flashWindow: 0,
|
|
bounceIcon: false,
|
|
bounceIconType: 'informational',
|
|
},
|
|
showUnreadBadge: true,
|
|
useSpellChecker: true,
|
|
enableHardwareAcceleration: true,
|
|
autostart: true,
|
|
hideOnStart: false,
|
|
spellCheckerLocales: [],
|
|
darkMode: false,
|
|
lastActiveTeam: 0,
|
|
startInFullscreen: false,
|
|
autoCheckForUpdates: false,
|
|
appLanguage: 'en',
|
|
logLevel: 'silly',
|
|
};
|
|
|
|
const demoMattermostConfig = {
|
|
...demoConfig,
|
|
teams: [{
|
|
...exampleTeam,
|
|
url: mattermostURL,
|
|
}, githubTeam],
|
|
};
|
|
|
|
const cmdOrCtrl = process.platform === 'darwin' ? 'command' : 'control';
|
|
|
|
module.exports = {
|
|
sourceRootDir,
|
|
configFilePath,
|
|
downloadsFilePath,
|
|
downloadsLocation,
|
|
userDataDir,
|
|
boundsInfoPath,
|
|
appUpdatePath,
|
|
exampleURL,
|
|
mattermostURL,
|
|
demoConfig,
|
|
demoMattermostConfig,
|
|
cmdOrCtrl,
|
|
|
|
async clearElectronInstances() {
|
|
return new Promise((resolve, reject) => {
|
|
ps.lookup({
|
|
command: process.platform === 'darwin' ? 'Electron' : 'electron',
|
|
}, (err, resultList) => {
|
|
if (err) {
|
|
reject(err);
|
|
}
|
|
resultList.forEach((process) => {
|
|
if (process && process.command === electronBinaryPath && !process.arguments.some((arg) => arg.includes('electron-mocha'))) {
|
|
ps.kill(process.pid);
|
|
}
|
|
});
|
|
resolve();
|
|
});
|
|
});
|
|
},
|
|
|
|
cleanTestConfig() {
|
|
[configFilePath, downloadsFilePath, boundsInfoPath].forEach((file) => {
|
|
try {
|
|
fs.unlinkSync(file);
|
|
} catch (err) {
|
|
if (err.code !== 'ENOENT') {
|
|
// eslint-disable-next-line no-console
|
|
console.error(err);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
async cleanTestConfigAsync() {
|
|
await Promise.all(
|
|
[configFilePath, downloadsFilePath, boundsInfoPath].map((file) => {
|
|
return unlinkAsync(file);
|
|
}),
|
|
);
|
|
},
|
|
|
|
cleanDataDir() {
|
|
try {
|
|
fs.rmdirSync(userDataDir, {recursive: true});
|
|
} catch (err) {
|
|
if (err.code !== 'ENOENT') {
|
|
// eslint-disable-next-line no-console
|
|
console.error(err);
|
|
}
|
|
}
|
|
},
|
|
cleanDataDirAsync() {
|
|
return rmDirAsync(userDataDir);
|
|
},
|
|
|
|
createTestUserDataDir() {
|
|
if (!fs.existsSync(userDataDir)) {
|
|
fs.mkdirSync(userDataDir);
|
|
}
|
|
},
|
|
async createTestUserDataDirAsync() {
|
|
await mkDirAsync(userDataDir);
|
|
},
|
|
|
|
async getApp(args = []) {
|
|
const options = {
|
|
downloadsPath: downloadsLocation,
|
|
env: {
|
|
...process.env,
|
|
RESOURCES_PATH: userDataDir,
|
|
},
|
|
executablePath: electronBinaryPath,
|
|
args: [`${path.join(sourceRootDir, 'dist')}`, `--user-data-dir=${userDataDir}`, '--disable-dev-mode', ...args],
|
|
};
|
|
|
|
// if (process.env.MM_DEBUG_SETTINGS) {
|
|
// options.chromeDriverLogPath = './chromedriverlog.txt';
|
|
// }
|
|
// if (process.platform === 'darwin' || process.platform === 'linux') {
|
|
// // on a mac, debugging port might conflict with other apps
|
|
// // this changes the default debugging port so chromedriver can run without issues.
|
|
// options.chromeDriverArgs.push('remote-debugging-port=9222');
|
|
//}
|
|
return electron.launch(options).then(async (app) => {
|
|
// Make sure the app has time to fully load and that the window is focused
|
|
await asyncSleep(1000);
|
|
const mainWindow = app.windows().find((window) => window.url().includes('index'));
|
|
const browserWindow = await app.browserWindow(mainWindow);
|
|
await browserWindow.evaluate((win) => {
|
|
win.show();
|
|
return true;
|
|
});
|
|
return app;
|
|
});
|
|
},
|
|
|
|
async getServerMap(app) {
|
|
const map = {};
|
|
await Promise.all(app.windows().map(async (win) => {
|
|
return win.evaluate(async () => {
|
|
if (!window.testHelper) {
|
|
return null;
|
|
}
|
|
const name = await window.testHelper.getViewName();
|
|
const webContentsId = await window.testHelper.getWebContentsId();
|
|
return {viewName: name, webContentsId};
|
|
}).then((result) => {
|
|
if (result) {
|
|
map[result.viewName] = {win, webContentsId: result.webContentsId};
|
|
}
|
|
});
|
|
}));
|
|
return map;
|
|
},
|
|
|
|
async loginToMattermost(window) {
|
|
await window.waitForSelector('#input_loginId');
|
|
await window.waitForSelector('#input_password-input');
|
|
await window.waitForSelector('#saveSetting');
|
|
|
|
// Do this twice because sometimes the app likes to load the login screen, then go to Loading... again
|
|
await asyncSleep(1000);
|
|
await window.waitForSelector('#input_loginId');
|
|
await window.waitForSelector('#input_password-input');
|
|
await window.waitForSelector('#saveSetting');
|
|
|
|
await window.type('#input_loginId', 'user-1');
|
|
await window.type('#input_password-input', 'SampleUs@r-1');
|
|
await window.click('#saveSetting');
|
|
},
|
|
|
|
async openDownloadsDropdown(app) {
|
|
const mainWindow = app.windows().find((window) => window.url().includes('index'));
|
|
await mainWindow.waitForLoadState();
|
|
await mainWindow.bringToFront();
|
|
|
|
const dlButtonLocator = await mainWindow.waitForSelector('.DownloadsDropdownButton');
|
|
await dlButtonLocator.click();
|
|
await asyncSleep(500);
|
|
|
|
const downloadsWindow = app.windows().find((window) => window.url().includes('downloadsDropdown'));
|
|
await downloadsWindow.waitForLoadState();
|
|
await downloadsWindow.bringToFront();
|
|
return downloadsWindow;
|
|
},
|
|
|
|
async downloadsDropdownIsOpen(app) {
|
|
const downloadsWindow = app.windows().find((window) => window.url().includes('downloadsDropdown'));
|
|
const result = await downloadsWindow.isVisible('.DownloadsDropdown');
|
|
return result;
|
|
},
|
|
|
|
addClientCommands(client) {
|
|
client.addCommand('loadSettingsPage', function async() {
|
|
ipcRenderer.send(SHOW_SETTINGS_WINDOW);
|
|
});
|
|
client.addCommand('isNodeEnabled', function async() {
|
|
return this.execute(() => {
|
|
try {
|
|
if (require('child_process')) {
|
|
return true;
|
|
}
|
|
return false;
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
}).then((requireResult) => {
|
|
return requireResult.value;
|
|
});
|
|
});
|
|
client.addCommand('waitForAppOptionsAutoSaved', function async() {
|
|
const ID_APP_OPTIONS_SAVE_INDICATOR = '#appOptionsSaveIndicator';
|
|
const TIMEOUT = 5000;
|
|
return this.
|
|
waitForVisible(ID_APP_OPTIONS_SAVE_INDICATOR, TIMEOUT).
|
|
waitForVisible(ID_APP_OPTIONS_SAVE_INDICATOR, TIMEOUT, true);
|
|
});
|
|
},
|
|
|
|
// execute the test only when `condition` is true
|
|
shouldTest(it, condition) {
|
|
// eslint-disable-next-line no-only-tests/no-only-tests
|
|
return condition ? it : it.skip;
|
|
},
|
|
isOneOf(platforms) {
|
|
return (platforms.indexOf(process.platform) !== -1);
|
|
},
|
|
};
|