import {Response} from 'miragejs';
import {authenticateSession} from 'ember-simple-auth/test-support';
import {click, currentURL, find, findAll} from '@ember/test-helpers';
import {expect} from 'chai';
import {fileUpload} from '../../helpers/file-upload';
import {setupApplicationTest} from 'ember-mocha';
import {setupMirage} from 'ember-cli-mirage/test-support';
import {visit} from '../../helpers/visit';

describe('Acceptance: Members import', function () {
    let hooks = setupApplicationTest();
    setupMirage(hooks);

    beforeEach(async function () {
        this.server.loadFixtures('configs');

        let role = this.server.create('role', {name: 'Owner'});
        this.server.create('user', {roles: [role]});

        return await authenticateSession();
    });

    it('can open and close import modal', async function () {
        await visit('/members');
        await click('[data-test-button="members-actions"]');
        await click('[data-test-link="import-csv"]');

        expect(find('[data-test-modal="import-members"]'), 'members import modal').to.exist;
        expect(currentURL()).to.equal('/members/import');

        await click('[data-test-button="close-import-members"]');

        expect(find('[data-test-modal="import-members"]'), 'members import modal').to.not.exist;
        expect(currentURL()).to.equal('/members');
    });

    it('has working happy path for small import with no mapper changes and Stripe not connected', async function () {
        await visit('/members/import');

        const csv = `email,name,note,subscribed_to_emails,labels,created_at
testemail@example.com,Test Email,This is a test template for importing your members list to Ghost,true,"vip,promotion",2019-10-30T14:52:08.000Z
`;

        await fileUpload(
            '[data-test-fileinput="members-csv"]',
            [csv],
            {name: 'members.csv', type: 'text/csv'}
        );

        expect(find('[data-test-csv-file-mapping]'), 'csv file mapper').to.exist;
        expect(find('[data-test-members-import-table]'), 'csv file mapper').to.exist;
        expect(findAll('[data-test-members-import-mapper]').length, '# of mapper rows').to.equal(6);
        expect(find('[data-test-button="perform-import"]')).to.contain.text(' 1 ');

        await click('[data-test-button="perform-import"]');

        expect(find('[data-test-modal="import-members"]')).to.contain.text('Import complete');

        await click('[data-test-button="close-import-members"]');

        expect(find('[data-test-modal="import-members"]')).to.not.exist;
    });

    it('can assign labels in import mapper', async function () {
        const label1 = this.server.create('label');

        await visit('/members/import');

        const csv = `email,name,note,subscribed_to_emails,labels,created_at
testemail@example.com,Test Email,This is a test template for importing your members list to Ghost,true,"vip,promotion",2019-10-30T14:52:08.000Z
`;

        await fileUpload(
            '[data-test-fileinput="members-csv"]',
            [csv],
            {name: 'members.csv', type: 'text/csv'}
        );

        const labelInput = '[data-test-csv-file-mapping] .gh-member-label-input';
        expect(find(labelInput), 'label input').to.exist;

        const dropdownContentId = find(`${labelInput} .ember-basic-dropdown-trigger`).getAttribute('aria-owns');
        await click(`${labelInput} .ember-basic-dropdown-trigger`);

        expect(findAll(`#${dropdownContentId} li.ember-power-select-option`).length, '# of label options').to.equal(1);

        // label input doesn't allow editing from the import modal
        expect(findAll(`#${dropdownContentId} [data-test-edit-label]`).length, '# of label edit buttons').to.equal(0);

        await click(find(`#${dropdownContentId} li.ember-power-select-option`));

        expect(findAll(`${labelInput} .ember-power-select-multiple-options li`).length, '# of selected labels').to.equal(1);
        expect(find(`${labelInput} .ember-power-select-multiple-options li`)).to.contain.text(label1.name);

        let apiLabels = null;

        this.server.post('/members/upload/', function ({labels}, request) {
            const label = labels.create();

            apiLabels = request.requestBody.get('labels');

            return new Response(201, {}, {
                meta: {
                    import_label: label,
                    stats: {imported: 1, invalid: []}
                }
            });
        });

        await click('[data-test-button="perform-import"]');

        expect(apiLabels).to.equal(label1.name);
    });
});