Add failing test for using icon in a named slot

erikaraujo · erikaraujo · commit 0ffd2dffd992 · 2025-04-24T09:30:17.000-03:00
diff --git a/tests/Fixtures/Views/view-with-icon-inside-named-slot.view.php b/tests/Fixtures/Views/view-with-icon-inside-named-slot.view.php
@@ -0,0 +1,6 @@
+<x-test-layout>
+    <x-slot name="icon">
+        <x-icon name="ph:eye" class="size-5" />
+    </x-slot>
+    Test
+</x-test-layout>
diff --git a/tests/Integration/View/IconComponentTest.php b/tests/Integration/View/IconComponentTest.php
@@ -14,6 +14,8 @@
 use Tempest\View\IconConfig;
 use Tests\Tempest\Integration\FrameworkIntegrationTestCase;
 
+use function Tempest\view;
+
 final class IconComponentTest extends FrameworkIntegrationTestCase
 {
     protected function setUp(): void
@@ -183,4 +185,26 @@ public function test_with_dynamic_data(): void
             $rendered,
         );
     }
+
+    public function test_icon_renders_inside_named_slot_in_a_layout(): void
+    {
+        $this->registerViewComponent('x-test-layout', '<x-index><div><x-slot name="icon" /></div><x-slot /></x-index>');
+
+        $mockHttpClient = $this->createMock(HttpClient::class);
+        $mockHttpClient
+            ->expects($this->exactly(1))
+            ->method('get')
+            ->with('https://api.iconify.design/ph/eye.svg')
+            ->willReturn(new GenericResponse(status: Status::OK, body: '<svg></svg>'));
+
+        $this->container->register(HttpClient::class, fn () => $mockHttpClient);
+
+        $view = view(__DIR__ . '/../../Fixtures/Views/view-with-icon-inside-named-slot.view.php');
+        $html = $this->render($view);
+
+        $this->assertSame(
+            '<html lang="en"><head><title></title></head><body><div><svg class="size-5"></svg></div>Test</body></html>',
+            $html,
+        );
+    }
 }
