test: more tests for bindings and nested slots

packages/@lwc/errors/src/compiler/error-info/index.ts

@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 /**
- * Next error code: 1178
+ * Next error code: 1179
  */
 
 export * from './compiler';

packages/@lwc/errors/src/compiler/error-info/template-transform.ts

@@ -838,4 +838,11 @@ export const ParserDiagnostics = {
         level: DiagnosticLevel.Error,
         url: '',
     },
+
+    INVALID_FOR_WITH_LWC_SLOT_DATA: {
+        code: 1178,
+        message: "Invalid usage of 'lwc:slot-data' in an iterator(for:each, for:of) block.",
+        level: DiagnosticLevel.Error,
+        url: '',
+    },
 };

packages/@lwc/template-compiler/src/__tests__/fixtures/scoped-slots/invalid/slot-data/with-for-each-parent/actual.html

@@ -0,0 +1,26 @@
+<template>
+    <x-list>
+        <template for:each={parentItems} for:item="parentItem" >
+            <div key={parentItem}>{parentItem}</div>
+            <template lwc:slot-data="item">
+                <span key={parentItem}>{item.id} - {item.name}</span>
+            </template>
+        </template>
+    </x-list>
+    <x-list>
+        <template for:each={parentItems} for:item="parentItem" >
+            <template lwc:slot-data="item">
+                <div key={parentItem}>{parentItem}</div>
+                <span key={parentItem}>{item.id} - {item.name}</span>
+            </template>
+        </template>
+    </x-list>
+    <template for:each={parentItems} for:item="parentItem" >
+        <x-list key={parentItem}>
+            <template lwc:slot-data="item">
+                <div>{parentItem}</div>
+                <span>{item.id} - {item.name}</span>
+            </template>
+        </x-list>
+    </template>
+</template>

packages/@lwc/template-compiler/src/__tests__/fixtures/scoped-slots/invalid/slot-data/with-for-each-parent/ast.json

@@ -0,0 +1 @@
+{}

packages/@lwc/template-compiler/src/__tests__/fixtures/scoped-slots/invalid/slot-data/with-for-each-parent/config.json

@@ -0,0 +1,3 @@
+{
+   "enableScopedSlots": true
+}

packages/@lwc/template-compiler/src/__tests__/fixtures/scoped-slots/invalid/slot-data/with-for-each-parent/metadata.json

@@ -0,0 +1,37 @@
+{
+    "warnings": [
+        {
+            "code": 1178,
+            "message": "LWC1178: Invalid usage of 'lwc:slot-data' in an iterator(for:each, for:of) block.",
+            "level": 1,
+            "location": {
+                "line": 5,
+                "column": 13,
+                "start": 154,
+                "length": 125
+            }
+        },
+        {
+            "code": 1178,
+            "message": "LWC1178: Invalid usage of 'lwc:slot-data' in an iterator(for:each, for:of) block.",
+            "level": 1,
+            "location": {
+                "line": 12,
+                "column": 13,
+                "start": 404,
+                "length": 182
+            }
+        },
+        {
+            "code": 1178,
+            "message": "LWC1178: Invalid usage of 'lwc:slot-data' in an iterator(for:each, for:of) block.",
+            "level": 1,
+            "location": {
+                "line": 20,
+                "column": 13,
+                "start": 728,
+                "length": 148
+            }
+        }
+    ]
+}

packages/@lwc/template-compiler/src/__tests__/fixtures/scoped-slots/invalid/slot-data/with-for-each-sibling/actual.html

@@ -0,0 +1,7 @@
+<template>
+    <x-list>
+        <template for:each={parentItems} for:item="parentItem" lwc:slot-data="item">
+            <div>{parentItem}</div><span>{item.id} - {item.name}</span>
+        </template>
+    </x-list>
+</template>

packages/@lwc/template-compiler/src/__tests__/fixtures/scoped-slots/invalid/slot-data/with-for-each-sibling/ast.json

@@ -0,0 +1 @@
+{}

packages/@lwc/template-compiler/src/__tests__/fixtures/scoped-slots/invalid/slot-data/with-for-each-sibling/config.json

@@ -0,0 +1,3 @@
+{
+   "enableScopedSlots": true
+}

packages/@lwc/template-compiler/src/__tests__/fixtures/scoped-slots/invalid/slot-data/with-for-each-sibling/metadata.json

@@ -0,0 +1,15 @@
+{
+    "warnings": [
+        {
+            "code": 1178,
+            "message": "LWC1178: Invalid usage of 'lwc:slot-data' in an iterator(for:each, for:of) block.",
+            "level": 1,
+            "location": {
+                "line": 3,
+                "column": 9,
+                "start": 32,
+                "length": 168
+            }
+        }
+    ]
+}

packages/@lwc/template-compiler/src/__tests__/fixtures/scoped-slots/nested-scoped-slot/actual.html

@@ -0,0 +1,13 @@
+<template>
+    <x-table data={data}>
+        <template lwc:slot-data="row">
+            <x-row row={row}> <!-- this is rendered for every row in the table -->
+                <template lwc:slot-data="column">
+                    <span> <!-- this is rendered for every column in the row -->
+                        Coordinates: {row.number} - {column.number} <!-- can refer to both `row` and `column` -->
+                    </span>
+                </template>
+            </x-row>
+        </template>
+    </x-table> 
+</template>