const downloadManager = require('../js/downloadManager/downloadManager');
const electron = require('./__mocks__/electron');
const $ = require('jquery');

describe('download manager', function() {

    describe('Download Manager to create DOM once download is initiated', function () {

        beforeEach(function () {
            global.document.body.innerHTML =
                '<div id="download-main">' +
                '</div>';
        });

        it('should inject download bar element into DOM once download is initiated', function() {

            electron.ipcRenderer.send('downloadCompleted', {_id: '12345', fileName: 'test', total: 100});

            expect(document.getElementsByClassName('text-cutoff')[0].innerHTML).toBe('test');
            expect(document.getElementById('per').innerHTML).toBe('100 Downloaded');

        });

        it('should inject multiple download items during multiple downloads', function() {

            electron.ipcRenderer.send('downloadCompleted', {_id: '12345', fileName: 'test', total: 100});
            electron.ipcRenderer.send('downloadCompleted', {_id: '67890', fileName: 'test1', total: 200});

            let fileNames = document.getElementsByClassName('text-cutoff');

            expect(fileNames[0].innerHTML).toBe('test1');
            expect(fileNames[1].innerHTML).toBe('test');
            expect(document.getElementById('per').innerHTML).toBe('100 Downloaded');

            let downloadElements = document.getElementsByClassName('download-element');

            expect(downloadElements[0].id).toBe('67890');
            expect(downloadElements[1].id).toBe('12345');

        });

    });

    describe('Download Manager to initiate footer', function () {

        beforeEach(function () {
            global.document.body.innerHTML =
                '<div id="download-manager-footer" class="hidden">' +
                    '<div id="download-main">' +
                    '</div>' +
                '</div>';
        });

        it('should inject dom element once download is completed', function() {

            electron.ipcRenderer.send('downloadProgress');

            expect(document.getElementById('download-manager-footer').classList).not.toContain('hidden');

        });

        it('should remove the download bar and clear up the download items', function() {

            electron.ipcRenderer.send('downloadProgress');

            console.log(document.getElementById('download-manager-footer').classList);
            expect(document.getElementById('download-manager-footer').classList).not.toContain('hidden');

            $('#close-download-bar').click();
            expect(document.getElementById('download-manager-footer').classList).toContain('hidden');

        });

    });

    describe('Download Manager to initiate footer', function () {

        beforeEach(function () {
            global.document.body.innerHTML =
                '<div id="download-manager-footer" class="hidden">' +
                '</div>';
        });

        it('should inject ul element if not found', function() {

            electron.ipcRenderer.send('downloadProgress');

            expect(document.getElementById('download-main')).not.toBeNull();
            expect(document.getElementById('download-manager-footer').classList).not.toContain('hidden');

        });

    });

});