# frozen_string_literal: true RSpec.describe "Chat channel", type: :system, js: true do fab!(:current_user) { Fabricate(:user) } fab!(:channel_1) { Fabricate(:chat_channel) } fab!(:message_1) { Fabricate(:chat_message, chat_channel: channel_1) } let(:chat) { PageObjects::Pages::Chat.new } let(:channel) { PageObjects::Pages::ChatChannel.new } before { chat_system_bootstrap } context "when sending a message" do before do channel_1.add(current_user) 50.times { Fabricate(:chat_message, chat_channel: channel_1) } sign_in(current_user) end it "loads most recent messages" do unloaded_message = Fabricate(:chat_message, chat_channel: channel_1) visit("/chat/message/#{message_1.id}") expect(channel).to have_no_loading_skeleton expect(page).to have_no_css("[data-id='#{unloaded_message.id}']") find(".chat-composer-input").fill_in(with: "test message") find(".send-btn").click expect(channel).to have_no_loading_skeleton expect(page).to have_css("[data-id='#{unloaded_message.id}']") end end context "when clicking the arrow button" do before do channel_1.add(current_user) 50.times { Fabricate(:chat_message, chat_channel: channel_1) } sign_in(current_user) end it "jumps to the bottom of the channel" do unloaded_message = Fabricate(:chat_message, chat_channel: channel_1) visit("/chat/message/#{message_1.id}") expect(channel).to have_no_loading_skeleton expect(page).to have_no_css("[data-id='#{unloaded_message.id}']") find(".chat-scroll-to-bottom").click expect(channel).to have_no_loading_skeleton expect(page).to have_css("[data-id='#{unloaded_message.id}']") end end context "when returning to a channel where last read is not last message" do before do channel_1.add(current_user) sign_in(current_user) end it "jumps to the bottom of the channel" do channel_1.membership_for(current_user).update!(last_read_message: message_1) messages = 50.times.map { Fabricate(:chat_message, chat_channel: channel_1) } chat.visit_channel(channel_1) expect(page).to have_css("[data-id='#{messages.first.id}']") expect(page).to have_no_css("[data-id='#{messages.last.id}']") end end context "when a new message is created" do fab!(:other_user) { Fabricate(:user) } before do channel_1.add(other_user) channel_1.add(current_user) 50.times { Fabricate(:chat_message, chat_channel: channel_1) } sign_in(current_user) end it "doesn’t scroll the pane" do visit("/chat/message/#{message_1.id}") new_message = Chat::ChatMessageCreator.create( chat_channel: channel_1, user: other_user, content: "this is fine", ).chat_message expect(page).to have_no_content(new_message.message) end end context "when a message contains mentions" do fab!(:other_user) { Fabricate(:user) } before do channel_1.add(other_user) channel_1.add(current_user) Fabricate( :chat_message, chat_channel: channel_1, message: "hello @here @all @#{current_user.username} @#{other_user.username} @unexisting", user: other_user, ) sign_in(current_user) end it "highlights the mentions" do chat.visit_channel(channel_1) expect(page).to have_selector(".mention.highlighted.valid-mention", text: "@here") expect(page).to have_selector(".mention.highlighted.valid-mention", text: "@all") expect(page).to have_selector( ".mention.highlighted.valid-mention", text: "@#{current_user.username}", ) expect(page).to have_selector(".mention", text: "@#{other_user.username}") expect(page).to have_selector(".mention", text: "@unexisting") end end context "when reply is right under" do fab!(:other_user) { Fabricate(:user) } before do Fabricate(:chat_message, in_reply_to: message_1, user: other_user, chat_channel: channel_1) channel_1.add(other_user) channel_1.add(current_user) sign_in(current_user) end it "doesn’t show the reply-to line" do chat.visit_channel(channel_1) expect(page).to have_no_selector(".chat-reply__excerpt") end end context "when reply is not directly connected" do fab!(:other_user) { Fabricate(:user) } before do Fabricate(:chat_message, user: other_user, chat_channel: channel_1) Fabricate(:chat_message, in_reply_to: message_1, user: other_user, chat_channel: channel_1) channel_1.add(other_user) channel_1.add(current_user) sign_in(current_user) end it "shows the reply-to line" do chat.visit_channel(channel_1) expect(page).to have_selector(".chat-reply__excerpt") end end context "when messages are separated by a day" do before do Fabricate(:chat_message, chat_channel: channel_1, created_at: 2.days.ago) channel_1.add(current_user) sign_in(current_user) end it "shows a date separator" do chat.visit_channel(channel_1) expect(page).to have_selector(".first-daily-message", text: "Today") end end context "when visiting another channel" do fab!(:channel_2) { Fabricate(:chat_channel) } before do channel_1.add(current_user) channel_2.add(current_user) sign_in(current_user) end it "resets message selection" do chat.visit_channel(channel_1) channel.select_message(message_1) expect(page).to have_css(".chat-selection-management") chat.visit_channel(channel_2) expect(page).to have_no_css(".chat-selection-management") end end context "when a message contains code fence" do fab!(:message_2) { Fabricate(:chat_message, chat_channel: channel_1, message: <<~MESSAGE) } Here's a message with code highlighting \`\`\`ruby Widget.triangulate(arg: "test") \`\`\` MESSAGE before do channel_1.add(current_user) sign_in(current_user) end it "adds the correct lang" do chat.visit_channel(channel_1) expect(page).to have_selector("code.lang-ruby") end end end