velvetkit 0.1.0.beta → 0.1.0

data/registry/test/components/ui/form_field_test.rb

@@ -0,0 +1,122 @@
+# frozen_string_literal: true
+
+require "test_helper"
+
+class UI::FormFieldTest < ViewComponent::TestCase
+  def setup_fixtures(*); end
+  def teardown_fixtures(*); end
+
+  class Account
+    include ActiveModel::Model
+    attr_accessor :email, :name
+    validates :email, presence: true
+    validates :email, format: { with: /@/ }, allow_blank: true
+  end
+
+  def form_builder_for(record)
+    ActionView::Helpers::FormBuilder.new(:account, record, vc_test_controller.view_context, {})
+  end
+
+  def invalid_account
+    Account.new.tap(&:validate)
+  end
+
+  # ── Wrapping ─────────────────────────────────────────────────────────────────
+
+  def test_nothing_to_show_renders_the_control_alone
+    render_inline(UI::FormField.new) { "<input id='x'>".html_safe }
+    assert_selector "input#x"
+    refute_selector "div"
+  end
+
+  def test_label_hint_and_error_wrap_the_control
+    render_inline(UI::FormField.new(label: "Colour", hint: "For your avatar", error: "Pick a colour", for: "colour")) do
+      "<input id='colour'>".html_safe
+    end
+    assert_selector "div > label[for='colour'] + input#colour + p#colour-hint + p#colour-error"
+    assert_selector "p#colour-hint.text-muted-foreground", text: "For your avatar"
+    assert_selector "p#colour-error.text-destructive", text: "Pick a colour"
+  end
+
+  def test_block_receives_the_field_for_custom_controls
+    render_inline(UI::FormField.new(label: "Colour", hint: "For your avatar", error: "Pick a colour")) do |field|
+      ActionController::Base.helpers.tag.input(type: "color", **field.control_attributes)
+    end
+    input = page.find("input[type='color']")
+    assert_equal page.find("label")[:for], input[:id]
+    assert input[:id].start_with?("ui-field-")
+    assert_equal "#{input[:id]}-hint #{input[:id]}-error", input["aria-describedby"]
+    assert_equal "true", input["aria-invalid"]
+  end
+
+  def test_user_class_and_attrs_on_the_wrapper
+    render_inline(UI::FormField.new(label: "Name", class: "max-w-sm", data: { test_id: "f" })) { "x" }
+    wrapper = page.find("div[data-test-id='f']")
+    assert_includes wrapper[:class].split, "max-w-sm"
+    assert_includes wrapper[:class].split, "gap-2"
+  end
+
+  # ── Error states ─────────────────────────────────────────────────────────────
+
+  def test_error_true_is_invalid_without_a_message
+    field = UI::FormField.new(error: true)
+    assert field.error?
+    assert_nil field.error_message
+    refute field.wrap?
+  end
+
+  def test_no_hint_or_error_no_describedby
+    field = UI::FormField.new(label: "Name")
+    assert_nil field.describedby
+    assert_equal({ id: field.control_id }, field.control_attributes)
+  end
+
+  # ── Form binding ─────────────────────────────────────────────────────────────
+
+  def test_model_errors_become_the_message
+    field = UI::FormField.new(form: form_builder_for(invalid_account), field: :email)
+    assert field.error?
+    assert_equal "Email can't be blank", field.error_message
+  end
+
+  def test_several_model_errors_join_into_one_sentence
+    account = Account.new(email: "nope")
+    account.errors.add(:email, :taken)
+    account.validate
+    account.errors.add(:email, "is reserved")
+    field = UI::FormField.new(form: form_builder_for(account), field: :email)
+    assert_equal "Email is invalid and Email is reserved", field.error_message
+  end
+
+  def test_a_foreign_key_field_shows_its_association_errors
+    account = Account.new
+    account.errors.add(:team, "must exist")
+    field = UI::FormField.new(form: form_builder_for(account), field: :team_id)
+    assert_equal "Team must exist", field.error_message
+  end
+
+  def test_no_model_errors_no_message
+    field = UI::FormField.new(form: form_builder_for(Account.new(email: "a@b.c")), field: :email)
+    refute field.error?
+  end
+
+  def test_explicit_error_wins_over_model_errors
+    field = UI::FormField.new(form: form_builder_for(invalid_account), field: :email, error: "Use your work email")
+    assert_equal "Use your work email", field.error_message
+  end
+
+  def test_error_false_ignores_model_errors
+    field = UI::FormField.new(form: form_builder_for(invalid_account), field: :email, error: false)
+    refute field.error?
+  end
+
+  def test_form_without_a_model_has_no_errors
+    builder = ActionView::Helpers::FormBuilder.new(:search, nil, vc_test_controller.view_context, {})
+    refute UI::FormField.new(form: builder, field: :q).error?
+  end
+
+  def test_label_comes_from_the_attribute
+    render_inline(UI::FormField.new(form: form_builder_for(Account.new), field: :name)) { "x" }
+    assert_selector "label", text: "Name"
+  end
+end

