decide.nolog.cz/tests/acceptance/legacy-support-test.js

import { currentRouteName, find, findAll, visit } from '@ember/test-helpers';
import { module, test } from 'qunit';
import { setupApplicationTest } from 'ember-qunit';
import { setupMirage } from 'ember-cli-mirage/test-support';
import { setupIntl, t } from 'ember-intl/test-support';
import switchTab from 'croodle/tests/helpers/switch-tab';
import pollParticipate from 'croodle/tests/helpers/poll-participate';
import PollEvaluationPage from 'croodle/tests/pages/poll/evaluation';

module('Acceptance | legacy support', function (hooks) {
  let yesLabel;
  let maybeLabel;
  let noLabel;

  hooks.beforeEach(function () {
    window.localStorage.setItem('locale', 'en');
  });

  setupApplicationTest(hooks);
  setupIntl(hooks);
  setupMirage(hooks);

  hooks.beforeEach(function () {
    yesLabel = t('answerTypes.yes.label').toString();
    maybeLabel = t('answerTypes.maybe.label').toString();
    noLabel = t('answerTypes.no.label').toString();
  });

  test('show a default poll created with v0.3.0', async function (assert) {
    const encryptionKey = '5MKFuNTKILUXw6RuqkAw6ooZw4k3mWWx98ZQw8vH';

    let poll = this.server.create('poll', {
      encryptionKey,
      // property 'id' of answers has been renamed to 'type' in v0.4.0
      answers: [
        {
          id: 'yes',
          labelTranslation: 'answerTypes.yes.label',
          icon: 'glyphicon glyphicon-thumbs-up',
          label: 'Ja',
        },
        {
          id: 'maybe',
          labelTranslation: 'answerTypes.maybe.label',
          icon: 'glyphicon glyphicon-hand-right',
          label: 'Vielleicht',
        },
        {
          id: 'no',
          labelTranslation: 'answerTypes.no.label',
          icon: 'glyphicon glyphicon-thumbs-down',
          label: 'Nein',
        },
      ],
      options: [
        { title: new Date('2015-12-24T17:00').toISOString() },
        { title: new Date('2015-12-24T19:00').toISOString() },
        { title: new Date('2015-12-31T22:59').toISOString() },
      ],
      users: [
        this.server.create('user', {
          encryptionKey,
          name: 'Fritz Bauer',
          // selections.value was renamed to selections.label
          // selections.id was renamed to selections.type
          selections: [
            {
              value: {
                id: 'yes',
                labelTranslation: 'answerTypes.yes.label',
                icon: 'glyphicon glyphicon-thumbs-up',
                label: 'Ja',
              },
            },
            {
              value: {
                id: 'no',
                labelTranslation: 'answerTypes.no.label',
                icon: 'glyphicon glyphicon-thumbs-down',
                label: 'Nein',
              },
            },
            {
              value: {
                id: 'no',
                labelTranslation: 'answerTypes.no.label',
                icon: 'glyphicon glyphicon-thumbs-down',
                label: 'Nein',
              },
            },
          ],
          // version tag had have wrong format
          version: 'v0.3-0',
        }),
      ],
      // version tag had have wrong format
      version: 'v0.3-0',
    });

    await visit(`/poll/${poll.id}?encryptionKey=${encryptionKey}`);
    assert.equal(currentRouteName(), 'poll.participation');
    assert.deepEqual(
      findAll(
        `[data-test-form-element^="option"] label:not(.custom-control-label)`,
      ).map((el) => el.textContent.trim()),
      [
        Intl.DateTimeFormat('en-US', {
          dateStyle: 'full',
          timeStyle: 'short',
        }).format(new Date('2015-12-24T17:00')),
        Intl.DateTimeFormat('en-US', { timeStyle: 'short' }).format(
          new Date('2015-12-24T19:00'),
        ),
        Intl.DateTimeFormat('en-US', {
          dateStyle: 'full',
          timeStyle: 'short',
        }).format(new Date('2015-12-31T22:59')),
      ],
    );
    assert.deepEqual(
      Array.from(
        find('[data-test-form-element^="option"]').querySelectorAll(
          '.radio label',
        ),
      ).map((el) => el.textContent.trim()),
      [yesLabel, maybeLabel, noLabel],
    );

    await switchTab('evaluation');
    assert.equal(currentRouteName(), 'poll.evaluation');

    let participant = PollEvaluationPage.participants.filterBy(
      'name',
      'Fritz Bauer',
    )[0];
    assert.ok(participant, 'user exists in participants table');
    assert.deepEqual(
      participant.selections.map((_) => _.answer),
      [yesLabel, noLabel, noLabel],
      'participants table shows correct answers for new participant',
    );

    await switchTab('participation');
    assert.equal(currentRouteName(), 'poll.participation');

    await pollParticipate('Hermann Langbein', ['yes', 'maybe', 'yes']);
    assert.equal(currentRouteName(), 'poll.evaluation');

    participant = PollEvaluationPage.participants.filterBy(
      'name',
      'Hermann Langbein',
    )[0];
    assert.ok(participant, 'user exists in participants table');
    assert.deepEqual(
      participant.selections.map((_) => _.answer),
      [yesLabel, maybeLabel, yesLabel],
      'participants table shows correct answers for new participant',
    );
  });

  test('show a poll using free text created with v0.3.0', async function (assert) {
    let encryptionKey = 'Rre6dAGOYLW9gYKOP4LhX7Qwfhe5Th3je0uKDtyy';
    let poll = this.server.create('poll', {
      encryptionKey,
      answerType: 'FreeText',
      answers: [],
      options: [
        { title: 'apple pie' },
        { title: 'pecan pie' },
        { title: 'plum pie' },
      ],
      pollType: 'MakeAPoll',
      users: [
        this.server.create('user', {
          encryptionKey,
          name: 'Paul Levi',
          // selections.value was renamed to selections.label
          // selections.id was renamed to selections.type
          selections: [
            { value: 'would be great!' },
            { value: 'no way' },
            { value: 'if I had to' },
          ],
          // version tag had have wrong format
          version: 'v0.3-0',
        }),
      ],
      // version tag had have wrong format
      version: 'v0.3-0',
    });

    await visit(`/poll/${poll.id}?encryptionKey=${encryptionKey}`);
    assert.equal(currentRouteName(), 'poll.participation');
    assert.deepEqual(
      findAll(
        `[data-test-form-element^="option"] label:not(.custom-control-label)`,
      ).map((el) => el.textContent.trim()),
      ['apple pie', 'pecan pie', 'plum pie'],
    );

    await switchTab('evaluation');
    assert.equal(currentRouteName(), 'poll.evaluation');

    let participant = PollEvaluationPage.participants.filterBy(
      'name',
      'Paul Levi',
    )[0];
    assert.ok(participant, 'user exists in participants table');
    assert.deepEqual(
      participant.selections.map((_) => _.answer),
      ['would be great!', 'no way', 'if I had to'],
      'participants table shows correct answers for new participant',
    );

    await switchTab('participation');
    assert.equal(currentRouteName(), 'poll.participation');

    await pollParticipate('Hermann Langbein', [
      "I don't care",
      'would be awesome',
      "can't imagine anything better",
    ]);
    assert.equal(currentRouteName(), 'poll.evaluation');

    participant = PollEvaluationPage.participants.filterBy(
      'name',
      'Hermann Langbein',
    )[0];
    assert.ok(participant, 'user exists in participants table');
    assert.deepEqual(
      participant.selections.map((_) => _.answer),
      ["I don't care", 'would be awesome', "can't imagine anything better"],
      'participants table shows correct answers for new participant',
    );
  });
});