mattermost-desktop/e2e/specs/downloads/downloads_dropdown_items.test.js
aaron 057377207a
Some checks failed
release / begin-notification (push) Has been cancelled
release / build-linux (push) Has been cancelled
release / build-msi-installer (push) Has been cancelled
release / build-mac-installer (push) Has been cancelled
release / upload-to-s3 (push) Has been cancelled
release / github-release (push) Has been cancelled
release / end-notification (push) Has been cancelled
first commit bois
2024-10-03 06:35:14 -07:00

194 lines
8.6 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__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__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__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);
});
});
});