data/registry/test/components/ui/input_group_test.rb

@@ -74,8 +74,17 @@ class UI::InputGroupTest < ViewComponent::TestCase
     render_inline(UI::InputGroup.new) do |g|
       g.with_field(error: true, placeholder: "x")
     end
-    wrapper = page.find("div[data-slot='input-group']")
-    assert_includes wrapper[:class], "border-destructive"
+    classes = page.find("div[data-slot='input-group']")[:class].split
+    # Driven by the field's aria-invalid, with a selector browsers accept:
+    # a :has() nested in another :has() is invalid and the rule is dropped.
+    assert_includes classes, "has-[[data-slot][aria-invalid=true]:enabled]:border-destructive"
+    assert classes.none? { |c| c.scan(":has(").size > 0 && c.start_with?("has-[") }, "nested :has() in #{classes.grep(/has\(/)}"
+  end
+
+  def test_field_never_renders_messages_inside_the_group
+    render_inline(UI::InputGroup.new) { |g| g.with_field(error: "Taken", hint: "Pick another") }
+    assert_selector "input[aria-invalid='true']"
+    refute_selector "p"
   end
 
   def test_field_disabled_sets_disabled_on_input
@@ -140,4 +149,23 @@ class UI::InputGroupTest < ViewComponent::TestCase
     end
     assert_selector "div#my-group[data-slot='input-group']"
   end
+
+  def test_ring_follows_the_control_not_any_focused_addon
+    render_inline(UI::InputGroup.new) { |g| g.with_field(placeholder: "x") }
+    classes = page.find("div[data-slot='input-group']")[:class].split
+    assert_includes classes, "has-[[data-slot]:focus]:ring-2"
+    refute classes.any? { |c| c.start_with?("focus-within:") }
+  end
+
+  def test_addon_button_rings_on_keyboard_focus_only
+    render_inline(UI::InputGroup.new) do |g|
+      g.with_field(placeholder: "x")
+      g.with_addon(align: "inline-end") { |a| a.with_icon_button(aria: { label: "Show" }) { "o" } }
+    end
+    classes = page.find("button[aria-label='Show']")[:class].split
+    assert_includes classes, "focus:ring-0"
+    assert_includes classes, "focus:ring-offset-0"
+    assert_includes classes, "focus-visible:ring-2"
+    refute_includes classes, "focus:ring-2"
+  end
 end

data/registry/test/components/ui/input_test.rb

@@ -248,4 +248,41 @@ class UI::InputTest < ViewComponent::TestCase
     render_inline(UI::Input.new(name: "user[email]"))
     assert_no_selector "label"
   end
+
+  # ── Hint and error message ───────────────────────────────────────────────────
+
+  def test_hint_describes_the_input
+    render_inline(UI::Input.new(hint: "We never share it"))
+    input = page.find("input")
+    assert input[:id].start_with?("ui-input-")
+    assert_selector "div > input + p##{input[:id]}-hint", text: "We never share it"
+    assert_equal "#{input[:id]}-hint", input["aria-describedby"]
+  end
+
+  def test_error_message_marks_invalid_and_describes
+    render_inline(UI::Input.new(label: "Email", id: "email", error: "Enter an email"))
+    input = page.find("input#email[aria-invalid='true']")
+    assert_includes input[:class].split, "border-destructive"
+    assert_selector "p#email-error.text-destructive", text: "Enter an email"
+    assert_equal "email-error", input["aria-describedby"]
+  end
+
+  def test_error_true_styles_without_variant
+    render_inline(UI::Input.new(error: true))
+    assert_includes page.find("input[aria-invalid='true']")[:class].split, "border-destructive"
+    refute_selector "p"
+  end
+
+  class Signup
+    include ActiveModel::Model
+    attr_accessor :email
+    validates :email, presence: true
+  end
+
+  def test_model_errors_show_under_a_bound_input
+    signup = Signup.new.tap(&:validate)
+    render_inline(UI::Input.new(form: ActionView::Helpers::FormBuilder.new(:signup, signup, vc_test_controller.view_context, {}), field: :email))
+    input = page.find("input[name='signup[email]'][aria-invalid='true']")
+    assert_selector "p##{input[:id]}-error", text: "Email can't be blank"
+  end
 end

