From bc86e7a29803e987c7da025b0e1e60c153fcec98 Mon Sep 17 00:00:00 2001
From: fadrian06 <franyeradriansanchez@gmail.com>
Date: Wed, 24 Jun 2026 02:08:11 -0400
Subject: [PATCH] 3. renders self close class components that extends another
 class component

---
 tests/ViewTest.php                            |  7 ++++++-
 .../components/another-class-component.php    | 19 +++++++++++++++++++
 ...t-that-extends-another-class-component.php | 16 ++++++++++++++++
 .../my-class-component-with-scripts.php       |  4 +---
 tests/views/components/my-class-component.php |  4 +---
 .../components/my-functional-component.php    |  4 +---
 ...t-that-extends-another-class-component.php |  1 +
 7 files changed, 45 insertions(+), 10 deletions(-)
 create mode 100644 tests/views/components/another-class-component.php
 create mode 100644 tests/views/components/my-class-component-that-extends-another-class-component.php
 create mode 100644 tests/views/pages/page-with-class-component-that-extends-another-class-component.php

diff --git a/tests/ViewTest.php b/tests/ViewTest.php
index b649a56..a6abff5 100644
--- a/tests/ViewTest.php
+++ b/tests/ViewTest.php
@@ -314,7 +314,12 @@ class ViewTest extends TestCase
                 <script>console.log('my-class-component-with-scripts')</script>
                 html,
             ],
-
+            [
+                'page-with-class-component-that-extends-another-class-component',
+                <<<'html'
+                another-class-component extended by my-class-component-that-extends-another-class-component
+                html,
+            ],
         ];
     }
 
diff --git a/tests/views/components/another-class-component.php b/tests/views/components/another-class-component.php
new file mode 100644
index 0000000..2731373
--- /dev/null
+++ b/tests/views/components/another-class-component.php
@@ -0,0 +1,19 @@
+<?php
+
+declare(strict_types=1);
+
+namespace tests\views\components;
+
+use flight\template\Component;
+use Override;
+
+if (!class_exists('AnotherClassComponent')) {
+    class AnotherClassComponent extends Component
+    {
+        #[Override]
+        public function html(): string
+        {
+            return 'another-class-component';
+        }
+    }
+}
\ No newline at end of file
diff --git a/tests/views/components/my-class-component-that-extends-another-class-component.php b/tests/views/components/my-class-component-that-extends-another-class-component.php
new file mode 100644
index 0000000..c071b1e
--- /dev/null
+++ b/tests/views/components/my-class-component-that-extends-another-class-component.php
@@ -0,0 +1,16 @@
+<?php
+
+declare(strict_types=1);
+
+use tests\views\components\AnotherClassComponent;
+
+require_once __DIR__ . '/another-class-component.php';
+
+return new class extends AnotherClassComponent
+{
+    #[Override]
+    public function html(): string
+    {
+        return parent::html() . ' extended by my-class-component-that-extends-another-class-component';
+    }
+};
\ No newline at end of file
diff --git a/tests/views/components/my-class-component-with-scripts.php b/tests/views/components/my-class-component-with-scripts.php
index 280307e..3e3976c 100644
--- a/tests/views/components/my-class-component-with-scripts.php
+++ b/tests/views/components/my-class-component-with-scripts.php
@@ -9,9 +9,7 @@ return new class extends Component
     #[Override]
     public function html(): string
     {
-        return <<<'html'
-        my-class-component-with-scripts
-        html;
+        return 'my-class-component-with-scripts';
     }
 
     #[Override]
diff --git a/tests/views/components/my-class-component.php b/tests/views/components/my-class-component.php
index be86579..e44e7d0 100644
--- a/tests/views/components/my-class-component.php
+++ b/tests/views/components/my-class-component.php
@@ -9,8 +9,6 @@ return new class extends Component
     #[Override]
     public function html(): string
     {
-        return <<<'html'
-        my-class-component
-        html;
+        return 'my-class-component';
     }
 };
\ No newline at end of file
diff --git a/tests/views/components/my-functional-component.php b/tests/views/components/my-functional-component.php
index 0bff949..73f98da 100644
--- a/tests/views/components/my-functional-component.php
+++ b/tests/views/components/my-functional-component.php
@@ -2,6 +2,4 @@
 
 declare(strict_types=1);
 
-return fn (): string => <<<'html'
-my-functional-component
-html;
\ No newline at end of file
+return fn (): string => 'my-functional-component';
\ No newline at end of file
diff --git a/tests/views/pages/page-with-class-component-that-extends-another-class-component.php b/tests/views/pages/page-with-class-component-that-extends-another-class-component.php
new file mode 100644
index 0000000..2fef30a
--- /dev/null
+++ b/tests/views/pages/page-with-class-component-that-extends-another-class-component.php
@@ -0,0 +1 @@
+<f-my-class-component-that-extends-another-class-component />
\ No newline at end of file