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
194 lines
8.7 KiB
JavaScript
194 lines
8.7 KiB
JavaScript
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
'use strict';
|
|
|
|
const path = require('path');
|
|
|
|
const env = require('../../modules/environment');
|
|
const {asyncSleep, mkDirAsync, rmDirAsync, writeFileAsync} = require('../../modules/utils');
|
|
|
|
const config = env.demoConfig;
|
|
|
|
const file1 = {
|
|
addedAt: Date.UTC(2022, 8, 8, 10), // Aug 08, 2022 10:00AM UTC
|
|
filename: 'file1.txt',
|
|
mimeType: 'plain/text',
|
|
location: path.join(env.downloadsLocation, 'file1.txt'),
|
|
progress: 100,
|
|
receivedBytes: 3917388,
|
|
state: 'completed',
|
|
totalBytes: 3917388,
|
|
type: 'file',
|
|
};
|
|
const file2 = {
|
|
addedAt: Date.UTC(2022, 8, 8, 11), // Aug 08, 2022 11:00AM UTC
|
|
filename: 'file2.txt',
|
|
mimeType: 'plain/text',
|
|
location: path.join(env.downloadsLocation, 'file2.txt'),
|
|
progress: 100,
|
|
receivedBytes: 7917388,
|
|
state: 'completed',
|
|
totalBytes: 7917388,
|
|
type: 'file',
|
|
};
|
|
|
|
describe('downloads/downloads_dropdown_items', function desc() {
|
|
this.timeout(30000);
|
|
|
|
describe('The list has one downloaded file', () => {
|
|
const downloads = {
|
|
[file1.filename]: file1,
|
|
};
|
|
|
|
beforeEach(async () => {
|
|
await env.createTestUserDataDirAsync();
|
|
await env.cleanTestConfigAsync();
|
|
await writeFileAsync(env.configFilePath, JSON.stringify(config));
|
|
await writeFileAsync(env.downloadsFilePath, JSON.stringify(downloads));
|
|
await mkDirAsync(env.downloadsLocation);
|
|
await writeFileAsync(path.join(env.downloadsLocation, 'file1.txt'), 'file1 content');
|
|
await asyncSleep(1000);
|
|
this.app = await env.getApp();
|
|
this.downloadsWindow = await env.openDownloadsDropdown(this.app);
|
|
});
|
|
|
|
afterEach(async () => {
|
|
await rmDirAsync(env.downloadsLocation);
|
|
await this.app?.close?.();
|
|
await env.clearElectronInstances();
|
|
});
|
|
|
|
it('MM-22239 should display the file correctly (downloaded)', async () => {
|
|
const filenameTextLocator = await this.downloadsWindow.waitForSelector('.DownloadsDropdown__File__Body__Details__Filename');
|
|
const filenameInnerText = await filenameTextLocator.innerText();
|
|
filenameInnerText.should.equal(downloads['file1.txt'].filename);
|
|
|
|
const fileStateLocator = await this.downloadsWindow.waitForSelector('.DownloadsDropdown__File__Body__Details__FileSizeAndStatus');
|
|
const fileStateInnerText = await fileStateLocator.innerText();
|
|
fileStateInnerText.should.equal('3.92 MB • Downloaded');
|
|
|
|
const fileThumbnailLocator = await this.downloadsWindow.waitForSelector('.DownloadsDropdown__File__Body__Thumbnail');
|
|
const thumbnailBackgroundImage = await fileThumbnailLocator.evaluate((node) => window.getComputedStyle(node).getPropertyValue('background-image'));
|
|
thumbnailBackgroundImage.should.include('text..svg');
|
|
});
|
|
});
|
|
|
|
describe('The list has one downloaded file but it is deleted from the folder', () => {
|
|
const downloads = {
|
|
[file1.filename]: file1,
|
|
};
|
|
|
|
beforeEach(async () => {
|
|
await env.createTestUserDataDirAsync();
|
|
await env.cleanTestConfigAsync();
|
|
await writeFileAsync(env.configFilePath, JSON.stringify(config));
|
|
await writeFileAsync(env.downloadsFilePath, JSON.stringify(downloads));
|
|
await mkDirAsync(env.downloadsLocation);
|
|
await asyncSleep(1000);
|
|
this.app = await env.getApp();
|
|
this.downloadsWindow = await env.openDownloadsDropdown(this.app);
|
|
});
|
|
|
|
afterEach(async () => {
|
|
await rmDirAsync(env.downloadsLocation);
|
|
await this.app?.close?.();
|
|
await env.clearElectronInstances();
|
|
});
|
|
|
|
it('MM-22239 should display the file correctly (deleted)', async () => {
|
|
const filenameTextLocator = await this.downloadsWindow.waitForSelector('.DownloadsDropdown__File__Body__Details__Filename');
|
|
const filenameInnerText = await filenameTextLocator.innerText();
|
|
filenameInnerText.should.equal(downloads['file1.txt'].filename);
|
|
|
|
const fileStateLocator = await this.downloadsWindow.waitForSelector('.DownloadsDropdown__File__Body__Details__FileSizeAndStatus');
|
|
const fileStateInnerText = await fileStateLocator.innerText();
|
|
fileStateInnerText.should.equal('3.92 MB • Deleted');
|
|
|
|
const fileThumbnailLocator = await this.downloadsWindow.waitForSelector('.DownloadsDropdown__File__Body__Thumbnail');
|
|
const thumbnailBackgroundImage = await fileThumbnailLocator.evaluate((node) => window.getComputedStyle(node).getPropertyValue('background-image'));
|
|
thumbnailBackgroundImage.should.include('text..svg');
|
|
});
|
|
});
|
|
|
|
describe('The list has one cancelled file', () => {
|
|
const downloads = {
|
|
[file1.filename]: {
|
|
...file1,
|
|
state: 'progressing',
|
|
progress: 50,
|
|
receivedBytes: 1958694,
|
|
totalBytes: 3917388,
|
|
},
|
|
};
|
|
|
|
beforeEach(async () => {
|
|
await env.createTestUserDataDirAsync();
|
|
await env.cleanTestConfigAsync();
|
|
await writeFileAsync(env.configFilePath, JSON.stringify(config));
|
|
await writeFileAsync(env.downloadsFilePath, JSON.stringify(downloads));
|
|
await mkDirAsync(env.downloadsLocation);
|
|
await writeFileAsync(path.join(env.downloadsLocation, 'file1.txt'), 'file1 content');
|
|
await asyncSleep(1000);
|
|
this.app = await env.getApp();
|
|
this.downloadsWindow = await env.openDownloadsDropdown(this.app);
|
|
});
|
|
|
|
afterEach(async () => {
|
|
await rmDirAsync(env.downloadsLocation);
|
|
await this.app?.close?.();
|
|
await env.clearElectronInstances();
|
|
});
|
|
|
|
it('MM-22239 should display the file correctly (cancelled)', async () => {
|
|
const filenameTextLocator = await this.downloadsWindow.waitForSelector('.DownloadsDropdown__File__Body__Details__Filename');
|
|
const filenameInnerText = await filenameTextLocator.innerText();
|
|
filenameInnerText.should.equal(downloads['file1.txt'].filename);
|
|
|
|
const fileStateLocator = await this.downloadsWindow.waitForSelector('.DownloadsDropdown__File__Body__Details__FileSizeAndStatus');
|
|
const fileStateInnerText = await fileStateLocator.innerText();
|
|
fileStateInnerText.should.equal('3.92 MB • Cancelled');
|
|
|
|
const fileThumbnailLocator = await this.downloadsWindow.waitForSelector('.DownloadsDropdown__File__Body__Thumbnail');
|
|
const thumbnailBackgroundImage = await fileThumbnailLocator.evaluate((node) => window.getComputedStyle(node).getPropertyValue('background-image'));
|
|
thumbnailBackgroundImage.should.include('text..svg');
|
|
});
|
|
});
|
|
|
|
describe('The list has two downloaded files', () => {
|
|
const downloads = {
|
|
'file1.txt': file1,
|
|
'file2.txt': file2,
|
|
};
|
|
|
|
beforeEach(async () => {
|
|
await env.createTestUserDataDirAsync();
|
|
await env.cleanTestConfigAsync();
|
|
await writeFileAsync(env.configFilePath, JSON.stringify(config));
|
|
await writeFileAsync(env.downloadsFilePath, JSON.stringify(downloads));
|
|
await mkDirAsync(env.downloadsLocation);
|
|
await writeFileAsync(path.join(env.downloadsLocation, 'file1.txt'), 'file1 content');
|
|
await writeFileAsync(path.join(env.downloadsLocation, 'file2.txt'), 'file2 content');
|
|
await asyncSleep(1000);
|
|
this.app = await env.getApp();
|
|
this.downloadsWindow = await env.openDownloadsDropdown(this.app);
|
|
});
|
|
|
|
afterEach(async () => {
|
|
await rmDirAsync(env.downloadsLocation);
|
|
await this.app?.close?.();
|
|
await env.clearElectronInstances();
|
|
});
|
|
|
|
it('MM-22239 should display the files in correct order', async () => {
|
|
const filenameTextLocators = this.downloadsWindow.locator('.DownloadsDropdown__File__Body__Details__Filename');
|
|
(await filenameTextLocators.count()).should.equal(2);
|
|
const firstItemLocator = filenameTextLocators.first();
|
|
const file1InnerText = await firstItemLocator.innerText();
|
|
file1InnerText.should.equal(downloads['file2.txt'].filename); // newest first
|
|
const secondItemLocator = filenameTextLocators.nth(1);
|
|
const file2InnerText = await secondItemLocator.innerText();
|
|
file2InnerText.should.equal(downloads['file1.txt'].filename);
|
|
});
|
|
});
|
|
});
|