discourse/plugins/poll/test/javascripts/acceptance/poll-breakdown-test.js

113 lines
3.0 KiB
JavaScript

import { click, visit } from "@ember/test-helpers";
import { test } from "qunit";
import { acceptance } from "discourse/tests/helpers/qunit-helpers";
acceptance("Poll breakdown", function (needs) {
needs.user();
needs.settings({
poll_enabled: true,
poll_groupable_user_fields: "something",
});
needs.pretender((server, helper) => {
server.get("/polls/grouped_poll_results.json", () =>
helper.response({
grouped_results: [
{
group: "Engineering",
options: [
{
digest: "687a1ccf3c6a260f9aeeb7f68a1d463c",
html: "This Is",
votes: 1,
},
{
digest: "9377906763a1221d31d656ea0c4a4495",
html: "A test for sure",
votes: 1,
},
{
digest: "ecf47c65a85a0bb20029072b1b721977",
html: "Why not give it some more",
votes: 1,
},
],
},
{
group: "Marketing",
options: [
{
digest: "687a1ccf3c6a260f9aeeb7f68a1d463c",
html: "This Is",
votes: 1,
},
{
digest: "9377906763a1221d31d656ea0c4a4495",
html: "A test for sure",
votes: 1,
},
{
digest: "ecf47c65a85a0bb20029072b1b721977",
html: "Why not give it some more",
votes: 1,
},
],
},
],
})
);
});
test("Displaying the poll breakdown modal", async function (assert) {
await visit("/t/-/topic_with_pie_chart_poll");
await click(".widget-dropdown-header");
assert
.dom("button.show-breakdown")
.exists(
"shows the breakdown button when poll_groupable_user_fields is non-empty"
);
await click("button.show-breakdown");
assert.dom(".poll-breakdown-total-votes").exists("displays the vote count");
assert
.dom(".poll-breakdown-chart-container")
.exists(
{ count: 2 },
"renders a chart for each of the groups in group_results response"
);
assert.notStrictEqual(
document.querySelector(".poll-breakdown-chart-container > canvas")
.$chartjs,
undefined
);
});
test("Changing the display mode from percentage to count", async function (assert) {
await visit("/t/-/topic_with_pie_chart_poll");
await click(".widget-dropdown-header");
await click("button.show-breakdown");
assert
.dom(".poll-breakdown-option-count")
.hasText("40.0%", "displays the correct vote percentage");
await click(".modal-tabs .count");
assert
.dom(".poll-breakdown-option-count")
.hasText("2", "displays the correct vote count");
await click(".modal-tabs .percentage");
assert
.dom(".poll-breakdown-option-count")
.hasText("40.0%", "displays the percentage again");
});
});