Add tests related to slot fragments having slots itself

pull/8546/head
Nguyen Tran 3 years ago
parent ac5e1b95b6
commit ec4c7ee52c

@ -0,0 +1,15 @@
<script>
import Component2 from './Component2.svelte';
</script>
<Component2>
<svelte:fragment slot="first">
<slot name="first" />
<slot name="second" />
</svelte:fragment>
<svelte:fragment slot="second">
<slot name="third" />
<slot name="fourth" />
<slot name="fifth" />
</svelte:fragment>
</Component2>

@ -0,0 +1,16 @@
<script>
import Component3 from './Component3.svelte';
</script>
<Component3>
<svelte:fragment slot="first">
<slot name="first" />
</svelte:fragment>
<svelte:fragment slot="second">
<slot name="first" />
<slot name="second" />
</svelte:fragment>
<svelte:fragment slot="third">
<slot name="second" />
</svelte:fragment>
</Component3>

@ -0,0 +1,9 @@
<script>
import Component4 from './Component4.svelte';
</script>
<Component4>
<slot name="first" slot="first" />
<slot name="second" slot="second" />
<slot name="third" slot="third" />
</Component4>

@ -0,0 +1,3 @@
<slot name="first">First slot's default text</slot>
<slot name="second">Second slot's default text</slot>
<slot name="third">Third slot's default text</slot>

@ -0,0 +1,7 @@
export default {
html: `
First slot's default text
<h3 slot="fourth">Component 1 slot=fourth</h3>
<h3 slot="fourth">Component 1 slot=fourth</h3>
`
};

@ -0,0 +1,7 @@
<script>
import Component1 from './Component1.svelte';
</script>
<Component1>
<h3 slot="fourth">Component 1 slot=fourth</h3>
</Component1>
Loading…
Cancel
Save