discourse/plugins/chat/test/javascripts/components/chat-composer-placeholder-test.gjs

import { render } from "@ember/test-helpers";
import { module, test } from "qunit";
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import pretender from "discourse/tests/helpers/create-pretender";
import { i18n } from "discourse-i18n";
import Channel from "discourse/plugins/chat/discourse/components/chat/composer/channel";
import ChatChannel from "discourse/plugins/chat/discourse/models/chat-channel";

module("Component | chat-composer placeholder", function (hooks) {
  setupRenderingTest(hooks);

  test("direct message to self shows Jot something down", async function (assert) {
    pretender.get("/emojis.json", () => [200, [], {}]);

    this.currentUser.set("id", 1);
    this.channel = ChatChannel.create({
      chatable_type: "DirectMessage",
      chatable: {
        users: [{ id: 1 }],
      },
    });

    await render(<template><Channel @channel={{this.channel}} /></template>);

    assert
      .dom(".chat-composer__input")
      .hasAttribute("placeholder", "Jot something down");
  });

  test("direct message to multiple folks shows their names  when not a group", async function (assert) {
    pretender.get("/emojis.json", () => [200, [], {}]);

    this.channel = ChatChannel.create({
      chatable_type: "DirectMessage",
      chatable: {
        group: false,
        users: [{ name: "Tomtom" }, { name: "Steaky" }, { username: "zorro" }],
      },
    });

    await render(<template><Channel @channel={{this.channel}} /></template>);

    assert
      .dom(".chat-composer__input")
      .hasAttribute("placeholder", "Chat with Tomtom, Steaky, @zorro");
  });

  test("direct message to group shows Chat in group", async function (assert) {
    pretender.get("/chat/emojis.json", () => [200, [], {}]);

    this.channel = ChatChannel.create({
      chatable_type: "DirectMessage",
      title: "Meetup Chat",
      chatable: {
        group: true,
        users: [
          { username: "user1" },
          { username: "user2" },
          { username: "user3" },
        ],
      },
    });

    await render(<template><Channel @channel={{this.channel}} /></template>);

    assert
      .dom(".chat-composer__input")
      .hasAttribute("placeholder", i18n("chat.placeholder_group"));
  });

  test("message to channel shows send message to channel name", async function (assert) {
    pretender.get("/emojis.json", () => [200, [], {}]);

    this.channel = ChatChannel.create({
      chatable_type: "Category",
      title: "just-cats",
    });

    await render(<template><Channel @channel={{this.channel}} /></template>);

    assert
      .dom(".chat-composer__input")
      .hasAttribute("placeholder", "Chat in #just-cats");
  });
});