discourse/plugins/poll/test/javascripts/acceptance/polls-bar-chart-test-desktop.js.es6
Jarek Radosz a17d54d0bf
DEV: De-arrowify tests (#11068)
Using arrow functions changes `this` context, which is undesired in tests, e.g. it makes it impossible to setup things like pretender (`this.server`) in `beforeEach` hooks.

Ember guides always use classic functions in examples (e.g. https://guides.emberjs.com/release/testing/test-types/), and that's what it uses in its own test suite, as do various addons and ember apps.

It was also already used in Discourse where `this` was required. Moving forward, it will be needed in more places as we migrate toward ember-cli.

(I might later add a custom rule to eslint-discourse-ember to enforce this)
2020-10-30 17:37:32 +01:00

114 lines
2.9 KiB
JavaScript

import { acceptance } from "discourse/tests/helpers/qunit-helpers";
import { clearPopupMenuOptionsCallback } from "discourse/controllers/composer";
import { queryAll } from "discourse/tests/helpers/qunit-helpers";
acceptance("Rendering polls with bar charts - desktop", function (needs) {
needs.user();
needs.settings({ poll_enabled: true });
needs.hooks.beforeEach(() => {
clearPopupMenuOptionsCallback();
});
needs.pretender((server, helper) => {
server.get("/polls/voters.json", (request) => {
let body = {};
if (
request.queryParams.option_id === "68b434ff88aeae7054e42cd05a4d9056"
) {
body = {
voters: {
"68b434ff88aeae7054e42cd05a4d9056": [
{
id: 777,
username: "bruce777",
avatar_template: "/images/avatar.png",
name: "Bruce Wayne",
},
],
},
};
} else {
body = {
voters: Array.from(new Array(5), (_, i) => ({
id: 600 + i,
username: `bruce${600 + i}`,
avatar_template: "/images/avatar.png",
name: "Bruce Wayne",
})),
};
}
return helper.response(body);
});
});
test("Polls", async function (assert) {
await visit("/t/-/15");
const polls = queryAll(".poll");
assert.equal(polls.length, 2, "it should render the polls correctly");
assert.equal(
queryAll(".info-number", polls[0]).text(),
"2",
"it should display the right number of votes"
);
assert.equal(
queryAll(".info-number", polls[1]).text(),
"3",
"it should display the right number of votes"
);
});
test("Public poll", async function (assert) {
await visit("/t/-/14");
const polls = queryAll(".poll");
assert.equal(polls.length, 1, "it should render the poll correctly");
await click("button.toggle-results");
assert.equal(
queryAll(".poll-voters:first li").length,
25,
"it should display the right number of voters"
);
await click(".poll-voters-toggle-expand:first a");
assert.equal(
queryAll(".poll-voters:first li").length,
26,
"it should display the right number of voters"
);
});
test("Public number poll", async function (assert) {
await visit("/t/-/13");
const polls = queryAll(".poll");
assert.equal(polls.length, 1, "it should render the poll correctly");
await click("button.toggle-results");
assert.equal(
queryAll(".poll-voters:first li").length,
25,
"it should display the right number of voters"
);
assert.notOk(
queryAll(".poll-voters:first li:first a").attr("href"),
"user URL does not exist"
);
await click(".poll-voters-toggle-expand:first a");
assert.equal(
queryAll(".poll-voters:first li").length,
30,
"it should display the right number of voters"
);
});
});