SHODEVS2-122 add third test case (child component with v-for and v-if)

Author: Pia Sinzig

src/Compiler.php

@@ -73,6 +73,8 @@ public function convertNode(DOMNode $node): DOMNode
 
         if (in_array($node->nodeName, array_keys($this->components))) {
             $currentComponent = $this->components[$node->nodeName];
+            $this->handleIf($node);
+            $this->handleFor($node);
             if ($node->hasAttributes()) {
                 /** @var DOMAttr $attribute */
                 foreach ($node->attributes as $attribute) {
@@ -101,6 +103,7 @@ public function convertNode(DOMNode $node): DOMNode
             $include = $this->document->createTextNode('{% include "'.$currentComponent->getPath().'" '.$propsString.'%}');
             $node->parentNode->insertBefore($include, $node);
             $node->parentNode->removeChild($node);
+            return $node;
         }
 
         $this->stripEventHandlers($node);

tests/fixtures/vue-component/component-with-for.twig

@@ -0,0 +1,3 @@
+<div>
+  {% for a in listOfProducts %}{% include "/templates/ChildComponent.twig" with { string: "string", product: productA } %}{% endfor %}
+</div>

tests/fixtures/vue-component/component-with-for.vue

@@ -0,0 +1,10 @@
+<template>
+  <div>
+    <ChildComponent v-for="a in listOfProducts" string="string" :product="productA" />
+  </div>
+</template>
+<script>
+    export default {
+        name: 'component-with-for.vue'
+    };
+</script>

tests/fixtures/vue-component/component-with-if.twig

@@ -0,0 +1,3 @@
+<div>
+  {% if a > 5 %}{% include "/templates/ChildComponent.twig" with { string: "string", product: productA } %}{% endif %}
+</div>

tests/fixtures/vue-component/component-with-if.vue

@@ -0,0 +1,10 @@
+<template>
+  <div>
+    <ChildComponent v-if="a > 5" string="string" :product="productA"/>
+  </div>
+</template>
+<script>
+    export default {
+        name: 'component-with-if.vue'
+    };
+</script>