discourse/plugins/discourse-ai/test/javascripts/integration/components/ai-indicator-wave-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

18 lines
799 B
Text
Vendored

import { render } from "@ember/test-helpers";
import { module, test } from "qunit";
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import AiIndicatorWave from "discourse/plugins/discourse-ai/discourse/components/ai-indicator-wave";
module("Integration | Component | AiIndicatorWave", function (hooks) {
setupRenderingTest(hooks);
test("it renders an indicator wave", async function (assert) {
await render(<template><AiIndicatorWave @loading={{true}} /></template>);
assert.dom(".ai-indicator-wave").exists();
});
test("it does not render the indicator wave when loading is false", async function (assert) {
await render(<template><AiIndicatorWave @loading={{false}} /></template>);
assert.dom(".ai-indicator-wave").doesNotExist();
});
});