78 lines
2.3 KiB
JavaScript
78 lines
2.3 KiB
JavaScript
|
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
|
|||
|
|
import hbs from "htmlbars-inline-precompile";
|
|||
|
|
import fabricators from "discourse/plugins/chat/discourse/lib/fabricators";
|
|||
|
|
import { module, test } from "qunit";
|
|||
|
|
import { render } from "@ember/test-helpers";
|
|||
|
|
|
|||
|
|
module(
|
|||
|
|
"Discourse Chat | Component | chat-composer-message-details",
|
|||
|
|
function (hooks) {
|
|||
|
|
setupRenderingTest(hooks);
|
|||
|
|
|
|||
|
|
test("data-id attribute", async function (assert) {
|
|||
|
|
this.message = fabricators.message();
|
|||
|
|
|
|||
|
|
await render(
|
|||
|
|
hbs`<ChatComposerMessageDetails @message={{this.message}} />`
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
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 = fabricators.message({ editing: true });
|
|||
|
|
|
|||
|
|
await render(
|
|||
|
|
hbs`<ChatComposerMessageDetails @message={{this.message}} />`
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
assert.dom(".chat-composer-message-details .d-icon-pencil-alt").exists();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("replying to a message has the reply icon", async function (assert) {
|
|||
|
|
const firstMessage = fabricators.message();
|
|||
|
|
this.message = fabricators.message({ inReplyTo: firstMessage });
|
|||
|
|
|
|||
|
|
await render(
|
|||
|
|
hbs`<ChatComposerMessageDetails @message={{this.message}} />`
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
assert.dom(".chat-composer-message-details .d-icon-reply").exists();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("displays user avatar", async function (assert) {
|
|||
|
|
this.message = fabricators.message();
|
|||
|
|
|
|||
|
|
await render(
|
|||
|
|
hbs`<ChatComposerMessageDetails @message={{this.message}} />`
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
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 = fabricators.message();
|
|||
|
|
|
|||
|
|
await render(
|
|||
|
|
hbs`<ChatComposerMessageDetails @message={{this.message}} />`
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
assert.dom(".chat-reply__excerpt").hasText(this.message.excerpt);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("displays user’s username", async function (assert) {
|
|||
|
|
this.message = fabricators.message();
|
|||
|
|
|
|||
|
|
await render(
|
|||
|
|
hbs`<ChatComposerMessageDetails @message={{this.message}} />`
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
assert.dom(".chat-reply__username").hasText(this.message.user.username);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
);
|