mirror of
https://github.com/discourse/discourse.git
synced 2026-08-12 04:31:29 +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.
35 lines
1 KiB
Text
Vendored
35 lines
1 KiB
Text
Vendored
import { trustHTML } from "@ember/template";
|
|
import { click, render } from "@ember/test-helpers";
|
|
import { module, test } from "qunit";
|
|
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
|
|
import Collapser from "discourse/plugins/chat/discourse/components/collapser";
|
|
|
|
module("Component | Collapser", function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test("renders header", async function (assert) {
|
|
this.set("header", trustHTML(`<div class="cat">tomtom</div>`));
|
|
|
|
await render(<template><Collapser @header={{this.header}} /></template>);
|
|
|
|
assert.dom(".cat").exists();
|
|
});
|
|
|
|
test("collapses and expands yielded body", async function (assert) {
|
|
await render(
|
|
<template>
|
|
<Collapser>
|
|
<div class="cat">body text</div>
|
|
</Collapser>
|
|
</template>
|
|
);
|
|
|
|
assert.dom(".cat").isVisible();
|
|
|
|
await click(".chat-message-collapser-opened");
|
|
assert.dom(".cat").isNotVisible();
|
|
|
|
await click(".chat-message-collapser-closed");
|
|
assert.dom(".cat").isVisible();
|
|
});
|
|
});
|
