mirror of
https://github.com/discourse/discourse.git
synced 2024-12-13 14:06:19 +08:00
03e495186f
It's way more common to have presence enabled than disabled, so we should have been making it the default from start. This commit also changes the namespace of `<ChatUserAvatar />` into `<Chat::UserAvatar />` and refactors tests.
56 lines
1.7 KiB
JavaScript
56 lines
1.7 KiB
JavaScript
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
|
|
import hbs from "htmlbars-inline-precompile";
|
|
import { module, test } from "qunit";
|
|
import { render } from "@ember/test-helpers";
|
|
import fabricators from "discourse/plugins/chat/discourse/lib/fabricators";
|
|
|
|
function containerSelector(user, options = {}) {
|
|
let onlineSelector = ":not(.is-online)";
|
|
if (options.online) {
|
|
onlineSelector = ".is-online";
|
|
}
|
|
|
|
return `.chat-user-avatar${onlineSelector} .chat-user-avatar__container[data-user-card=${user.username}] .avatar[title=${user.username}]`;
|
|
}
|
|
|
|
module("Discourse Chat | Component | <Chat::UserAvatar />", function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test("user is not online", async function (assert) {
|
|
this.user = fabricators.user();
|
|
this.chat = { presenceChannel: { users: [] } };
|
|
|
|
await render(
|
|
hbs`<Chat::UserAvatar @chat={{this.chat}} @user={{this.user}} />`
|
|
);
|
|
|
|
assert.dom(containerSelector(this.user, { online: false })).exists();
|
|
});
|
|
|
|
test("user is online", async function (assert) {
|
|
this.user = fabricators.user();
|
|
this.chat = {
|
|
presenceChannel: { users: [{ id: this.user.id }] },
|
|
};
|
|
|
|
await render(
|
|
hbs`<Chat::UserAvatar @chat={{this.chat}} @user={{this.user}} />`
|
|
);
|
|
|
|
assert.dom(containerSelector(this.user, { online: true })).exists();
|
|
});
|
|
|
|
test("showPresence=false", async function (assert) {
|
|
this.user = fabricators.user();
|
|
this.chat = {
|
|
presenceChannel: { users: [{ id: this.user.id }] },
|
|
};
|
|
|
|
await render(
|
|
hbs`<Chat::UserAvatar @showPresence={{false}} @chat={{this.chat}} @user={{this.user}} />`
|
|
);
|
|
|
|
assert.dom(containerSelector(this.user, { online: false })).exists();
|
|
});
|
|
});
|