describeMixin('mail_view/ui/attachment_list', function () {
    'use strict';

    describe('initialization', function () {
        beforeEach(function () {
            this.setupComponent('<div id="attachment-list">' +
                '<ul id="attachment-list-item"></ul>' +
                '<ul id="attachment-upload-item"><li><a>Uploading...</a><div id="attachment-upload-item-progress" class="progress"><div class="progress-bar progress-bar-success"></div></div></li></ul>' +
                '</div>');
        });

        it('should add attachment to the list based on uploadedAttachment event', function () {
            var stubAttachment = {ident: 'faked'};
            $(document).trigger(Pixelated.events.mail.appendAttachment, stubAttachment);
            expect(this.component.attr.attachments).toEqual([stubAttachment]);

            var anotherStubAttachment = {ident: 'faked 2'};
            $(document).trigger(Pixelated.events.mail.appendAttachment, anotherStubAttachment);
            expect(this.component.attr.attachments).toEqual([stubAttachment, anotherStubAttachment]);
        });

        it('should trigger add attachment event', function () {
            var triggerUploadAttachment = spyOnEvent(document, Pixelated.events.mail.appendAttachment);
            var stubAttachment = {ident: 'faked'};

            $(document).trigger(Pixelated.events.mail.uploadedAttachment, stubAttachment);

            expect(triggerUploadAttachment).toHaveBeenTriggeredOnAndWith(document, stubAttachment);
        });

        it('should render attachment list view based on uploadedAttachment event', function () {
            var stubAttachment = {ident: 'faked', name: 'haha.txt', size: 4500, encoding: 'base64'};

            $(document).trigger(Pixelated.events.mail.uploadedAttachment, stubAttachment);

            expect(this.component.select('attachmentListItem').html()).toContain('href="/attachment/faked');
            expect(this.component.select('attachmentListItem').html()).toContain('filename=haha.txt');
            expect(this.component.select('attachmentListItem').html()).toContain('encoding=base64');
            expect(this.component.select('attachmentListItem').html()).toContain('haha.txt');
            expect(this.component.select('attachmentListItem').html()).toContain('(4.39 Kb');
        });

        describe('Upload', function() {

            describe('Progress Bar', function () {
                it('should show progress bar', function() {
                    this.component.showUploadProgressBar();

                    expect(this.component.select('attachmentUploadItem').html()).toContain('Uploading...');
                    expect(this.component.select('attachmentUploadItem').css('display')).toEqual('block');
                });

                it('should hide progress bar', function() {
                    this.component.hideUploadProgressBar();

                    expect(this.component.select('attachmentUploadItem').css('display')).toEqual('none');
                });
            });

            describe('Error', function() {
                it('should show error message', function () {
                    this.component.showUploadError();

                    expect(this.component.select('uploadError').html()).toContain('Upload failed. This file exceeds the 1MB limit.');
                });

                it('should dismiss upload failed message when clicking close icon', function () {
                    this.component.showUploadError();

                    this.component.select('closeIcon').click();

                    expect(this.component.select('uploadError').html()).toBe(undefined);
                });

                it('should dismiss upload failed message when clicking dismiss button', function () {
                    this.component.showUploadError();

                    this.component.select('dismissButton').click();

                    expect(this.component.select('uploadError').html()).toBe(undefined);
                });

                it('should start file upload when clicking Choose another file button', function () {
                    this.component.showUploadError();
                    var triggerUploadAttachment = spyOnEvent(document, Pixelated.events.mail.startUploadAttachment);

                    this.component.select('uploadFileButton').click();

                    expect(triggerUploadAttachment).toHaveBeenTriggeredOn(document);
                });
            });

            describe('File size check', function (){
                var ONE_MEGABYTE = 1024*1024;
                var largeAttachment = {originalFiles: [{size: ONE_MEGABYTE+1}]};

                it('should reject files larger than 1MB', function () {
                    var uploadAccepted = this.component.performPreUploadCheck(null, largeAttachment);
                    expect(uploadAccepted).toBe(false);
                });

                it('should accept files less or equal 1MB', function () {
                    var smallAttachment = {originalFiles: [{size: ONE_MEGABYTE}]};
                    var uploadAccepted = this.component.performPreUploadCheck(null, smallAttachment);

                    expect(uploadAccepted).toBe(true);
                });
            });
        });
    });
});