test(engine-server): test scoped slot forwarding (#4669)

packages/@lwc/engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots/expected.html

@@ -0,0 +1,17 @@
+<x-light-container>
+  <x-scoped-slot-parent>
+    <x-scoped-slot-child>
+      <x-leaf>
+        <template shadowrootmode="open">
+          <slot>
+          </slot>
+          <slot name="foo">
+          </slot>
+        </template>
+        <h2>
+          Hello world!
+        </h2>
+      </x-leaf>
+    </x-scoped-slot-child>
+  </x-scoped-slot-parent>
+</x-light-container>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots/index.js

@@ -0,0 +1,4 @@
+export const tagName = 'x-light-container';
+export { default } from 'x/lightContainer';
+export * from 'x/lightContainer';
+export const features = [];

packages/@lwc/engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots/modules/x/leaf/leaf.html

@@ -0,0 +1,4 @@
+<template>
+    <slot></slot>
+    <slot name="foo"></slot>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots/modules/x/leaf/leaf.js

@@ -0,0 +1,3 @@
+import { LightningElement } from 'lwc';
+
+export default class extends LightningElement {}

packages/@lwc/engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots/modules/x/lightContainer/lightContainer.html

@@ -0,0 +1,3 @@
+<template lwc:render-mode="light">
+    <x-scoped-slot-parent></x-scoped-slot-parent>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots/modules/x/lightContainer/lightContainer.js

@@ -0,0 +1,5 @@
+import { LightningElement } from 'lwc';
+
+export default class extends LightningElement {
+    static renderMode = 'light';
+}

packages/@lwc/engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots/modules/x/scopedSlotChild/scopedSlotChild.html

@@ -0,0 +1,6 @@
+<template lwc:render-mode="light">
+    <x-leaf>
+        <!-- Note the slot mapping does not work for scoped slots -->
+        <slot lwc:slot-bind={title} slot="foo"></slot>
+    </x-leaf>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots/modules/x/scopedSlotChild/scopedSlotChild.js

@@ -0,0 +1,7 @@
+import { LightningElement } from 'lwc';
+
+export default class extends LightningElement {
+    static renderMode = 'light';
+
+    title = 'Hello world!';
+}

packages/@lwc/engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots/modules/x/scopedSlotParent/scopedSlotParent.html

@@ -0,0 +1,7 @@
+<template lwc:render-mode="light">
+    <x-scoped-slot-child>
+        <template lwc:slot-data="title">
+            <h2>{title}</h2>
+        </template>
+    </x-scoped-slot-child>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots/modules/x/scopedSlotParent/scopedSlotParent.js

@@ -0,0 +1,5 @@
+import { LightningElement } from 'lwc';
+
+export default class extends LightningElement {
+    static renderMode = 'light';
+}