data/registry/test/components/ui/native_select_test.rb

@@ -17,6 +17,20 @@ class UI::NativeSelectTest < ViewComponent::TestCase
 
   # Native rather than a custom listbox: it gets the platform picker on a
   # phone, keyboard support and screen-reader behaviour for free.
+  def test_hint_and_error_describe_the_select
+    render_inline(UI::NativeSelect.new(options: %w[a b], label: "Team", id: "team", hint: "You can change it later", error: "Choose a team"))
+    select = page.find("select#team[aria-invalid='true']")
+    assert_equal "team-hint team-error", select["aria-describedby"]
+    assert_selector "p#team-hint", text: "You can change it later"
+    assert_selector "p#team-error.text-destructive", text: "Choose a team"
+  end
+
+  def test_no_label_or_messages_renders_no_wrapper
+    render_inline(UI::NativeSelect.new(options: %w[a b]))
+    refute_selector "div.flex-col"
+    refute_selector "select[aria-describedby]"
+  end
+
   def test_accepts_a_plain_array_of_strings
     render_inline(UI::NativeSelect.new(name: "board", options: %w[cbse icse]))
     assert_selector "option[value='cbse']", text: "cbse"
@@ -115,4 +129,15 @@ class UI::NativeSelectTest < ViewComponent::TestCase
     assert_equal "", page.all("option").first[:value]
     assert_equal "selected", page.find("option[value='2']")[:selected]
   end
+
+  def test_a_bound_select_keeps_the_models_value
+    record = Struct.new(:team_id) do
+      def to_model = self
+      def model_name = ActiveModel::Name.new(self.class, nil, "Member")
+      def persisted? = false
+    end.new(2)
+    form = ActionView::Helpers::FormBuilder.new(:member, record, vc_test_controller.view_context, {})
+    render_inline(UI::NativeSelect.new(form: form, field: :team_id, options: [ [ "Design", 1 ], [ "Engineering", 2 ] ], prompt: "Choose"))
+    assert_selector "option[value='2'][selected]", text: "Engineering"
+  end
 end

data/registry/test/components/ui/password_input_test.rb

@@ -95,4 +95,13 @@ class UI::PasswordInputTest < ViewComponent::TestCase
     render_inline(UI::PasswordInput.new(form: form_builder_for(User.new), field: :password, label: false))
     assert_no_selector "label"
   end
+
+  def test_hint_and_error_sit_outside_the_group_and_describe_the_input
+    render_inline(UI::PasswordInput.new(label: "Password", id: "pw", hint: "At least 12 characters", error: "Too short"))
+    input = page.find("input#pw[aria-invalid='true']")
+    assert_equal "pw-hint pw-error", input["aria-describedby"]
+    assert_selector "p#pw-hint", text: "At least 12 characters"
+    assert_selector "p#pw-error", text: "Too short"
+    assert_selector "p", count: 2
+  end
 end

data/registry/test/components/ui/select_test.rb

@@ -178,4 +178,18 @@ class UI::SelectTest < ViewComponent::TestCase
     assert_equal "true", root["data-ui--select-multiple-value"]
     assert_equal "%{count} selected", root["data-ui--select-summary-value"]
   end
+
+  def test_hint_and_error_describe_the_trigger
+    render_inline(UI::Select.new(options: %w[Free Pro], label: "Plan", hint: "Billed monthly", error: "Choose a plan"))
+    trigger = page.find("button[role='combobox'][aria-invalid='true']")
+    assert_equal "#{trigger[:id]}-hint #{trigger[:id]}-error", trigger["aria-describedby"]
+    assert_selector "p##{trigger[:id]}-hint", text: "Billed monthly"
+    assert_selector "p##{trigger[:id]}-error.text-destructive", text: "Choose a plan"
+  end
+
+  def test_no_messages_no_describedby
+    render_inline(UI::Select.new(options: %w[Free Pro]))
+    refute_selector "button[aria-describedby]"
+    refute_selector "p.text-destructive"
+  end
 end

