mirror of
https://github.com/discourse/discourse.git
synced 2024-11-24 15:49:55 +08:00
60c67afba4
- Improves styleguide support - Adds toggle color scheme to styleguide - Adds properties mutators to styleguide - Attempts to quit a session as soon as done with it in system specs, this should at least free resources faster - Refactors fabricators to simplify them - Adds more fabricators (uploads for example) - Starts implementing components pattern in system specs - Uses Chat::Message creator to create messages in system specs, this should help to have more real specs as the side effects should now happen
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);
|
||
});
|
||
}
|
||
);
|