/* jshint expr:true */
import {
    describe,
    it,
    beforeEach,
    afterEach
} from 'mocha';
import { expect } from 'chai';
import startApp from '../helpers/start-app';
import destroyApp from '../helpers/destroy-app';
import { invalidateSession, authenticateSession } from 'ghost-admin/tests/helpers/ember-simple-auth';

describe('Acceptance: Subscribers', function() {
    let application;

    beforeEach(function() {
        application = startApp();
    });

    afterEach(function() {
        destroyApp(application);
    });

    it('redirects to signin when not authenticated', function () {
        invalidateSession(application);
        visit('/subscribers');

        andThen(function () {
            expect(currentURL()).to.equal('/signin');
        });
    });

    it('redirects editors to posts', function () {
        let role = server.create('role', {name: 'Editor'});
        let user = server.create('user', {roles: [role]});

        authenticateSession(application);
        visit('/subscribers');

        andThen(function () {
            expect(currentURL()).to.equal('/');
            expect(find('.gh-nav-main a:contains("Subscribers")').length, 'sidebar link is visible')
                .to.equal(0);
        });
    });

    it('redirects authors to posts', function () {
        let role = server.create('role', {name: 'Author'});
        let user = server.create('user', {roles: [role]});

        authenticateSession(application);
        visit('/subscribers');

        andThen(function () {
            expect(currentURL()).to.equal('/');
            expect(find('.gh-nav-main a:contains("Subscribers")').length, 'sidebar link is visible')
                .to.equal(0);
        });
    });

    describe('an admin', function () {
        beforeEach(function () {
            let role = server.create('role', {name: 'Administrator'});
            let user = server.create('user', {roles: [role]});

            server.loadFixtures();

            return authenticateSession(application);
        });

        it('can manage subscribers', function () {
            server.createList('subscriber', 40);

            authenticateSession(application);
            visit('/');
            click('.gh-nav-main a:contains("Subscribers")');

            andThen(function() {
                // it navigates to the correct page
                expect(currentPath()).to.equal('subscribers.index');

                // it has correct page title
                expect(document.title, 'page title')
                    .to.equal('Subscribers - Test Blog');

                // it loads the first page
                expect(find('.subscribers-table .lt-body .lt-row').length, 'number of subscriber rows')
                    .to.equal(30);

                // it shows the total number of subscribers
                expect(find('#total-subscribers').text().trim(), 'displayed subscribers total')
                    .to.equal('40');

                // it defaults to sorting by created_at desc
                let [lastRequest] = server.pretender.handledRequests.slice(-1);
                expect(lastRequest.queryParams.order).to.equal('created_at desc');

                let createdAtHeader = find('.subscribers-table th:contains("Subscription Date")');
                expect(createdAtHeader.hasClass('is-sorted'), 'createdAt column is sorted')
                    .to.be.true;
                expect(createdAtHeader.find('.icon-descending').length, 'createdAt column has descending icon')
                    .to.equal(1);
            });

            // click the column to re-order
            click('th:contains("Subscription Date")');

            andThen(function () {
                // it flips the directions and re-fetches
                let [lastRequest] = server.pretender.handledRequests.slice(-1);
                expect(lastRequest.queryParams.order).to.equal('created_at asc');

                let createdAtHeader = find('.subscribers-table th:contains("Subscription Date")');
                expect(createdAtHeader.find('.icon-ascending').length, 'createdAt column has ascending icon')
                    .to.equal(1);

                // scroll to the bottom of the table to simulate infinite scroll
                find('.subscribers-table').scrollTop(find('.subscribers-table .ember-light-table').height());
            });

            // trigger infinite scroll
            triggerEvent('.subscribers-table', 'scroll');

            andThen(function () {
                // it loads the next page
                expect(find('.subscribers-table .lt-body .lt-row').length, 'number of subscriber rows after infinite-scroll')
                    .to.equal(40);
            });

            // click the add subscriber button
            click('.btn:contains("Add Subscriber")');

            andThen(function () {
                // it displays the add subscriber modal
                expect(find('.fullscreen-modal').length, 'add subscriber modal displayed')
                    .to.equal(1);
            });

            // cancel the modal
            click('.fullscreen-modal .btn:contains("Cancel")');

            andThen(function () {
                // it closes the add subscriber modal
                expect(find('.fullscreen-modal').length, 'add subscriber modal displayed after cancel')
                    .to.equal(0);
            });

            // save a new subscriber
            click('.btn:contains("Add Subscriber")');
            fillIn('.fullscreen-modal input[name="email"]', 'test@example.com');
            click('.fullscreen-modal .btn:contains("Add")');

            andThen(function () {
                // the add subscriber modal is closed
                expect(find('.fullscreen-modal').length, 'add subscriber modal displayed after save')
                    .to.equal(0);

                // the subscriber is added to the table
                expect(find('.subscribers-table .lt-body .lt-row:first-of-type .lt-cell:first-of-type').text().trim(), 'first email in list after addition')
                    .to.equal('test@example.com');

                // the table is scrolled to the top
                // TODO: implement scroll to new record after addition
                // expect(find('.subscribers-table').scrollTop(), 'scroll position after addition')
                //     .to.equal(0);

                // the subscriber total is updated
                expect(find('#total-subscribers').text().trim(), 'subscribers total after addition')
                    .to.equal('41');
            });

            // saving a duplicate subscriber
            click('.btn:contains("Add Subscriber")');
            fillIn('.fullscreen-modal input[name="email"]', 'test@example.com');
            click('.fullscreen-modal .btn:contains("Add")');

            andThen(function () {
                // the validation error is displayed
                expect(find('.fullscreen-modal .error .response').text().trim(), 'duplicate email validation')
                    .to.equal('Email already exists.');

                // the subscriber is not added to the table
                expect(find('.lt-cell:contains(test@example.com)').length, 'number of "test@example.com rows"')
                    .to.equal(1);

                // the subscriber total is unchanged
                expect(find('#total-subscribers').text().trim(), 'subscribers total after failed add')
                    .to.equal('41');
            });

            // deleting a subscriber
            click('.fullscreen-modal .btn:contains("Cancel")');
            click('.subscribers-table tbody tr:first-of-type button:last-of-type');

            andThen(function () {
                // it displays the delete subscriber modal
                expect(find('.fullscreen-modal').length, 'delete subscriber modal displayed')
                    .to.equal(1);
            });

            // cancel the modal
            click('.fullscreen-modal .btn:contains("Cancel")');

            andThen(function () {
                // return pauseTest();
                // it closes the add subscriber modal
                expect(find('.fullscreen-modal').length, 'delete subscriber modal displayed after cancel')
                    .to.equal(0);
            });

            click('.subscribers-table tbody tr:first-of-type button:last-of-type');
            click('.fullscreen-modal .btn:contains("Delete")');

            andThen(function () {
                // the add subscriber modal is closed
                expect(find('.fullscreen-modal').length, 'delete subscriber modal displayed after confirm')
                    .to.equal(0);

                // the subscriber is removed from the table
                expect(find('.subscribers-table .lt-body .lt-row:first-of-type .lt-cell:first-of-type').text().trim(), 'first email in list after addition')
                    .to.not.equal('test@example.com');

                // the subscriber total is updated
                expect(find('#total-subscribers').text().trim(), 'subscribers total after addition')
                    .to.equal('40');
            });

            // click the import subscribers button
            click('.btn:contains("Import CSV")');

            andThen(function () {
                // it displays the import subscribers modal
                expect(find('.fullscreen-modal').length, 'import subscribers modal displayed')
                    .to.equal(1);
                expect(find('.fullscreen-modal input[type="file"]').length, 'import modal contains file input')
                    .to.equal(1);
            });

            // cancel the modal
            click('.fullscreen-modal .btn:contains("Cancel")');

            andThen(function () {
                // it closes the import subscribers modal
                expect(find('.fullscreen-modal').length, 'import subscribers modal displayed after cancel')
                    .to.equal(0);
            });

            click('.btn:contains("Import CSV")');
            fileUpload('.fullscreen-modal input[type="file"]', ['test'], {name: 'test.csv'});

            andThen(function () {
                // modal title changes
                expect(find('.fullscreen-modal h1').text().trim(), 'import modal title after import')
                    .to.equal('Import Successful');

                // modal button changes
                expect(find('.fullscreen-modal .modal-footer button').text().trim(), 'import modal button text after import')
                    .to.equal('Close');

                // subscriber total is updated
                expect(find('#total-subscribers').text().trim(), 'subscribers total after import')
                    .to.equal('90');

                // table is reset
                let [lastRequest] = server.pretender.handledRequests.slice(-1);
                expect(lastRequest.url, 'endpoint requested after import')
                    .to.match(/\/subscribers\/\?/);
                expect(lastRequest.queryParams.page, 'page requested after import')
                    .to.equal('1');

                expect(find('.subscribers-table .lt-body .lt-row').length, 'number of rows in table after import')
                    .to.equal(30);
            });

            // close modal
        });
    });
});