test: basic tests for for:each and iterator (salesforce#1965)

ravijayaramappa · web-flow · commit ec70a0954de0 · 2020-07-06T23:14:55.000-07:00
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/config.json b/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/config.json
@@ -0,0 +1,8 @@
+{
+    "props": {
+        "list": [
+            { "continent": "europe", "cities": ["paris", "london", "rome"] },
+            { "continent": "asia", "cities": ["tokyo", "kuala lumpur", "singapore"] }
+        ]
+    }
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/expected.html b/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/expected.html
@@ -0,0 +1,27 @@
+<x-for-each-child-nested>
+    <template shadow-root>
+      <ol>
+        <li>
+          europe
+          <x-child>
+            <template shadow-root>
+              <li>0 - paris</li>
+              <li>1 - london</li>
+              <li>2 - rome</li>
+            </template>
+          </x-child>
+        </li>
+        <li>
+          asia
+          <x-child>
+            <template shadow-root>
+              <li>0 - tokyo</li>
+              <li>1 - kuala lumpur</li>
+              <li>2 - singapore</li>
+            </template>
+          </x-child>
+        </li>
+      </ol>
+    </template>
+  </x-for-each-child-nested>
+  
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/modules/x/child/child.html b/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/modules/x/child/child.html
@@ -0,0 +1,5 @@
+<template>
+    <template for:each={cities} for:item="city" for:index="index">
+        <li key={city}>{index} - {city}</li>
+    </template>
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/modules/x/child/child.js b/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/modules/x/child/child.js
@@ -0,0 +1,6 @@
+import { LightningElement, api } from 'lwc';
+
+export default class Child extends LightningElement {
+    @api
+    cities;
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/modules/x/for-each-child-nested/for-each-child-nested.html b/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/modules/x/for-each-child-nested/for-each-child-nested.html
@@ -0,0 +1,10 @@
+<template>
+    <ol>
+        <template for:each={list} for:item="item" for:index="index">
+            <li key={item.continent}>
+                {item.continent}
+                <x-child cities={item.cities}></x-child>
+            </li>
+        </template>
+    </ol>
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/modules/x/for-each-child-nested/for-each-child-nested.js b/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-child-nested/modules/x/for-each-child-nested/for-each-child-nested.js
@@ -0,0 +1,5 @@
+import { LightningElement, api } from 'lwc';
+
+export default class Test extends LightningElement {
+    @api list;
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-nested/config.json b/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-nested/config.json
@@ -0,0 +1,8 @@
+{
+    "props": {
+        "list": [
+            { "continent": "europe", "cities": ["paris", "london", "rome"] },
+            { "continent": "asia", "cities": ["tokyo", "kuala lumpur", "singapore"] }
+        ]
+    }
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-nested/expected.html b/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-nested/expected.html
@@ -0,0 +1,22 @@
+<x-for-each-nested>
+  <template shadow-root>
+    <ol>
+      <li>
+        europe
+        <ul>
+          <li>paris</li>
+          <li>london</li>
+          <li>rome</li>
+        </ul>
+      </li>
+      <li>
+        asia
+        <ul>
+          <li>tokyo</li>
+          <li>kuala lumpur</li>
+          <li>singapore</li>
+        </ul>
+      </li>
+    </ol>
+  </template>
+</x-for-each-nested>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-nested/modules/x/for-each-nested/for-each-nested.html b/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-nested/modules/x/for-each-nested/for-each-nested.html
@@ -0,0 +1,14 @@
+<template>
+    <ol>
+        <template for:each={list} for:item="item" for:index="index">
+            <li key={item.continent}>
+                {item.continent}
+                <ul>
+                <template for:each={item.cities} for:item="city" for:index="innerindex">
+                    <li key={city}>{city}</li>
+                </template>
+                </ul>
+            </li>
+        </template>
+    </ol>
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-nested/modules/x/for-each-nested/for-each-nested.js b/packages/@lwc/engine-server/src/__tests__/fixtures/for-each-nested/modules/x/for-each-nested/for-each-nested.js
@@ -0,0 +1,5 @@
+import { LightningElement, api } from 'lwc';
+
+export default class Test extends LightningElement {
+    @api list;
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/iterator-block/config.json b/packages/@lwc/engine-server/src/__tests__/fixtures/iterator-block/config.json
@@ -0,0 +1,9 @@
+{
+    "props": {
+        "list": [
+            "paris",
+            "london",
+            "tokyo"
+        ]
+    }
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/iterator-block/expected.html b/packages/@lwc/engine-server/src/__tests__/fixtures/iterator-block/expected.html
@@ -0,0 +1,15 @@
+<x-iterator-block>
+  <template shadow-root>
+    <ul>
+      <li>
+        <div class="list-first"></div>
+        0 - paris
+      </li>
+      <li>1 - london</li>
+      <li>
+        2 - tokyo
+        <div class="list-last"></div>
+      </li>
+    </ul>
+  </template>
+</x-iterator-block>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/iterator-block/modules/x/iterator-block/iterator-block.html b/packages/@lwc/engine-server/src/__tests__/fixtures/iterator-block/modules/x/iterator-block/iterator-block.html
@@ -0,0 +1,11 @@
+<template>
+    <ul>
+        <template iterator:it={list}>
+            <li key={it.value}>
+                <div if:true={it.first} class="list-first"></div>
+                {it.index} - {it.value}
+                <div if:true={it.last} class="list-last"></div>
+            </li>
+        </template>
+    </ul>
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/iterator-block/modules/x/iterator-block/iterator-block.js b/packages/@lwc/engine-server/src/__tests__/fixtures/iterator-block/modules/x/iterator-block/iterator-block.js
@@ -0,0 +1,5 @@
+import { LightningElement, api } from 'lwc';
+
+export default class Test extends LightningElement {
+    @api list;
+}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,6 @@ @@
 +import { LightningElement, api } from 'lwc';
++
 +export default class Child extends LightningElement {
 +    @api
 +    cities;
 +}