discourse/plugins/chat/test/javascripts/components/chat-thread-participants-test.gjs

import { getOwner } from "@ember/owner";
import { render } from "@ember/test-helpers";
import { module, test } from "qunit";
import CoreFabricators from "discourse/lib/fabricators";
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import ChatThreadParticipants from "discourse/plugins/chat/discourse/components/chat-thread-participants";
import ChatFabricators from "discourse/plugins/chat/discourse/lib/fabricators";

module("Component | <ChatThreadParticipants />", function (hooks) {
  setupRenderingTest(hooks);

  test("no participants", async function (assert) {
    this.thread = new ChatFabricators(getOwner(this)).thread();
    await render(
      <template><ChatThreadParticipants @thread={{this.thread}} /></template>
    );

    assert.dom(".chat-thread-participants").doesNotExist();
  });

  test("@includeOriginalMessageUser=true", async function (assert) {
    const originalMessageUser = new CoreFabricators(getOwner(this)).user({
      username: "bob",
    });
    this.thread = new ChatFabricators(getOwner(this)).thread({
      original_message: new ChatFabricators(getOwner(this)).message({
        user: originalMessageUser,
      }),
      preview: new ChatFabricators(getOwner(this)).threadPreview({
        channel: this.channel,
        participant_users: [
          originalMessageUser,
          new CoreFabricators(getOwner(this)).user({ username: "alice" }),
        ],
      }),
    });

    await render(
      <template><ChatThreadParticipants @thread={{this.thread}} /></template>
    );

    assert.dom(".chat-user-avatar[data-username]").exists({ count: 2 });
  });

  test("@includeOriginalMessageUser=false", async function (assert) {
    const originalMessageUser = new CoreFabricators(getOwner(this)).user({
      username: "bob",
    });
    this.thread = new ChatFabricators(getOwner(this)).thread({
      original_message: new ChatFabricators(getOwner(this)).message({
        user: originalMessageUser,
      }),
      preview: new ChatFabricators(getOwner(this)).threadPreview({
        channel: this.channel,
        participant_users: [
          originalMessageUser,
          new CoreFabricators(getOwner(this)).user({ username: "alice" }),
        ],
      }),
    });

    await render(
      <template>
        <ChatThreadParticipants
          @thread={{this.thread}}
          @includeOriginalMessageUser={{false}}
        />
      </template>
    );

    assert.dom('.chat-user-avatar[data-username="bob"]').doesNotExist();
    assert.dom('.chat-user-avatar[data-username="alice"]').exists();
  });
});