data/registry/test/components/ui/table_of_contents/item_test.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+require "test_helper"
+
+class UI::TableOfContents::ItemTest < ViewComponent::TestCase
+  def setup_fixtures(*); end
+  def teardown_fixtures(*); end
+
+  def test_renders_list_item_with_link
+    render_inline(UI::TableOfContents::Item.new(href: "#usage", text: "Usage"))
+    assert_selector "li > a[href='#usage']", text: "Usage"
+  end
+
+  def test_user_class_merge
+    render_inline(UI::TableOfContents::Item.new(href: "#usage", text: "Usage", class: "italic"))
+    classes = page.find("a")[:class].split
+    assert_includes classes, "italic"
+    assert_includes classes, "rounded-md"
+  end
+
+  def test_html_attrs_and_data_merge_onto_link
+    render_inline(UI::TableOfContents::Item.new(href: "#usage", text: "Usage", title: "Usage", data: { turbo: false }))
+    link = page.find("a")
+    assert_equal "Usage", link[:title]
+    assert_equal "false", link["data-turbo"]
+    assert_equal "link", link["data-ui--table-of-contents-target"]
+  end
+
+  def test_children_nest_deeper
+    render_inline(UI::TableOfContents::Item.new(href: "#a", text: "A")) do |item|
+      item.with_item(href: "#b", text: "B") do |child|
+        child.with_item(href: "#c", text: "C")
+      end
+    end
+    assert_selector "li > ul > li > ul > li > a[href='#c']"
+    assert_includes page.find("a[href='#c']")[:class].split, "py-1"
+  end
+end

data/registry/test/components/ui/table_of_contents_test.rb

@@ -0,0 +1,120 @@
+# frozen_string_literal: true
+
+require "test_helper"
+
+class UI::TableOfContentsTest < ViewComponent::TestCase
+  def setup_fixtures(*); end
+  def teardown_fixtures(*); end
+
+  def render_toc(**opts)
+    render_inline(UI::TableOfContents.new(**opts)) do |toc|
+      toc.with_item(href: "#process", text: "Contribution process") do |item|
+        item.with_item(href: "#issue", text: "Create an issue")
+        item.with_item(href: "#merge", text: "Merge your changes")
+      end
+      toc.with_item(href: "#resources", text: "Resources")
+    end
+  end
+
+  # Structure
+
+  def test_renders_nav_landmark_with_default_label
+    render_toc
+    assert_selector "nav[aria-label='On this page']"
+  end
+
+  def test_custom_label
+    render_toc(label: "Sections")
+    assert_selector "nav[aria-label='Sections']"
+  end
+
+  def test_title_labels_the_nav
+    render_toc(title: "On this page", id: "toc")
+    assert_selector "nav#toc[aria-labelledby='toc-title']:not([aria-label])"
+    assert_selector "p#toc-title", text: "On this page"
+  end
+
+  def test_renders_top_level_links
+    render_toc
+    assert_selector "nav > div > ul > li > a[href='#process']", text: "Contribution process"
+    assert_selector "nav > div > ul > li > a[href='#resources']", text: "Resources"
+  end
+
+  def test_nested_items_render_in_a_nested_list
+    render_toc
+    assert_selector "li > ul > li > a[href='#issue']", text: "Create an issue"
+    assert_selector "li > ul > li > a[href='#merge']"
+  end
+
+  def test_nested_links_are_tighter_than_top_level
+    render_toc
+    assert_includes page.find("a[href='#process']")[:class].split, "py-1.5"
+    assert_includes page.find("a[href='#issue']")[:class].split, "py-1"
+  end
+
+  def test_leaf_items_have_no_nested_list
+    render_toc
+    assert_no_selector "a[href='#resources'] + ul"
+  end
+
+  # Controller wiring
+
+  def test_root_carries_controller_and_values
+    render_toc(offset: 120, container: "#main")
+    nav = page.find("nav[data-controller~='ui--table-of-contents']")
+    assert_equal "120", nav["data-ui--table-of-contents-offset-value"]
+    assert_equal "#main", nav["data-ui--table-of-contents-container-value"]
+  end
+
+  def test_container_value_omitted_by_default
+    render_toc
+    nav = page.find("nav")
+    assert_nil nav["data-ui--table-of-contents-container-value"]
+  end
+
+  def test_links_are_targets_with_click_action
+    render_toc
+    links = page.all("a[data-ui--table-of-contents-target='link']")
+    assert_equal 4, links.size
+    links.each do |link|
+      assert_equal "click->ui--table-of-contents#select", link["data-action"]
+      assert_equal "inactive", link["data-state"]
+    end
+  end
+
+  def test_rail_and_indicator_targets
+    render_toc
+    assert_selector "[data-ui--table-of-contents-target='rail'] > [data-ui--table-of-contents-target='indicator'][aria-hidden='true']", visible: :all
+  end
+
+  def test_no_link_is_current_before_the_controller_runs
+    render_toc
+    assert_no_selector "a[aria-current]"
+  end
+
+  # Attributes
+
+  def test_root_has_auto_generated_id
+    render_toc
+    assert page.find("nav")[:id].start_with?("ui-toc-")
+  end
+
+  def test_user_class_merge
+    render_toc(class: "sticky top-20")
+    classes = page.find("nav")[:class].split
+    assert_includes classes, "sticky"
+    assert_includes classes, "text-sm"
+  end
+
+  def test_html_attrs_passthrough_keeps_controller
+    render_toc(data: { test_id: "toc" })
+    assert_selector "nav[data-test-id='toc'][data-controller~='ui--table-of-contents']"
+  end
+
+  def test_starts_settling_so_the_first_state_does_not_animate
+    render_toc
+    nav = page.find("nav")
+    assert nav.matches_css?("[data-settling]")
+    assert_includes nav[:class].split, "data-[settling]:[&_*]:transition-none"
+  end
+end

