discourse/plugins/discourse-gamification/test/javascripts/components/minimal-gamification-leaderboard-test.gjs
Martin Brennan 79d1c792eb
DEV: Update test module name conventions (#40389)
Currently, 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.
2026-05-29 15:19:55 +10:00

46 lines
1.4 KiB
Text
Vendored

import { render } from "@ember/test-helpers";
import { module, test } from "qunit";
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import pretender, { response } from "discourse/tests/helpers/create-pretender";
import MinimalGamificationLeaderboard from "../discourse/components/minimal-gamification-leaderboard";
module(
"Discourse Gamification | Component | MinimalGamificationLeaderboard",
function (hooks) {
setupRenderingTest(hooks);
test("regular leaderboard endpoint", async function (assert) {
pretender.get("/leaderboard", () =>
response({
leaderboard: "",
personal: "",
users: [{ id: 1, username: "foo" }],
})
);
await render(<template><MinimalGamificationLeaderboard /></template>);
assert.dom(".user__name").hasText("foo");
});
test("leaderboard by id and with custom user count", async function (assert) {
pretender.get("/leaderboard/3", ({ queryParams }) => {
assert.strictEqual(queryParams.user_limit, "5");
return response({
leaderboard: "",
personal: "",
users: [{ id: 1, username: "foo" }],
});
});
await render(
<template>
<MinimalGamificationLeaderboard @id="3" @count="5" />
</template>
);
assert.dom(".user__name").hasText("foo");
});
}
);