test_text_field.rb

# frozen_string_literal: true

require "test_helper"
require "view_component/test_case"
require "active_model"

require "input_group/text_field"

class Game
  include ActiveModel::API

  attr_accessor :title
end

class Felt::InputGroup::TextFieldTest < ViewComponent::TestCase
  include ViewComponent::TestHelpers

  def test_renders_a_label
    model = Game.new
    form = build_form(model)

    do_render(form)

    assert_selector("label[for=game_title]", text: "Title")
  end

  def test_renders_provided_label
    model = Game.new
    form = build_form(model)

    do_render(form, label: "This label")

    assert_selector("label[for=game_title]", text: "This label")
  end

  def test_renders_an_input_field
    model = Game.new
    form = build_form(model)

    do_render(form)

    assert_selector("input[type='text'][name='game[title]']")
  end

  def test_uses_the_value_from_the_object
    model = Game.new
    model.title = "Dead Cells"
    form = build_form(model)

    do_render(form)

    assert(page.has_field?("game[title]", with: "Dead Cells"))
  end

  def test_uses_configured_classes_for_input
    model = Game.new
    form = build_form(model)

    Felt.configure do |config|
      config.classes = {
        input_group: {
          input: {
            default: "input-field"
          }
        }
      }
    end

    do_render(form)

    assert_selector("input[type='text'].input-field")
  end

  def test_renders_help_from_arguments
    model = Game.new
    form = build_form(model)

    with_translations({
      forms: {
        game: {
          title: {
            help: "Help from translations"
          }
        }
      }
    }) do
      do_render(form, help: "Help is shown below the input")
    end

    assert_text("Help is shown below the input")
  end

  def test_renders_help_from_translations
    model = Game.new
    form = build_form(model)

    with_translations({
      forms: {
        game: {
          title: {
            help: "Help from translations"
          }
        }
      }
    }) do
      do_render(form)
    end

    assert_text("Help from translations")
  end

  def test_renders_hint_from_translations
    model = Game.new
    model.title = "Dead Cells"
    form = build_form(model)

    with_translations({
      forms: {
        game: {
          title: {
            hint: "Hint from translations"
          }
        }
      }
    }) do
      do_render(form)
    end

    assert_text("Hint from translations")
  end

  def test_renders_errors_if_any
    model = Game.new
    model.errors.add(:title, :invalid)
    form = build_form(model)

    do_render(form)

    assert_text("Title is invalid")
  end

  def test_uses_error_classes_if_model_is_invalid
    model = Game.new
    model.errors.add(:title, :invalid)
    form = build_form(model)

    Felt.configure do |config|
      config.classes = {
        input_group: {
          input: {
            invalid: "error-class"
          }
        }
      }
    end

    do_render(form)

    assert_css("input[type=text].error-class")
  end

  def test_options_can_be_added_to_wrapping_element
    model = Game.new
    form = build_form(model)

    do_render(form, id: "game-card")

    assert_css("div#game-card")
  end

  def test_known_options_are_not_added_to_wrapping_element
    model = Game.new
    form = build_form(model)

    do_render(form)

    refute_css("div[form]")
    refute_css("div[attribute]")
  end

  def test_uses_configured_classes_for_wrapping_element
    model = Game.new
    form = build_form(model)

    Felt.configure do |config|
      config.classes = {
        input_group: {
          text_field: "my-input-group"
        }
      }
    end

    do_render(form)

    assert_css("div.my-input-group")
  end

  private

  def do_render(form, **options)
    component = Felt::InputGroup::TextField.new(form: form, attribute: :title, **options)
    render_inline(component).to_html
  end
end