discourse/plugins/chat/test/javascripts/components/chat-channel-title-test.js

104 lines
3.2 KiB
JavaScript

import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import { exists, query } from "discourse/tests/helpers/qunit-helpers";
import hbs from "htmlbars-inline-precompile";
import fabricators from "../helpers/fabricators";
import { CHATABLE_TYPES } from "discourse/plugins/chat/discourse/models/chat-channel";
import { module, test } from "qunit";
import { render } from "@ember/test-helpers";
module("Discourse Chat | Component | chat-channel-title", function (hooks) {
setupRenderingTest(hooks);
test("category channel", async function (assert) {
this.channel = fabricators.chatChannel({
chatable_type: CHATABLE_TYPES.categoryChannel,
});
await render(hbs`<ChatChannelTitle @channel={{this.channel}} />`);
assert.strictEqual(
query(".chat-channel-title__category-badge").getAttribute("style"),
`color: #${this.channel.chatable.color}`
);
assert.strictEqual(
query(".chat-channel-title__name").innerText,
this.channel.title
);
});
test("category channel - escapes title", async function (assert) {
this.channel = fabricators.chatChannel({
chatable_type: CHATABLE_TYPES.categoryChannel,
title: "<div class='xss'>evil</div>",
});
await render(hbs`<ChatChannelTitle @channel={{this.channel}} />`);
assert.false(exists(".xss"));
});
test("category channel - read restricted", async function (assert) {
this.channel = fabricators.chatChannel({
chatable_type: CHATABLE_TYPES.categoryChannel,
chatable: { read_restricted: true },
});
await render(hbs`<ChatChannelTitle @channel={{this.channel}} />`);
assert.true(exists(".d-icon-lock"));
});
test("category channel - not read restricted", async function (assert) {
this.channel = fabricators.chatChannel({
chatable_type: CHATABLE_TYPES.categoryChannel,
chatable: { read_restricted: false },
});
await render(hbs`<ChatChannelTitle @channel={{this.channel}} />`);
assert.false(exists(".d-icon-lock"));
});
test("direct message channel - one user", async function (assert) {
this.channel = fabricators.directMessageChatChannel();
await render(hbs`<ChatChannelTitle @channel={{this.channel}} />`);
const user = this.channel.chatable.users[0];
assert.true(
exists(`.chat-user-avatar-container .avatar[title="${user.username}"]`)
);
assert.strictEqual(
query(".chat-channel-title__name").innerText.trim(),
user.username
);
});
test("direct message channel - multiple users", async function (assert) {
const channel = fabricators.directMessageChatChannel();
channel.chatable.users.push({
id: 2,
username: "joffrey",
name: null,
avatar_template: "/letter_avatar_proxy/v3/letter/t/31188e/{size}.png",
});
this.channel = channel;
await render(hbs`<ChatChannelTitle @channel={{this.channel}} />`);
const users = this.channel.chatable.users;
assert.strictEqual(
parseInt(query(".chat-channel-title__users-count").innerText.trim(), 10),
users.length
);
assert.strictEqual(
query(".chat-channel-title__name").innerText.trim(),
users.mapBy("username").join(", ")
);
});
});