discourse/plugins/poll/test/javascripts/component/poll-info-test.gjs

import { render } from "@ember/test-helpers";
import { module, test } from "qunit";
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import { i18n } from "discourse-i18n";
import PollInfo from "discourse/plugins/poll/discourse/components/poll-info";

const OPTIONS = [
  { id: "1ddc47be0d2315b9711ee8526ca9d83f", html: "This", votes: 2, rank: 0 },
  { id: "70e743697dac09483d7b824eaadb91e1", html: "That", votes: 3, rank: 0 },
  { id: "6c986ebcde3d5822a6e91a695c388094", html: "Other", votes: 5, rank: 0 },
];

module("Component | PollInfo", function (hooks) {
  setupRenderingTest(hooks);

  test("public multiple poll with results anytime", async function (assert) {
    this.setProperties({
      isMultiple: true,
      min: 1,
      max: 2,
      options: OPTIONS,
      close: null,
      closed: false,
      results: [],
      showResults: false,
      postUserId: 59,
      isPublic: true,
      hasVoted: true,
      voters: [],
    });

    await render(
      <template>
        <PollInfo
          @options={{this.options}}
          @min={{this.min}}
          @max={{this.max}}
          @isMultiple={{this.isMultiple}}
          @close={{this.close}}
          @closed={{this.closed}}
          @results={{this.results}}
          @showResults={{this.showResults}}
          @postUserId={{this.postUserId}}
          @isPublic={{this.isPublic}}
          @hasVoted={{this.hasVoted}}
          @voters={{this.voters}}
        />
      </template>
    );

    assert.dom(".poll-info_instructions li.multiple-help-text").hasText(
      i18n("poll.multiple.help.up_to_max_options", {
        count: this.max,
      }).replace(/<\/?[^>]+(>|$)/g, ""),
      "displays the multiple help text"
    );

    assert
      .dom(".poll-info_instructions li.is-public")
      .hasText(
        i18n("poll.public.title").replace(/<\/?[^>]+(>|$)/g, ""),
        "displays the public label"
      );
  });

  test("public multiple poll with results only shown on vote", async function (assert) {
    this.setProperties({
      isMultiple: true,
      min: 1,
      max: 2,
      options: OPTIONS,
      close: null,
      closed: false,
      results: "on_vote",
      showResults: false,
      postUserId: 59,
      isPublic: true,
      hasVoted: false,
      voters: [],
    });

    await render(
      <template>
        <PollInfo
          @options={{this.options}}
          @min={{this.min}}
          @max={{this.max}}
          @isMultiple={{this.isMultiple}}
          @close={{this.close}}
          @closed={{this.closed}}
          @results={{this.results}}
          @showResults={{this.showResults}}
          @postUserId={{this.postUserId}}
          @isPublic={{this.isPublic}}
          @hasVoted={{this.hasVoted}}
          @voters={{this.voters}}
        />
      </template>
    );

    assert.dom(".poll-info_instructions li.multiple-help-text").hasText(
      i18n("poll.multiple.help.up_to_max_options", {
        count: this.max,
      }).replace(/<\/?[^>]+(>|$)/g, ""),
      "displays the multiple help text"
    );

    assert
      .dom(".poll-info_instructions li.results-on-vote span")
      .hasText(
        i18n("poll.results.vote.title").replace(/<\/?[^>]+(>|$)/g, ""),
        "displays the results on vote label"
      );

    assert
      .dom(".poll-info_instructions li.is-public")
      .hasText(
        i18n("poll.public.title").replace(/<\/?[^>]+(>|$)/g, ""),
        "displays the public label"
      );
  });

  test("displays who closed the poll", async function (assert) {
    this.setProperties({
      options: OPTIONS,
      close: null,
      closed: true,
      closedBy: { username: "jane" },
      results: [],
      showResults: false,
      postUserId: 59,
      isPublic: false,
      hasVoted: false,
      voters: [],
    });

    await render(
      <template>
        <PollInfo
          @options={{this.options}}
          @close={{this.close}}
          @closed={{this.closed}}
          @closedBy={{this.closedBy}}
          @results={{this.results}}
          @showResults={{this.showResults}}
          @postUserId={{this.postUserId}}
          @isPublic={{this.isPublic}}
          @hasVoted={{this.hasVoted}}
          @voters={{this.voters}}
        />
      </template>
    );

    assert
      .dom(".poll-info_instructions li.poll-info_closed-by span")
      .hasText(i18n("poll.closed_by", { username: "jane" }));
  });
});