mirror of
https://github.com/discourse/discourse.git
synced 2026-08-14 13:58:53 +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.
22 lines
813 B
Text
Vendored
22 lines
813 B
Text
Vendored
import { click, render } from "@ember/test-helpers";
|
|
import { module, test } from "qunit";
|
|
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
|
|
import ChatComposerDropdown from "discourse/plugins/chat/discourse/components/chat-composer-dropdown";
|
|
|
|
module("Component | ChatComposerDropdown", function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test("buttons", async function (assert) {
|
|
this.set("buttons", [{ id: "foo", icon: "xmark", action: () => {} }]);
|
|
|
|
await render(
|
|
<template><ChatComposerDropdown @buttons={{this.buttons}} /></template>
|
|
);
|
|
await click(".chat-composer-dropdown__trigger-btn");
|
|
|
|
assert.dom(".chat-composer-dropdown__item.foo").exists();
|
|
assert
|
|
.dom(".chat-composer-dropdown__action-btn.foo .d-icon-xmark")
|
|
.exists();
|
|
});
|
|
});
|
