import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import { query } from "discourse/tests/helpers/qunit-helpers";
import hbs from "htmlbars-inline-precompile";
import ChatChannel from "discourse/plugins/chat/discourse/models/chat-channel";
import { module, test } from "qunit";
import { render } from "@ember/test-helpers";

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

    test("direct message to self shows Jot something down", async function (assert) {
      this.currentUser.set("id", 1);
      this.set(
        "chatChannel",
        ChatChannel.create({
          chatable_type: "DirectMessage",
          chatable: {
            users: [{ id: 1 }],
          },
        })
      );

      await render(hbs`<ChatComposer @chatChannel={{this.chatChannel}} />`);

      assert.strictEqual(
        query(".chat-composer-input").placeholder,
        "Jot something down"
      );
    });

    test("direct message to multiple folks shows their names", async function (assert) {
      this.set(
        "chatChannel",
        ChatChannel.create({
          chatable_type: "DirectMessage",
          chatable: {
            users: [
              { name: "Tomtom" },
              { name: "Steaky" },
              { username: "zorro" },
            ],
          },
        })
      );

      await render(hbs`<ChatComposer @chatChannel={{this.chatChannel}} />`);

      assert.strictEqual(
        query(".chat-composer-input").placeholder,
        "Chat with Tomtom, Steaky, @zorro"
      );
    });

    test("message to channel shows send message to channel name", async function (assert) {
      this.set(
        "chatChannel",
        ChatChannel.create({
          chatable_type: "Category",
          title: "just-cats",
        })
      );

      await render(hbs`<ChatComposer @chatChannel={{this.chatChannel}} />`);

      assert.strictEqual(
        query(".chat-composer-input").placeholder,
        "Chat with #just-cats"
      );
    });
  }
);