test: test slots not at top level (#4689)

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/element/light/expected.html

@@ -0,0 +1,22 @@
+<x-outer>
+  <x-inner>
+    a
+    <!---->
+    <div>
+      <div slot="foo">
+        I am the foo slot
+      </div>
+    </div>
+    <div>
+      <div slot="foo">
+        I am also the foo slot
+      </div>
+    </div>
+    <!---->
+    b
+    <!---->
+    fallback for foo
+    <!---->
+    c
+  </x-inner>
+</x-outer>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/element/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/slot-not-at-top-level/element/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/slot-not-at-top-level/element/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/slot-not-at-top-level/element/light/modules/x/outer/outer.html

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

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/element/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/slot-not-at-top-level/element/shadow/expected.html

@@ -0,0 +1,27 @@
+<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>
+      <div>
+        <div slot="foo">
+          I am the foo slot
+        </div>
+      </div>
+      <div>
+        <div slot="foo">
+          I am also the foo slot
+        </div>
+      </div>
+    </x-inner>
+  </template>
+</x-outer>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/element/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/slot-not-at-top-level/element/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/slot-not-at-top-level/element/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/slot-not-at-top-level/element/shadow/modules/x/outer/outer.html

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

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/element/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/slot-not-at-top-level/external/light/expected.html

@@ -0,0 +1,22 @@
+<x-outer>
+  <x-inner>
+    a
+    <!---->
+    <x-external>
+      <div slot="foo">
+        I am the foo slot
+      </div>
+    </x-external>
+    <x-external>
+      <div slot="foo">
+        I am also the foo slot
+      </div>
+    </x-external>
+    <!---->
+    b
+    <!---->
+    fallback for foo
+    <!---->
+    c
+  </x-inner>
+</x-outer>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/external/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/slot-not-at-top-level/external/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/slot-not-at-top-level/external/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/slot-not-at-top-level/external/light/modules/x/outer/outer.html

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

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/external/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/slot-not-at-top-level/external/shadow/expected.html

@@ -0,0 +1,27 @@
+<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-external>
+        <div slot="foo">
+          I am the foo slot
+        </div>
+      </x-external>
+      <x-external>
+        <div slot="foo">
+          I am also the foo slot
+        </div>
+      </x-external>
+    </x-inner>
+  </template>
+</x-outer>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/external/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/slot-not-at-top-level/external/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/slot-not-at-top-level/external/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/slot-not-at-top-level/external/shadow/modules/x/outer/outer.html

@@ -0,0 +1,10 @@
+<template>
+    <x-inner>
+        <x-external lwc:external>
+            <div slot="foo">I am the foo slot</div>
+        </x-external>
+        <x-external lwc:external>
+            <div slot="foo">I am also the foo slot</div>
+        </x-external>
+    </x-inner>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/external/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/slot-not-at-top-level/ifTrue/light/expected.html

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

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/ifTrue/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/slot-not-at-top-level/ifTrue/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/slot-not-at-top-level/ifTrue/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/slot-not-at-top-level/ifTrue/light/modules/x/outer/outer.html

@@ -0,0 +1,10 @@
+<template lwc:render-mode="light">
+    <x-inner>
+        <template if:true={isTrue}>
+            <div slot="foo">I am the foo slot</div>
+        </template>
+        <template if:true={isTrue}>
+            <div slot="foo">I am also the foo slot</div>
+        </template>
+    </x-inner>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/ifTrue/light/modules/x/outer/outer.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/ifTrue/shadow/expected.html

@@ -0,0 +1,23 @@
+<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>
+      <div slot="foo">
+        I am the foo slot
+      </div>
+      <div slot="foo">
+        I am also the foo slot
+      </div>
+    </x-inner>
+  </template>
+</x-outer>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/ifTrue/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/slot-not-at-top-level/ifTrue/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/slot-not-at-top-level/ifTrue/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/slot-not-at-top-level/ifTrue/shadow/modules/x/outer/outer.html

@@ -0,0 +1,10 @@
+<template>
+    <x-inner>
+        <template if:true={isTrue}>
+            <div slot="foo">I am the foo slot</div>
+        </template>
+        <template if:true={isTrue}>
+            <div slot="foo">I am also the foo slot</div>
+        </template>
+    </x-inner>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/ifTrue/shadow/modules/x/outer/outer.js

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

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/lwcIf/light/expected.html

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

packages/@lwc/engine-server/src/__tests__/fixtures/slot-not-at-top-level/lwcIf/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/slot-not-at-top-level/lwcIf/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/slot-not-at-top-level/lwcIf/light/modules/x/inner/inner.js

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