chore: test usage of default slot with scoped data (#5024)

* chore: test usage of default slot with scoped data

* chore: add comment to explain why content not rendered

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

@@ -0,0 +1,15 @@
+<x-parent>
+  <template shadowrootmode="open">
+    <x-child>
+      <div>
+        <!---->
+        <!---->
+        <span>
+          Slotted content within template 99
+        </span>
+        <!---->
+        <!---->
+      </div>
+    </x-child>
+  </template>
+</x-parent>

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

@@ -0,0 +1,3 @@
+export const tagName = 'x-parent';
+export { default } from 'x/parent';
+export * from 'x/parent';

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

@@ -0,0 +1,5 @@
+<template lwc:render-mode="light">
+    <div>
+        <slot lwc:slot-bind={item}>Fallback slot content</slot>
+    </div>
+</template>

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

@@ -0,0 +1,6 @@
+import { LightningElement } from 'lwc';
+
+export default class Child extends LightningElement {
+    static renderMode = 'light';
+    item = { id: 99, name: 'ssr' };
+}

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

@@ -0,0 +1,9 @@
+<template>
+    <x-child>
+        <!-- TODO [#5020]: Fix rendering of scoped slot content, so that content outside of the template renders correctly with engine-server -->
+        <span>Slotted content outside of template</span>
+        <template lwc:slot-data="data">
+            <span>Slotted content within template {data.id}</span>
+        </template>
+    </x-child>
+</template>

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

@@ -0,0 +1,5 @@
+import { LightningElement } from 'lwc';
+
+export default class Parent extends LightningElement {
+    foo = 'bar';
+}

packages/@lwc/ssr-compiler/src/__tests__/utils/expected-failures.ts

@@ -21,6 +21,7 @@ export const expectedFailures = new Set([
     'known-boolean-attributes/default-def-html-attributes/static-on-component/index.js',
     'render-dynamic-value/index.js',
     'scoped-slots/advanced/index.js',
+    'scoped-slots/default-slot/index.js',
     'scoped-slots/expression/index.js',
     'scoped-slots/mixed-with-light-dom-slots-inside/index.js',
     'scoped-slots/mixed-with-light-dom-slots-outside/index.js',