import { test } from "qunit";
import { click, currentURL, triggerEvent, visit } from "@ember/test-helpers";
import {
  acceptance,
  exists,
  loggedInUser,
  query,
} from "discourse/tests/helpers/qunit-helpers";
import {
  chatChannels,
  generateChatView,
} from "discourse/plugins/chat/chat-fixtures";
import selectKit from "discourse/tests/helpers/select-kit-helper";

function setupPretenders(server, helper) {
  server.get("/chat/chat_channels.json", () => helper.response(chatChannels));
  server.post("/uploads/lookup-urls", () => {
    return helper.response([]);
  });
  server.put("/chat/4/move_messages_to_channel.json", () => {
    return helper.response({
      destination_channel_id: 11,
      destination_channel_title: "Coolest thing you have seen today",
      first_moved_message_id: 174,
    });
  });
  server.get("/chat/:chat_channel_id/messages.json", () =>
    helper.response(generateChatView(loggedInUser()))
  );
  server.get("/chat/lookup/:messageId.json", () =>
    helper.response(generateChatView(loggedInUser()))
  );
}

acceptance(
  "Discourse Chat | moving messages to a channel | staff user",
  function (needs) {
    needs.user({
      admin: true,
      moderator: true,
      username: "eviltrout",
      id: 1,
      can_chat: true,
      has_chat_enabled: true,
    });

    needs.settings({
      chat_enabled: true,
    });

    needs.pretender((server, helper) => {
      setupPretenders(server, helper);
    });

    test("opens a modal for destination channel selection then redirects to the moved messages when done", async function (assert) {
      await visit("/chat/channel/4/public-category");
      assert.ok(exists(".chat-message-container"));
      const firstMessage = query(".chat-message-container");
      await triggerEvent(firstMessage, "mouseenter");
      const dropdown = selectKit(".chat-message-actions .more-buttons");
      await dropdown.expand();
      await dropdown.selectRowByValue("selectMessage");

      assert.ok(firstMessage.classList.contains("selecting-messages"));
      const moveToChannelBtn = query(
        ".chat-live-pane #chat-move-to-channel-btn"
      );
      assert.equal(
        moveToChannelBtn.disabled,
        false,
        "button is enabled as a message is selected"
      );

      await click(firstMessage.querySelector("input[type='checkbox']"));
      assert.equal(
        moveToChannelBtn.disabled,
        true,
        "button is disabled when no messages are selected"
      );

      await click(firstMessage.querySelector("input[type='checkbox']"));
      await click("#chat-move-to-channel-btn");
      const modalConfirmMoveButton = query(
        "#chat-confirm-move-messages-to-channel"
      );
      assert.ok(
        modalConfirmMoveButton.disabled,
        "cannot confirm move until channel is selected"
      );
      const channelChooser = selectKit(".chat-move-message-channel-chooser");
      await channelChooser.expand();
      assert.notOk(
        channelChooser.rowByValue("4").exists(),
        "the source channel is not in the destination channel selector"
      );

      await channelChooser.selectRowByValue("11");
      await click(modalConfirmMoveButton);

      assert.strictEqual(
        currentURL(),
        "/chat/channel/11/another-category",
        "it goes to the destination channel after the move"
      );
    });

    test("does not allow moving messages from a direct message channel", async function (assert) {
      await visit("/chat/channel/75/@hawk");
      assert.ok(exists(".chat-message-container"));
      const firstMessage = query(".chat-message-container");
      await triggerEvent(firstMessage, "mouseenter");
      const dropdown = selectKit(".chat-message-actions .more-buttons");
      await dropdown.expand();
      await dropdown.selectRowByValue("selectMessage");
      assert.ok(firstMessage.classList.contains("selecting-messages"));
      assert.notOk(
        exists(".chat-live-pane #chat-move-to-channel-btn"),
        "the move to channel button is not shown in direct message channels"
      );
    });
  }
);

acceptance(
  "Discourse Chat | moving messages to a channel | non-staff user",
  function (needs) {
    needs.user({
      admin: false,
      moderator: false,
      username: "eviltrout",
      id: 1,
      can_chat: true,
      has_chat_enabled: true,
    });

    needs.settings({
      chat_enabled: true,
    });

    needs.pretender((server, helper) => {
      setupPretenders(server, helper);
      server.get("/chat/11/messages.json", () => {
        return helper.response(
          generateChatView(loggedInUser(), { can_moderate: true })
        );
      });
    });

    test("non-staff users cannot see the move to channel button", async function (assert) {
      await visit("/chat/channel/4/public-category");
      assert.ok(exists(".chat-message-container"));
      const firstMessage = query(".chat-message-container");
      await triggerEvent(firstMessage, "mouseenter");
      const dropdown = selectKit(".chat-message-actions .more-buttons");
      await dropdown.expand();
      await dropdown.selectRowByValue("selectMessage");

      assert.ok(firstMessage.classList.contains("selecting-messages"));
      assert.notOk(
        exists(".chat-live-pane #chat-move-to-channel-btn"),
        "non-staff users cannot see the move to channel button"
      );
    });

    test("non-staff users can see the move to channel button if they can_moderate the channel", async function (assert) {
      await visit("/chat/channel/11/another-category");
      assert.ok(exists(".chat-message-container"));
      const firstMessage = query(".chat-message-container");
      await triggerEvent(firstMessage, "mouseenter");
      const dropdown = selectKit(
        `.chat-message-actions-container[data-id="${firstMessage.dataset.id}"] .more-buttons`
      );
      await dropdown.expand();
      await dropdown.selectRowByValue("selectMessage");

      assert.ok(firstMessage.classList.contains("selecting-messages"));
      assert.ok(
        exists(".chat-live-pane #chat-move-to-channel-btn"),
        "non-staff users can see the move to channel button if can_moderate"
      );
    });
  }
);