sure/test/system/settings/providers_test.rb

require "application_system_test_case"

class Settings::ProvidersTest < ApplicationSystemTestCase
  setup do
    @user = users(:family_admin)
    @family = families(:dylan_family)
    login_as @user
  end

  test "shows status pill on section header for a configured provider" do
    SimplefinItem.create!(family: @family, name: "Test SimpleFIN", access_url: "https://bridge.simplefin.org/simplefin/access")

    visit settings_providers_path

    within("details", text: "SimpleFIN") do
      assert_text "Connected"
    end
  end

  test "unconfigured SimpleFIN appears in Available with a connect affordance" do
    visit settings_providers_path

    assert_no_selector "details", text: "SimpleFIN"

    within available_provider_cards_container do
      assert_text "SimpleFIN"
      assert_selector "a[data-turbo-frame='drawer']", text: "Connect"
    end
  end

  test "connected providers are grouped under Your connections in alphabetical title order" do
    SimplefinItem.create!(family: @family, name: "Test SimpleFIN", access_url: "https://bridge.simplefin.org/simplefin/access")

    visit settings_providers_path

    titles = all("details").map { |d| d.find("summary h2", match: :first).text.squish }
    assert_equal titles.sort_by(&:downcase), titles, "Connection panels should render alphabetically by title"

    connections_heading = page.find(:xpath, "//h2[contains(normalize-space(), 'Your connections')]")
    available_heading = page.find(:xpath, "//h2[contains(normalize-space(), 'Available')]")
    connections_y = connections_heading.native.location.y
    available_y = available_heading.native.location.y

    assert_operator connections_y, :<, page.find("details", text: "SimpleFIN").native.location.y
    assert_operator page.find("details", text: "SimpleFIN").native.location.y, :<, available_y
  end

  test "expanding a section still works as expected" do
    SimplefinItem.create!(family: @family, name: "Test SimpleFIN", access_url: "https://bridge.simplefin.org/simplefin/access")

    visit settings_providers_path

    assert_selector "details:not([open])", text: "SimpleFIN"

    find("details", text: "SimpleFIN").find("summary").click

    assert_selector "details[open]", text: "SimpleFIN"
    within("details[open]", text: "SimpleFIN") do
      assert_text "Setup Token"
    end
  end

  test "groups providers into Your connections and Available with counts" do
    SimplefinItem.create!(family: @family, name: "Test SimpleFIN", access_url: "https://bridge.simplefin.org/simplefin/access")

    visit settings_providers_path

    connections_heading = find(:xpath, "//h2[contains(., 'Your connections')]")
    normalized = connections_heading.text.squish
    assert_match(/Your connections .*· \d+/, normalized)

    connections_y = connections_heading.native.location.y
    available_heading = find(:xpath, "//h2[contains(., 'Available')]")
    available_y = available_heading.native.location.y
    simplefin_y = find("details", text: "SimpleFIN").native.location.y

    assert_operator connections_y, :<, simplefin_y, "Your connections heading should appear above SimpleFIN section"
    assert_operator simplefin_y, :<, available_y, "SimpleFIN should appear above Available heading"

    available_grid_top = available_provider_cards_container.native.location.y
    assert_operator available_y, :<, available_grid_top, "Available heading should appear above the card grid"
  end

  test "health strip shows four tiles with correct counts" do
    SimplefinItem.create!(family: @family, name: "Test SimpleFIN", access_url: "https://bridge.simplefin.org/simplefin/access")

    visit settings_providers_path

    assert_text "Connected"
    assert_text "Action needed"
    assert_text "Errors"
    assert_text "Accounts synced"
  end

  test "action needed group is absent when no providers have issues" do
    SimplefinItem.create!(family: @family, name: "Test SimpleFIN", access_url: "https://bridge.simplefin.org/simplefin/access")

    visit settings_providers_path

    assert_selector "h2", text: /\AYour connections/
    assert_no_selector "h2", text: /\AAction needed/
  end

  test "enable banking with expiring session appears in your connections and auto-opens" do
    item = EnableBankingItem.new(
      family: @family,
      name: "Test Bank",
      country_code: "DE",
      application_id: "test-app-id",
      session_id: "test-session",
      session_expires_at: 5.days.from_now
    )
    # Skip certificate validation for test purposes
    item.save!(validate: false)

    visit settings_providers_path

    assert_selector "h2", text: /\AYour connections/

    # Auto-expanded warning sections hide compact meta behind `group-open:hidden`;
    # collapse once so the re-consent copy is visible again.
    enable = find("details", text: /Enable Banking/)
    enable.find("summary").click if enable.matches_selector?(":open")

    assert_selector "details:not([open])", text: /Enable Banking/
    assert_text "Re-consent needed in 5 days"
  end

  test "add provider CTA banner appears above available group when providers are connected" do
    SimplefinItem.create!(family: @family, name: "Test SimpleFIN", access_url: "https://bridge.simplefin.org/simplefin/access")

    visit settings_providers_path

    cta = find("a", text: "Browse providers")
    available_heading = find(:xpath, "//h2[contains(., 'Available')]")

    cta_y = cta.native.location.y
    available_y = available_heading.native.location.y

    assert_operator cta_y, :<, available_y, "Add-provider CTA should appear above the Available heading"
  end

  test "available providers render as a card grid" do
    visit settings_providers_path

    within available_provider_cards_container do
      assert_text "SimpleFIN"
      assert_selector "a[data-turbo-frame='drawer']", minimum: 1
    end
  end

  test "clicking a provider card connect link opens the connect drawer" do
    visit settings_providers_path

    within available_provider_cards_container do
      card = find(:xpath, ".//div[contains(concat(' ', normalize-space(@class), ' '), ' bg-container ')][.//span[normalize-space()='SimpleFIN']]")
      within(card) do
        find("a[data-turbo-frame='drawer']", text: "Connect").click
      end
    end

    assert_selector "dialog[open]"
    assert_text "Setup Token"
  end

  private

    # Card grid rendered after the `#available` group heading (following sibling div.grid)
    def available_provider_cards_container
      find("#available").find(:xpath, "following-sibling::div[contains(concat(' ', normalize-space(@class), ' '), ' grid ')]")
    end
end