mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-05-28 03:34:27 +08:00
9322a46fa4
This was required in older versions of Ember. But now, bare template tags can access `this.`. This commit was created by upgrading lint-configs, and then running `pnpm lint:js:fix && pnpm lint:prettier:fix` Rule development: https://github.com/discourse/lint-configs/pull/154
94 lines
2.9 KiB
Text
Vendored
94 lines
2.9 KiB
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 ChatComposerMessageDetails from "discourse/plugins/chat/discourse/components/chat-composer-message-details";
|
||
import ChatFabricators from "discourse/plugins/chat/discourse/lib/fabricators";
|
||
|
||
module(
|
||
"Discourse Chat | Component | chat-composer-message-details",
|
||
function (hooks) {
|
||
setupRenderingTest(hooks);
|
||
|
||
test("data-id attribute", async function (assert) {
|
||
this.message = new ChatFabricators(getOwner(this)).message();
|
||
|
||
await render(
|
||
<template>
|
||
<ChatComposerMessageDetails @message={{this.message}} />
|
||
</template>
|
||
);
|
||
|
||
assert
|
||
.dom(".chat-composer-message-details")
|
||
.hasAttribute("data-id", this.message.id.toString());
|
||
});
|
||
|
||
test("editing a message has the pencil icon", async function (assert) {
|
||
this.message = new ChatFabricators(getOwner(this)).message({
|
||
editing: true,
|
||
});
|
||
|
||
await render(
|
||
<template>
|
||
<ChatComposerMessageDetails @message={{this.message}} />
|
||
</template>
|
||
);
|
||
|
||
assert.dom(".chat-composer-message-details .d-icon-pencil").exists();
|
||
});
|
||
|
||
test("replying to a message has the reply icon", async function (assert) {
|
||
const firstMessage = new ChatFabricators(getOwner(this)).message();
|
||
this.message = new ChatFabricators(getOwner(this)).message({
|
||
inReplyTo: firstMessage,
|
||
});
|
||
|
||
await render(
|
||
<template>
|
||
<ChatComposerMessageDetails @message={{this.message}} />
|
||
</template>
|
||
);
|
||
|
||
assert.dom(".chat-composer-message-details .d-icon-reply").exists();
|
||
});
|
||
|
||
test("displays user avatar", async function (assert) {
|
||
this.message = new ChatFabricators(getOwner(this)).message();
|
||
|
||
await render(
|
||
<template>
|
||
<ChatComposerMessageDetails @message={{this.message}} />
|
||
</template>
|
||
);
|
||
|
||
assert
|
||
.dom(".chat-composer-message-details .chat-user-avatar .avatar")
|
||
.hasAttribute("title", this.message.user.username);
|
||
});
|
||
|
||
test("displays message excerpt", async function (assert) {
|
||
this.message = new ChatFabricators(getOwner(this)).message();
|
||
|
||
await render(
|
||
<template>
|
||
<ChatComposerMessageDetails @message={{this.message}} />
|
||
</template>
|
||
);
|
||
|
||
assert.dom(".chat-reply__excerpt").hasText(this.message.excerpt);
|
||
});
|
||
|
||
test("displays user’s username", async function (assert) {
|
||
this.message = new ChatFabricators(getOwner(this)).message();
|
||
|
||
await render(
|
||
<template>
|
||
<ChatComposerMessageDetails @message={{this.message}} />
|
||
</template>
|
||
);
|
||
|
||
assert.dom(".chat-reply__username").hasText(this.message.user.username);
|
||
});
|
||
}
|
||
);
|
