discourse/plugins/chat/spec/system/react_to_message_spec.rb

# frozen_string_literal: true

RSpec.describe "React to message", type: :system, js: true do
  fab!(:current_user) { Fabricate(:user) }
  fab!(:category_channel_1) { Fabricate(:category_channel) }
  fab!(:message_1) { Fabricate(:chat_message, chat_channel: category_channel_1) }

  let(:chat) { PageObjects::Pages::Chat.new }
  let(:channel) { PageObjects::Pages::ChatChannel.new }

  before do
    chat_system_bootstrap
    category_channel_1.add(current_user)
    sign_in(current_user)
  end

  context "when other user has reacted" do
    fab!(:reaction_1) do
      Chat::ChatMessageReactor.new(Fabricate(:user), category_channel_1).react!(
        message_id: message_1.id,
        react_action: :add,
        emoji: "female_detective",
      )
    end

    shared_examples "inline reactions" do
      it "shows existing reactions under the message" do
        chat.visit_channel(category_channel_1)
        expect(channel).to have_reaction(message_1, reaction_1)
      end

      it "increments when clicking it" do
        chat.visit_channel(category_channel_1)
        channel.click_reaction(message_1, reaction_1)
        expect(channel).to have_reaction(message_1, reaction_1, 2)
      end
    end

    context "when desktop" do
      include_examples "inline reactions"
    end

    context "when mobile", mobile: true do
      include_examples "inline reactions"
    end
  end

  context "when current user reacts" do
    fab!(:reaction_1) do
      Chat::ChatMessageReactor.new(Fabricate(:user), category_channel_1).react!(
        message_id: message_1.id,
        react_action: :add,
        emoji: "female_detective",
      )
    end

    context "when desktop" do
      context "when using inline reaction button" do
        it "adds a reaction" do
          chat.visit_channel(category_channel_1)
          channel.hover_message(message_1)
          find(".chat-message-react-btn").click
          find(".chat-emoji-picker [data-emoji=\"nerd_face\"]").click

          expect(channel).to have_reaction(message_1, reaction_1)
        end

        xit "adds the reaction to the frequently used list" do
          chat.visit_channel(category_channel_1)
          channel.hover_message(message_1)
          find(".chat-message-react-btn").click
          find(".chat-emoji-picker [data-emoji=\"nerd_face\"]").click

          channel.hover_message(message_1)
        end
      end

      context "when using message actions menu" do
        context "when using the emoji picker" do
          it "adds a reaction" do
            chat.visit_channel(category_channel_1)
            channel.hover_message(message_1)
            find(".chat-message-actions .react-btn").click
            find(".chat-emoji-picker [data-emoji=\"nerd_face\"]").click

            expect(channel).to have_reaction(message_1, reaction_1)
          end

          xit "adds the reaction to the frequently used list" do
            chat.visit_channel(category_channel_1)
            channel.hover_message(message_1)
            find(".chat-message-actions .react-btn").click
            find(".chat-emoji-picker [data-emoji=\"nerd_face\"]").click

            channel.hover_message(message_1)
          end
        end

        context "when using frequent reactions" do
          it "adds a reaction" do
            chat.visit_channel(category_channel_1)
            channel.hover_message(message_1)
            find(".chat-message-actions [data-emoji-name=\"+1\"").click

            expect(channel.message_reactions_list(message_1)).to have_css(
              "[data-emoji-name=\"+1\"]",
            )
          end
        end
      end
    end
  end

  context "when current user has reacted" do
    fab!(:reaction_1) do
      Chat::ChatMessageReactor.new(current_user, category_channel_1).react!(
        message_id: message_1.id,
        react_action: :add,
        emoji: "female_detective",
      )
    end

    shared_examples "inline reactions" do
      it "shows existing reactions under the message" do
        chat.visit_channel(category_channel_1)
        expect(channel).to have_reaction(message_1, reaction_1)
      end

      it "removes it when clicking it" do
        chat.visit_channel(category_channel_1)
        channel.click_reaction(message_1, reaction_1)
        expect(channel).to have_no_reactions(message_1)
      end
    end

    context "when desktop" do
      include_examples "inline reactions"
    end

    context "when mobile", mobile: true do
      include_examples "inline reactions"
    end
  end
end