data/registry/test/components/ui/textarea_test.rb

@@ -0,0 +1,178 @@
+# frozen_string_literal: true
+
+require "test_helper"
+
+class UI::TextareaTest < ViewComponent::TestCase
+  def setup_fixtures(*); end
+  def teardown_fixtures(*); end
+
+  # ── Default render ───────────────────────────────────────────────────────────
+
+  def test_renders_textarea_tag
+    render_inline(UI::Textarea.new)
+    assert_selector "textarea"
+    refute_selector "div"
+  end
+
+  def test_default_rows
+    render_inline(UI::Textarea.new)
+    assert_selector "textarea[rows='3']"
+  end
+
+  def test_custom_rows
+    render_inline(UI::Textarea.new(rows: 6))
+    assert_selector "textarea[rows='6']"
+  end
+
+  def test_default_classes
+    render_inline(UI::Textarea.new)
+    classes = page.find("textarea")[:class].split
+    assert_includes classes, "border-input"
+    assert_includes classes, "text-sm"
+    assert_includes classes, "resize-y"
+  end
+
+  # ── Sizes and resizing ───────────────────────────────────────────────────────
+
+  def test_size_sm
+    render_inline(UI::Textarea.new(size: :sm))
+    assert_includes page.find("textarea")[:class].split, "text-xs"
+  end
+
+  def test_size_lg
+    render_inline(UI::Textarea.new(size: :lg))
+    assert_includes page.find("textarea")[:class].split, "text-base"
+  end
+
+  def test_resize_none
+    render_inline(UI::Textarea.new(resize: :none))
+    classes = page.find("textarea")[:class].split
+    assert_includes classes, "resize-none"
+    refute_includes classes, "resize-y"
+  end
+
+  def test_autogrow_sizes_to_content_and_cannot_be_dragged
+    render_inline(UI::Textarea.new(autogrow: true))
+    classes = page.find("textarea")[:class].split
+    assert_includes classes, "field-sizing-content"
+    assert_includes classes, "resize-none"
+    refute_includes classes, "resize-y"
+  end
+
+  # ── Value ────────────────────────────────────────────────────────────────────
+
+  def test_value_renders_as_content
+    render_inline(UI::Textarea.new(value: "Hello\nworld"))
+    assert_equal "Hello\nworld", page.find("textarea").value
+  end
+
+  def test_value_is_escaped
+    render_inline(UI::Textarea.new(value: "</textarea><script>x</script>"))
+    assert_selector "textarea", count: 1
+    refute_selector "script"
+  end
+
+  # ── States ───────────────────────────────────────────────────────────────────
+
+  def test_error_sets_aria_invalid_and_destructive_border
+    render_inline(UI::Textarea.new(error: true))
+    textarea = page.find("textarea[aria-invalid='true']")
+    assert_includes textarea[:class].split, "border-destructive"
+  end
+
+  def test_no_error_no_aria_invalid
+    render_inline(UI::Textarea.new)
+    refute_selector "textarea[aria-invalid]"
+  end
+
+  def test_disabled
+    render_inline(UI::Textarea.new(disabled: true))
+    assert_selector "textarea[disabled]"
+  end
+
+  def test_required
+    render_inline(UI::Textarea.new(required: true))
+    assert_selector "textarea[required]"
+  end
+
+  # ── Attributes ───────────────────────────────────────────────────────────────
+
+  def test_html_attrs_pass_through
+    render_inline(UI::Textarea.new(name: "post[body]", id: "body", placeholder: "Write…", maxlength: 500))
+    assert_selector "textarea#body[name='post[body]'][placeholder='Write…'][maxlength='500']"
+  end
+
+  def test_user_class_merges_via_tailwind_merge
+    render_inline(UI::Textarea.new(class: "bg-muted max-h-60"))
+    classes = page.find("textarea")[:class].split
+    refute_includes classes, "bg-background"
+    assert_includes classes, "bg-muted"
+    assert_includes classes, "max-h-60"
+  end
+
+  # ── Label ────────────────────────────────────────────────────────────────────
+
+  def test_label_is_a_linked_sibling
+    render_inline(UI::Textarea.new(label: "Message"))
+    assert_selector "div > label + textarea"
+    assert_equal page.find("textarea")[:id], page.find("label")[:for]
+    assert page.find("textarea")[:id].start_with?("ui-textarea-")
+  end
+
+  def test_explicit_id_is_linked
+    render_inline(UI::Textarea.new(label: "Message", id: "msg"))
+    assert_selector "label[for='msg'] + textarea#msg"
+  end
+
+  def test_required_label_shows_asterisk
+    render_inline(UI::Textarea.new(label: "Message", required: true))
+    assert_selector "label span.text-destructive", text: "*"
+  end
+
+  # ── Form builder ─────────────────────────────────────────────────────────────
+
+  class Post
+    include ActiveModel::Model
+    attr_accessor :body
+  end
+
+  def form_builder_for(record)
+    ActionView::Helpers::FormBuilder.new(:post, record, vc_test_controller.view_context, {})
+  end
+
+  def test_form_binding_scopes_name_and_fills_value
+    render_inline(UI::Textarea.new(form: form_builder_for(Post.new(body: "Draft")), field: :body))
+    textarea = page.find("textarea[name='post[body]']")
+    assert_equal "Draft", textarea.value
+    assert_includes textarea[:class].split, "border-input"
+  end
+
+  def test_form_binding_derives_linked_label
+    render_inline(UI::Textarea.new(form: form_builder_for(Post.new), field: :body))
+    assert_selector "label", text: "Body"
+    assert_equal page.find("label")[:for], page.find("textarea")[:id]
+  end
+
+  def test_label_false_opts_out
+    render_inline(UI::Textarea.new(form: form_builder_for(Post.new), field: :body, label: false))
+    assert_no_selector "label"
+  end
+
+  # ── Hint and error message ───────────────────────────────────────────────────
+
+  def test_hint_and_error_describe_the_textarea
+    render_inline(UI::Textarea.new(label: "Bio", id: "bio", hint: "Markdown works", error: "Too long"))
+    textarea = page.find("textarea#bio[aria-invalid='true']")
+    assert_equal "bio-hint bio-error", textarea["aria-describedby"]
+    assert_includes textarea[:class].split, "border-destructive"
+    assert_selector "textarea + p#bio-hint + p#bio-error"
+  end
+
+  def test_model_errors_show_under_a_bound_textarea
+    post = Post.new
+    post.errors.add(:body, :blank)
+    render_inline(UI::Textarea.new(form: form_builder_for(post), field: :body))
+    assert_selector "textarea[aria-invalid='true']"
+    assert_selector "p.text-destructive", text: "Body can't be blank"
+  end
+end