0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-14 13:58:53 +08:00
discourse/plugins/chat/test/javascripts/components/chat-user-display-name-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

62 lines
1.9 KiB
Text
Vendored

import { render } from "@ember/test-helpers";
import { module, test } from "qunit";
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import ChatUserDisplayName from "discourse/plugins/chat/discourse/components/chat-user-display-name";
module(
"Component | ChatUserDisplayName | prioritize username in UX",
function (hooks) {
setupRenderingTest(hooks);
test("username and no name", async function (assert) {
this.siteSettings.prioritize_username_in_ux = true;
this.set("user", { username: "bob", name: null });
await render(
<template><ChatUserDisplayName @user={{this.user}} /></template>
);
assert.dom(".chat-user-display-name").hasText("bob");
});
test("username and name", async function (assert) {
this.siteSettings.prioritize_username_in_ux = true;
this.set("user", { username: "bob", name: "Bobcat" });
await render(
<template><ChatUserDisplayName @user={{this.user}} /></template>
);
assert.dom(".chat-user-display-name").hasText("bob Bobcat");
});
}
);
module(
"Component | ChatUserDisplayName | prioritize name in UX",
function (hooks) {
setupRenderingTest(hooks);
test("no name", async function (assert) {
this.siteSettings.prioritize_username_in_ux = false;
this.set("user", { username: "bob", name: null });
await render(
<template><ChatUserDisplayName @user={{this.user}} /></template>
);
assert.dom(".chat-user-display-name").hasText("bob");
});
test("name and username", async function (assert) {
this.siteSettings.prioritize_username_in_ux = false;
this.set("user", { username: "bob", name: "Bobcat" });
await render(
<template><ChatUserDisplayName @user={{this.user}} /></template>
);
assert.dom(".chat-user-display-name").hasText("Bobcat bob");
});
}
);