import { render } from "@ember/test-helpers";
import hbs from "htmlbars-inline-precompile";
import { module, test } from "qunit";
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import { count, query } from "discourse/tests/helpers/qunit-helpers";
import I18n from "discourse-i18n";

const RANKED_CHOICE_OUTCOME = {
  tied: false,
  tied_candidates: null,
  winner: true,
  winning_candidate: {
    digest: "c8678f4ce846ad5415278ff7ecadf3a6",
    html: "Team Blue",
  },
  round_activity: [
    {
      round: 1,
      eliminated: [
        { digest: "8bbb100d504298ad65a2604e99d5ba82", html: "Team Yellow" },
      ],
      majority: null,
    },
    {
      round: 2,
      majority: [
        { digest: "c8678f4ce846ad5415278ff7ecadf3a6", html: "Team Blue" },
      ],
      eliminated: null,
    },
  ],
};

module("Poll | Component | poll-results-ranked-choice", function (hooks) {
  setupRenderingTest(hooks);

  test("Renders the ranked choice results component correctly", async function (assert) {
    this.setProperties({
      rankedChoiceOutcome: RANKED_CHOICE_OUTCOME,
    });

    await render(
      hbs`<PollResultsRankedChoice @rankedChoiceOutcome={{this.rankedChoiceOutcome}} />`
    );

    assert.strictEqual(
      count("table.poll-results-ranked-choice tr"),
      3,
      "there are two rounds of ranked choice"
    );

    assert.strictEqual(
      query("span.poll-results-ranked-choice-info").textContent.trim(),
      I18n.t("poll.ranked_choice.winner", {
        count: this.rankedChoiceOutcome.round_activity.length,
        winner: this.rankedChoiceOutcome.winning_candidate.html,
      }),
      "displays the winner information"
    );
  });
});