3. renders self close class components that extends another class component

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,
+            ],
         ];
     }
 

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';
+        }
+    }
+}

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';
+    }
+};

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]

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';
     }
 };

tests/views/components/my-functional-component.php

@@ -2,6 +2,4 @@
 
 declare(strict_types=1);
 
-return fn (): string => <<<'html'
-my-functional-component
-html;
+return fn (): string => 'my-functional-component';

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 />