discourse/plugins/poll/test/javascripts/component/poll-results-ranked-choice-test.js
2024-11-10 02:06:03 +01:00

75 lines
2.1 KiB
JavaScript

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 { 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
.dom("table.poll-results-ranked-choice tr")
.exists({ count: 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"
);
});
test("Renders the ranked choice results component without error when outcome data is empty", async function (assert) {
this.rankedChoiceOutcome = null;
await render(
hbs`<PollResultsRankedChoice @rankedChoiceOutcome={{this.rankedChoiceOutcome}} />`
);
assert
.dom("table.poll-results-ranked-choice tr")
.exists(
{ count: 1 },
"there are no rounds of ranked choice displayed, only the header"
);
});
});