test(ssr): add basic slot tests (#4675)

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/light/expected.html

@@ -0,0 +1,13 @@
+<x-outer>
+  <x-inner>
+    a
+    <!---->
+    fallback for default
+    <!---->
+    b
+    <!---->
+    fallback for foo
+    <!---->
+    c
+  </x-inner>
+</x-outer>

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/light/index.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/light/modules/x/inner/inner.html

@@ -0,0 +1,7 @@
+<template lwc:render-mode="light">
+    a
+    <slot>fallback for default</slot>
+    b
+    <slot name=foo>fallback for foo</slot>
+    c
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/light/modules/x/inner/inner.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/light/modules/x/outer/outer.html

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/light/modules/x/outer/outer.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/shadow/expected.html

@@ -0,0 +1,17 @@
+<x-outer>
+  <template shadowrootmode="open">
+    <x-inner>
+      <template shadowrootmode="open">
+        a
+        <slot>
+          fallback for default
+        </slot>
+        b
+        <slot name="foo">
+          fallback for foo
+        </slot>
+        c
+      </template>
+    </x-inner>
+  </template>
+</x-outer>

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/shadow/index.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/shadow/modules/x/inner/inner.html

@@ -0,0 +1,7 @@
+<template>
+    a
+    <slot>fallback for default</slot>
+    b
+    <slot name=foo>fallback for foo</slot>
+    c
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/shadow/modules/x/inner/inner.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/shadow/modules/x/outer/outer.html

@@ -0,0 +1,3 @@
+<template>
+    <x-inner></x-inner>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/fallback/shadow/modules/x/outer/outer.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/light/expected.html

@@ -0,0 +1,15 @@
+<x-outer>
+  <x-inner>
+    a
+    <!---->
+    I am default slot
+    <!---->
+    b
+    <!---->
+    <div>
+      I am the foo slot
+    </div>
+    <!---->
+    c
+  </x-inner>
+</x-outer>

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/light/index.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/light/modules/x/inner/inner.html

@@ -0,0 +1,7 @@
+<template lwc:render-mode="light">
+    a
+    <slot>fallback for default</slot>
+    b
+    <slot name=foo>fallback for foo</slot>
+    c
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/light/modules/x/inner/inner.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/light/modules/x/outer/outer.html

@@ -0,0 +1,6 @@
+<template lwc:render-mode="light">
+    <x-inner>
+        I am default slot
+        <div slot="foo">I am the foo slot</div>
+    </x-inner>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/light/modules/x/outer/outer.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/shadow/expected.html

@@ -0,0 +1,21 @@
+<x-outer>
+  <template shadowrootmode="open">
+    <x-inner>
+      <template shadowrootmode="open">
+        a
+        <slot>
+          fallback for default
+        </slot>
+        b
+        <slot name="foo">
+          fallback for foo
+        </slot>
+        c
+      </template>
+      I am default slot
+      <div slot="foo">
+        I am the foo slot
+      </div>
+    </x-inner>
+  </template>
+</x-outer>

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/shadow/index.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/shadow/modules/x/inner/inner.html

@@ -0,0 +1,7 @@
+<template>
+    a
+    <slot>fallback for default</slot>
+    b
+    <slot name=foo>fallback for foo</slot>
+    c
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/shadow/modules/x/inner/inner.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/shadow/modules/x/outer/outer.html

@@ -0,0 +1,6 @@
+<template>
+    <x-inner>
+        I am default slot
+        <div slot="foo">I am the foo slot</div>
+    </x-inner>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/slotted/shadow/modules/x/outer/outer.js

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