mirror of
https://github.com/discourse/discourse.git
synced 2026-08-07 13:19:19 +08:00
79d1c792ebCurrently, most of the JS test modules follow this
convention:
```
module("Integration | Component | topic-dismiss-buttons"
```
Which is a legacy from when ember components etc were
rendered in templates like this:
```
{{d-button title="foo"}}
```
Instead, this commit updates all of them to follow this
PascalCase convention:
```
module("Integration | Component | TopicDismissButtons", function (hooks) {
```
No linting is added to enforce this, we suspect that it's
mostly a result of cargo culting, and people will add new
tests following PascalCase convention.
Also adds an initial AI skill for writing JS tests.
32 lines
1 KiB
Text
Vendored
32 lines
1 KiB
Text
Vendored
import { render } from "@ember/test-helpers";
|
|
import { module, test } from "qunit";
|
|
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
|
|
import PollResultsPie from "discourse/plugins/poll/discourse/components/poll-results-pie";
|
|
|
|
const OPTIONS = [
|
|
{ id: "1ddc47be0d2315b9711ee8526ca9d83f", html: "This", votes: 3, rank: 0 },
|
|
{ id: "70e743697dac09483d7b824eaadb91e1", html: "That", votes: 1, rank: 0 },
|
|
{ id: "6c986ebcde3d5822a6e91a695c388094", html: "Other", votes: 2, rank: 0 },
|
|
];
|
|
|
|
const ID = "23";
|
|
|
|
module("Component | PollResultsPie", function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test("Renders the pie chart Component correctly", async function (assert) {
|
|
this.setProperties({
|
|
id: ID,
|
|
options: OPTIONS,
|
|
});
|
|
|
|
await render(
|
|
<template>
|
|
<PollResultsPie @id={{this.id}} @options={{this.options}} />
|
|
</template>
|
|
);
|
|
|
|
assert.dom("li.legend").exists({ count: 3 });
|
|
assert.dom("canvas.poll-results-canvas").exists({ count: 1 });
|
|
});
|
|
});
|
