decide.nolog.cz/tests/acceptance/view-poll-test.js

import Ember from 'ember';
import { test } from 'qunit';
import moduleForAcceptance from 'croodle/tests/helpers/module-for-acceptance';
import pageParticipation from 'croodle/tests/pages/poll/participation';
import moment from 'moment';
/* jshint proto: true */
/* global jstz */

const { run } = Ember;

moduleForAcceptance('Acceptance | view poll', {
  beforeEach() {
    window.localStorage.setItem('locale', 'en');
    moment.locale('en');
  }
});

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

  visit(pollUrl);
  andThen(function() {
    assert.equal(
      find('.poll-link .link a').text(),
      window.location.href,
      'share link is shown'
    );

    find('.poll-link .copy-btn').click();
    /*
     * 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('view a poll with dates', function(assert) {
  let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';
  let poll = server.create('poll', {
    encryptionKey,
    options: [
      { title: '2015-12-12' },
      { title: '2016-01-01' }
    ]
  });

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

test('view a poll with dates and times', function(assert) {
  let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';
  let timezone = jstz.determine().name();
  let poll = server.create('poll', {
    encryptionKey,
    isDateTime: true,
    options: [
      { title: '2015-12-12T11:11:00.000Z' },
      { title: '2015-12-12T13:13:00.000Z' },
      { title: '2016-01-01T11:11:00.000Z' }
    ],
    timezone
  });

  visit(`/poll/${poll.id}?encryptionKey=${encryptionKey}`).then(function() {
    assert.deepEqual(
      pageParticipation.options().labels,
      [
        // full date
        moment.tz('2015-12-12T11:11:00.000Z', timezone).locale('en').format('LLLL'),
        // only time cause day is repeated
        moment.tz('2015-12-12T13:13:00.000Z', timezone).locale('en').format('LT'),
        // full date cause day changed
        moment.tz('2016-01-01T11:11:00.000Z', timezone).locale('en').format('LLLL')
      ]
    );
  });
});

test('view a poll while timezone differs from the one poll got created in and choose local timezone', function(assert) {
  let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';
  let timezoneUser = jstz.determine().name();
  let timezonePoll = timezoneUser !== 'America/Caracas' ? 'America/Caracas' : 'Europe/Moscow';
  let poll = server.create('poll', {
    encryptionKey,
    isDateTime: true,
    options: [
      { title: '2015-12-12T11:11:00.000Z' },
      { title: '2016-01-01T11:11:00.000Z' }
    ],
    timezone: timezonePoll
  });

  visit(`/poll/${poll.id}?encryptionKey=${encryptionKey}`).then(function() {
    run.next(() => {
      assert.ok(
        find('#modal-choose-timezone-modal').is(':visible'),
        'user gets asked which timezone should be used'
      );

      click('#modal-choose-timezone-modal button.use-local-timezone');

      andThen(() => {
        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')
          ]
        );

        run.next(() => {
          assert.notOk(
            find('#modal-choose-timezone-modal').is(':visible'),
            'modal is closed'
          );
        });
      });
    });
  });
});

test('view a poll while timezone differs from the one poll got created in and choose poll timezone', function(assert) {
  let encryptionKey = 'abcdefghijklmnopqrstuvwxyz0123456789';
  let timezoneUser = jstz.determine().name();
  let timezonePoll = timezoneUser !== 'America/Caracas' ? 'America/Caracas' : 'Europe/Moscow';
  let poll = server.create('poll', {
    encryptionKey,
    isDateTime: true,
    options: [
      { title: '2015-12-12T11:11:00.000Z' },
      { title: '2016-01-01T11:11:00.000Z' }
    ],
    timezone: timezonePoll
  });

  visit(`/poll/${poll.id}?encryptionKey=${encryptionKey}`).then(function() {

    run.next(function() {
      assert.ok(
        find('#modal-choose-timezone-modal').is(':visible'),
        'user gets asked which timezone should be used'
      );

      click('#modal-choose-timezone-modal button.use-poll-timezone');

      andThen(function() {
        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')
          ]
        );

        run.next(function() {
          assert.notOk(
            find('#modal-choose-timezone-modal').is(':visible'),
            'modal is closed'
          );
        });
      });
    });
  });
});