88089df7c0
Safari does not follow ES5 / ECMAScript 2015 date parsing rules. Per spec a date that has day + time but does not have an explicit time zone (e.g. "2019-01-01T00:00") should be parsed in local time. But Safari treats that one as UTC.
250 lines
9 KiB
JavaScript
250 lines
9 KiB
JavaScript
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');
|
|
})
|
|
});
|