fix test

Author: Mihai-Munteanu

app/components/avo/view_types/grid_component.html.erb

@@ -10,7 +10,7 @@
     <% @resources.each_with_index do |resource, index| %>
       <% cache_if Avo.configuration.cache_resources_on_index_view, resource.cache_hash(@parent_record) do %>
         <% card = grid_card_for(resource) %>
-        <%= render Avo::UI::GridItemComponent.new(
+        <%= render resource.resolve_component(Avo::UI::GridItemComponent).new(
           image: card[:cover_url],
           title: card[:title],
           description: card[:body],

spec/dummy/app/components/avo/for_test/ui_grid_item_component.html.erb

@@ -0,0 +1,4 @@
+<div class="flex flex-col">
+  Custom grid item component here!
+  <%= render(Avo::UI::GridItemComponent.new(**@args)) %>
+</div>

spec/dummy/app/components/avo/for_test/ui_grid_item_component.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class Avo::ForTest::UiGridItemComponent < Avo::BaseComponent
+  def initialize(**args)
+    @args = args
+  end
+end

spec/dummy/test/components/previews/u_i/grid_item_component_preview/mixed_cases.html.erb

@@ -24,7 +24,23 @@
     variant = ipod_product.image.variant(resize_to_fill: [300, 300])
     main_app.url_for(variant)
   end
-%>
+
+  simulated_actions = capture do %>
+  <div>
+    <%= link_to "#", class: "flex items-center gap-2" do %>
+      <%= svg("tabler/outline/pencil", class: "h-6") %>
+      Edit
+    <% end %>
+    <%= link_to "#", class: "flex items-center gap-2" do %>
+      <%= svg("tabler/outline/eye", class: "h-6") %>
+      View
+    <% end %>
+    <%= link_to "#", class: "flex items-center gap-2" do %>
+      <%= svg("tabler/outline/trash", class: "h-6") %>
+      Delete
+    <% end %>
+  </div>
+<% end %>
 <div class="p-8 bg-white">
   <h3 class="text-lg font-semibold text-gray-900 mb-6">Mixed Cases - 8 Items</h3>
   <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
@@ -34,63 +50,62 @@
       badge_label: "New",
       badge_color: :success,
       image: nil,
-      checkbox_checked: false
+      checkbox_checked: false,
+      actions: simulated_actions,
     ) %>
     <%= render Avo::UI::GridItemComponent.new(
       title: "iPhone",
       description: "A magical new way to interact",
       badge_label: "Updated",
       badge_color: :warning,
       image: iphone_image,
-      checkbox_checked: false
+      checkbox_checked: false,
+      actions: simulated_actions,
     ) %>
     <%= render Avo::UI::GridItemComponent.new(
       title: "Apple watch",
       description: "A healthy leap ahead",
-      badge_label: nil,
-      badge_color: :blue,
       image: watch_image,
-      checkbox_checked: false
+      checkbox_checked: false,
+      actions: simulated_actions,
     ) %>
     <%= render Avo::UI::GridItemComponent.new(
       title: "iPod",
-      description: nil,
       badge_label: "Sale",
       badge_color: :danger,
       image: ipod_image,
-      checkbox_checked: false
+      checkbox_checked: false,
+      actions: simulated_actions,
     ) %>
     <%= render Avo::UI::GridItemComponent.new(
       title: nil,
       description: "Item without title",
       badge_label: "Featured",
       badge_color: :purple,
       image: macbook_image,
-      checkbox_checked: false
+      checkbox_checked: false,
+      actions: simulated_actions,
     ) %>
     <%= render Avo::UI::GridItemComponent.new(
       title: "No Description",
-      description: nil,
       badge_label: "Info",
       badge_color: :info,
       image: iphone_image,
-      checkbox_checked: false
+      checkbox_checked: false,
+      actions: simulated_actions,
     ) %>
     <%= render Avo::UI::GridItemComponent.new(
       title: "No Badge Item",
       description: "This item has no badge",
-      badge_label: nil,
-      badge_color: :blue,
       image: watch_image,
-      checkbox_checked: false
+      checkbox_checked: false,
+      actions: simulated_actions,
     ) %>
     <%= render Avo::UI::GridItemComponent.new(
       title: "Minimal Item",
-      description: nil,
-      badge_label: nil,
-      badge_color: :blue,
       image: ipod_image,
-      checkbox_checked: false
+      checkbox_checked: false,
+      actions: simulated_actions,
     ) %>
   </div>
 </div>

spec/features/avo/resource_custom_components_spec.rb

@@ -45,6 +45,7 @@
         "Avo::Views::ResourceShowComponent": "Avo::ForTest::ResourceShowComponent",
         "Avo::Views::ResourceEditComponent": "Avo::ForTest::ResourceEditComponent",
         "Avo::Index::GridItemComponent": "Avo::ForTest::GridItemComponent",
+        "Avo::UI::GridItemComponent": Avo::ForTest::UiGridItemComponent,
         "Avo::ViewTypes::TableComponent": "Avo::ForTest::ResourceTableComponent",
         "Avo::Index::TableRowComponent": "Avo::ForTest::TableRowComponent"
       }