mattermost-desktop/e2e/specs/downloads/downloads_dropdown_items.test.js

// 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);
        });
    });
});