fix: view components with multiple attributes (#599)

Author: brendt

src/Tempest/View/src/Attributes/DataAttribute.php

@@ -19,7 +19,10 @@ public function __construct(
 
     public function apply(Element $element): Element
     {
-        if (! $element instanceof ViewComponentElement) {
+        if (
+            ! $element instanceof ViewComponentElement
+            && ! $element instanceof PhpDataElement
+        ) {
             return $element;
         }
 

src/Tempest/View/src/Elements/PhpDataElement.php

@@ -19,6 +19,11 @@ public function __construct(
     ) {
     }
 
+    public function getAttribute(string $name): string|null
+    {
+        return $this->wrappingElement->getAttribute($name);
+    }
+
     public function compile(): string
     {
         $name = ltrim($this->name, ':');

tests/Fixtures/Views/view-component-with-multiple-attributes.view.php

@@ -0,0 +1,8 @@
+<x-component name="x-view-component-with-multiple-attributes">
+    <div class="a">
+        {{ $a }}
+    </div>
+    <div class="b">
+        {{ $b }}
+    </div>
+</x-component>

tests/Integration/View/TempestViewRendererTest.php

@@ -372,4 +372,24 @@ public function test_render_element_with_attribute_with_dash(): void
             $html,
         );
     }
+
+    public function test_view_component_with_multiple_attributes(): void
+    {
+        $expected = '<div class="a">
+        a    </div>
+<div class="b">
+        b    </div>';
+
+        $html = $this->render(view('<x-view-component-with-multiple-attributes a="a" b="b"></x-view-component-with-multiple-attributes>'));
+        $this->assertStringEqualsStringIgnoringLineEndings($expected, $html);
+
+        $html = $this->render(view('<x-view-component-with-multiple-attributes a="a" :b="\'b\'"></x-view-component-with-multiple-attributes>'));
+        $this->assertStringEqualsStringIgnoringLineEndings($expected, $html);
+
+        $html = $this->render(view('<x-view-component-with-multiple-attributes :a="\'a\'" :b="\'b\'"></x-view-component-with-multiple-attributes>'));
+        $this->assertStringEqualsStringIgnoringLineEndings($expected, $html);
+
+        $html = $this->render(view('<x-view-component-with-multiple-attributes :a="\'a\'" b="b"></x-view-component-with-multiple-attributes>'));
+        $this->assertStringEqualsStringIgnoringLineEndings($expected, $html);
+    }
 }

tests/Integration/View/ViewComponentTest.php

@@ -61,9 +61,13 @@ public function test_nested_components(): void
         $this->assertStringEqualsStringIgnoringLineEndings(
             expected: <<<'HTML'
             <form action="#" method="post"><div><div><label for="a">a</label><input type="number" name="a" id="a" value></input></div>
+            
+            
             </div>
             <div><label for="b">b</label><input type="text" name="b" id="b" value></input></div>
             
+            
+            
             </form>
             HTML,
             actual: $this->render(view(