mirror of
https://github.com/discourse/discourse.git
synced 2026-08-14 13:58:53 +08:00
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.
25 lines
916 B
Text
Vendored
25 lines
916 B
Text
Vendored
import { getOwner } from "@ember/owner";
|
|
import { render } from "@ember/test-helpers";
|
|
import { module, test } from "qunit";
|
|
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
|
|
import Header from "discourse/plugins/chat/discourse/components/chat/thread/header";
|
|
import ChatFabricators from "discourse/plugins/chat/discourse/lib/fabricators";
|
|
|
|
module("Component | ChatThreadHeader", function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test("it safely renders title", async function (assert) {
|
|
const title = "<style>body { background: red;}</style>";
|
|
this.thread = new ChatFabricators(getOwner(this)).thread({ title });
|
|
|
|
await render(
|
|
<template>
|
|
<Header @thread={{this.thread}} @channel={{this.thread.channel}} />
|
|
</template>
|
|
);
|
|
|
|
assert
|
|
.dom(".c-navbar__title")
|
|
.includesHtml("<style>body { background: red;}</style>");
|
|
});
|
|
});
|