mirror of
https://github.com/discourse/discourse.git
synced 2024-12-16 11:30:12 +08:00
189bebb2e4
* Use QUnit `module` instead of `discourseModule` * Use QUnit `test` instead of `componentTest` * Use angle-bracket syntax * Remove jQuery usage * Improve assertions (and actually fix some of them)
87 lines
2.5 KiB
JavaScript
87 lines
2.5 KiB
JavaScript
import { module, test } from "qunit";
|
|
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
|
|
import { render } from "@ember/test-helpers";
|
|
import EmberObject from "@ember/object";
|
|
import { queryAll } from "discourse/tests/helpers/qunit-helpers";
|
|
import hbs from "htmlbars-inline-precompile";
|
|
|
|
module(
|
|
"Integration | Component | Widget | discourse-poll-standard-results",
|
|
function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
const template = hbs`
|
|
<MountWidget
|
|
@widget="discourse-poll-standard-results"
|
|
@args={{hash poll=this.poll isMultiple=this.isMultiple}}
|
|
/>
|
|
`;
|
|
|
|
test("options in descending order", async function (assert) {
|
|
this.set(
|
|
"poll",
|
|
EmberObject.create({
|
|
options: [{ votes: 5 }, { votes: 4 }],
|
|
voters: 9,
|
|
})
|
|
);
|
|
|
|
await render(template);
|
|
|
|
assert.strictEqual(queryAll(".option .percentage")[0].innerText, "56%");
|
|
assert.strictEqual(queryAll(".option .percentage")[1].innerText, "44%");
|
|
});
|
|
|
|
test("options in ascending order", async function (assert) {
|
|
this.set(
|
|
"poll",
|
|
EmberObject.create({
|
|
options: [{ votes: 4 }, { votes: 5 }],
|
|
voters: 9,
|
|
})
|
|
);
|
|
|
|
await render(template);
|
|
|
|
assert.strictEqual(queryAll(".option .percentage")[0].innerText, "56%");
|
|
assert.strictEqual(queryAll(".option .percentage")[1].innerText, "44%");
|
|
});
|
|
|
|
test("multiple options in descending order", async function (assert) {
|
|
this.set("isMultiple", true);
|
|
this.set(
|
|
"poll",
|
|
EmberObject.create({
|
|
type: "multiple",
|
|
options: [
|
|
{ votes: 5, html: "a" },
|
|
{ votes: 2, html: "b" },
|
|
{ votes: 4, html: "c" },
|
|
{ votes: 1, html: "b" },
|
|
{ votes: 1, html: "a" },
|
|
],
|
|
voters: 12,
|
|
})
|
|
);
|
|
|
|
await render(template);
|
|
|
|
let percentages = queryAll(".option .percentage");
|
|
assert.strictEqual(percentages[0].innerText, "41%");
|
|
assert.strictEqual(percentages[1].innerText, "33%");
|
|
assert.strictEqual(percentages[2].innerText, "16%");
|
|
assert.strictEqual(percentages[3].innerText, "8%");
|
|
|
|
assert.strictEqual(
|
|
queryAll(".option")[3].querySelectorAll("span")[1].innerText,
|
|
"a"
|
|
);
|
|
assert.strictEqual(percentages[4].innerText, "8%");
|
|
assert.strictEqual(
|
|
queryAll(".option")[4].querySelectorAll("span")[1].innerText,
|
|
"b"
|
|
);
|
|
});
|
|
}
|
|
);
|