import { click, currentURL, currentRouteName, visit } from '@ember/test-helpers';
import { module, test } from 'qunit';
import { setupApplicationTest } from 'ember-qunit';
import { setupMirage } from 'ember-cli-mirage/test-support';
import switchTab from 'croodle/tests/helpers/switch-tab';
import pageParticipation from 'croodle/tests/pages/poll/participation';
import pageEvaluation from 'croodle/tests/pages/poll/evaluation';
import moment from 'moment';
import { triggerCopySuccess } from 'ember-cli-clipboard/test-support';

module('Acceptance | view poll', function(hooks) {
  hooks.beforeEach(function() {
    window.localStorage.setItem('locale', 'en');
  });

  setupApplicationTest(hooks);
  setupMirage(hooks);

  test('poll url', async function(assert) {
    let encryptionKey = 'abcdefghijklmnopqrstuvwxyz012345789';
    let poll = this.server.create('poll', { encryptionKey });
    let pollUrl = `/poll/${poll.id}?encryptionKey=${encryptionKey}`;

    await visit(pollUrl);
    assert.equal(
      pageParticipation.url,
      window.location.href,
      'share link is shown'
    );

    await triggerCopySuccess();
    /*
     * Can't test if link is actually copied to clipboard due to api
     * restrictions. Due to security it's not allowed to read from clipboard.
     *
     * Can't test if flash message is shown due to
     * https://github.com/poteto/ember-cli-flash/issues/202
    */
  });

  test('shows a warning if poll is about to be expired', async function(assert) {
    let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';
    let poll = this.server.create('poll', {
      encryptionKey,
      expirationDate: moment().add(1, 'week')
    });

    await visit(`/poll/${poll.id}?encryptionKey=${encryptionKey}`);
    assert.ok(
      pageParticipation.showsExpirationWarning
    );
  });

  test('view a poll with dates', async function(assert) {
    let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';
    let poll = this.server.create('poll', {
      encryptionKey,
      options: [
        { title: '2015-12-12' },
        { title: '2016-01-01' }
      ]
    });

    await visit(`/poll/${poll.id}?encryptionKey=${encryptionKey}`);
    assert.deepEqual(
      pageParticipation.options().labels,
      [
        'Saturday, December 12, 2015',
        'Friday, January 1, 2016'
      ]
    );
  });

  test('view a poll with dates and times', async function(assert) {
    let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';
    let timezone = moment.tz.guess();
    let poll = this.server.create('poll', {
      encryptionKey,
      expirationDate: moment().add(1, 'year'),
      isDateTime: true,
      options: [
        // need to parse the date with moment cause Safari's Date.parse()
        // implementation treats a data-time string without explicit
        // time zone as UTC rather than local time
        { title: moment('2015-12-12T11:11:00').toISOString() },
        { title: moment('2015-12-12T13:13:00').toISOString() },
        { title: moment('2016-01-01T11:11:00').toISOString() }
      ],
      timezone
    });

    await visit(`/poll/${poll.id}?encryptionKey=${encryptionKey}`);
    assert.deepEqual(
      pageParticipation.options().labels,
      [
        // full date
        'Saturday, December 12, 2015 11:11 AM',
        // only time cause day is repeated
        '1:13 PM',
        // full date cause day changed
        'Friday, January 1, 2016 11:11 AM',
      ]
    );
    assert.notOk(
      pageParticipation.showsExpirationWarning,
      'does not show an expiration warning if poll will not expire in next weeks'
    );
  });

  test('view a poll while timezone differs from the one poll got created in and choose local timezone', async function(assert) {
    let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';
    let timezoneUser = moment.tz.guess();
    let timezonePoll = timezoneUser !== 'America/Caracas' ? 'America/Caracas' : 'Europe/Moscow';
    let poll = this.server.create('poll', {
      encryptionKey,
      isDateTime: true,
      options: [
        { title: '2015-12-12T11:11:00.000Z' },
        { title: '2016-01-01T11:11:00.000Z' }
      ],
      timezone: timezonePoll,
      users: [
        this.server.create('user', {
          encryptionKey,
          selections: [
            {
              type: 'yes',
              labelTranslation: 'answerTypes.yes.label',
              icon: 'glyphicon glyphicon-thumbs-up',
              label: 'Yes'
            },
            {
              type: 'no',
              labelTranslation: 'answerTypes.no.label',
              icon: 'glyphicon glyphicon-thumbs-down',
              label: 'No'
            }
          ]
        })
      ]
    });

    await visit(`/poll/${poll.id}?encryptionKey=${encryptionKey}`);
    assert.dom('[data-test-modal="choose-timezone"]')
      .exists('user is asked which timezone should be used');

    await click('[data-test-modal="choose-timezone"] [data-test-button="use-local-timezone"]');
    assert.deepEqual(
      pageParticipation.options().labels,
      [
        moment.tz('2015-12-12T11:11:00.000Z', timezoneUser).locale('en').format('LLLL'),
        moment.tz('2016-01-01T11:11:00.000Z', timezoneUser).locale('en').format('LLLL')
      ]
    );
    assert.dom('[data-test-modal="choose-timezone"]').doesNotExist('modal is closed');

    await switchTab('evaluation');
    assert.deepEqual(
      pageEvaluation.preferedOptions,
      [moment.tz('2015-12-12T11:11:00.000Z', timezoneUser).locale('en').format('LLLL')]
    );
  });

  test('view a poll while timezone differs from the one poll got created in and choose poll timezone', async function(assert) {
    let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';
    let timezoneUser = moment.tz.guess();
    let timezonePoll = timezoneUser !== 'America/Caracas' ? 'America/Caracas' : 'Europe/Moscow';
    let poll = this.server.create('poll', {
      encryptionKey,
      isDateTime: true,
      options: [
        { title: '2015-12-12T11:11:00.000Z' },
        { title: '2016-01-01T11:11:00.000Z' }
      ],
      timezone: timezonePoll,
      users: [
        this.server.create('user', {
          encryptionKey,
          selections: [
            {
              type: 'yes',
              labelTranslation: 'answerTypes.yes.label',
              icon: 'glyphicon glyphicon-thumbs-up',
              label: 'Yes'
            },
            {
              type: 'no',
              labelTranslation: 'answerTypes.no.label',
              icon: 'glyphicon glyphicon-thumbs-down',
              label: 'No'
            }
          ]
        })
      ]
    });

    await visit(`/poll/${poll.id}?encryptionKey=${encryptionKey}`);
    assert.dom('[data-test-modal="choose-timezone"]')
      .exists('user is asked which timezone should be used');

    await click('[data-test-modal="choose-timezone"] [data-test-button="use-poll-timezone"]');
    assert.deepEqual(
      pageParticipation.options().labels,
      [
        moment.tz('2015-12-12T11:11:00.000Z', timezonePoll).locale('en').format('LLLL'),
        moment.tz('2016-01-01T11:11:00.000Z', timezonePoll).locale('en').format('LLLL')
      ]
    );
    assert.dom('[data-test-modal="choose-timezone"]').doesNotExist('modal is closed');

    await switchTab('evaluation');
    assert.deepEqual(
      pageEvaluation.preferedOptions,
      [moment.tz('2015-12-12T11:11:00.000Z', timezonePoll).locale('en').format('LLLL')]
    );
  });

  test('shows error page if poll does not exist', async function(assert) {
    let pollId = 'not-existing';
    let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';

    await visit(`/poll/${pollId}?encryptionKey=${encryptionKey}`);
    assert.equal(currentURL(), `/poll/${pollId}?encryptionKey=${encryptionKey}`, 'shows URL entered by user');
    assert.equal(currentRouteName(), 'poll_error', 'shows error substate of poll route');
    assert.dom('[data-test-error-type]').hasAttribute('data-test-error-type', 'not-found');
  });

  test('shows error page if encryption key is wrong', async function(assert) {
    let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';
    let poll = this.server.create('poll', { encryptionKey: 'anotherkey' });

    await visit(`/poll/${poll.id}?encryptionKey=${encryptionKey}`);
    assert.equal(currentURL(), `/poll/${poll.id}?encryptionKey=${encryptionKey}`, 'shows URL entered by user');
    assert.equal(currentRouteName(), 'poll_error', 'shows error substate of poll route');
    assert.dom('[data-test-error-type]').hasAttribute('data-test-error-type', 'decryption-failed');
  });

  test('shows error page if server returns a 500', async function(assert) {
    let pollId = 'not-existing';
    let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';

    // mock server returning 500 error
    this.server.get('polls/:id', () => {}, 500);

    await visit(`/poll/${pollId}?encryptionKey=${encryptionKey}`);
    assert.equal(currentURL(), `/poll/${pollId}?encryptionKey=${encryptionKey}`, 'shows URL entered by user');
    assert.equal(currentRouteName(), 'poll_error', 'shows error substate of poll route');
    assert.dom('[data-test-error-type]').hasAttribute('data-test-error-type', 'unexpected');
  })
});