require "rails_helper"

RSpec.describe "User index", type: :system do
  let!(:user) { create(:user, username: "user3000") }
  let!(:article) { create(:article, user: user) }
  let!(:other_article) { create(:article) }
  let!(:comment) { create(:comment, user: user, commentable: other_article) }
  let(:organization) { create(:organization) }

  context "when user is unauthorized" do
    context "when 1 article" do
      before { visit "/user3000" }

      it "shows the header", js: true do
        within("h1") { expect(page).to have_content(user.name) }
        within(".profile-details") do
          expect(page).to have_button("+ FOLLOW")
        end
      end

      it "shows proper title tag" do
        expect(page).to have_title("#{user.name} - #{ApplicationConfig['COMMUNITY_NAME']} Community 👩‍💻👨‍💻")
      end

      it "shows user's articles" do
        within(".single-article") do
          expect(page).to have_content(article.title)
          expect(page).not_to have_content(other_article.title)
        end
      end

      it "shows user's comments" do
        within("#substories div.index-comments") do
          expect(page).to have_content("Recent Comments")
          expect(page).to have_link(nil, href: comment.path)
        end
      end

      it "shows user's comments once" do
        within("#substories") do
          expect(page).to have_selector(".index-comments", count: 1)
        end
      end

      it "shows comment date" do
        within("#substories .index-comments .single-comment") do
          # %e blank pads days from 1 to 9, the double space isn't in the HTML
          comment_date = comment.readable_publish_date.gsub("  ", " ")
          expect(page).to have_selector(".comment-date", text: comment_date)
        end
      end

      it "embeds comment timestamp" do
        within("#substories .index-comments .single-comment") do
          ts = comment.decorate.published_timestamp
          timestamp_selector = ".comment-date time[datetime='#{ts}']"
          expect(page).to have_selector(timestamp_selector)
        end
      end
    end
  end

  context "when user has an organization membership" do
    before do
      user.organization_memberships.create(organization: organization, type_of_user: "member")
    end

    it "shows organizations" do
      visit "/user3000"
      expect(page).to have_css("#sidebar-wrapper-right h4", text: "organizations")
    end
  end

  context "when visiting own profile" do
    before do
      sign_in user
      visit "/user3000"
    end

    it "shows the header", js: true do
      within("h1") { expect(page).to have_content(user.name) }
      within(".profile-details") do
        expect(page).to have_button("EDIT PROFILE")
      end
    end

    it "shows user's articles" do
      within(".single-article") do
        expect(page).to have_content(article.title)
        expect(page).not_to have_content(other_article.title)
      end
    end

    it "shows user's comments" do
      within("#substories div.index-comments") do
        expect(page).to have_content("Recent Comments")
        expect(page).to have_link(nil, href: comment.path)
      end
    end
  end
end