From 3972cecf5e46bf4e6612557e11b11ea795e5b3a6 Mon Sep 17 00:00:00 2001
From: Nguyen Tran <nguyen.tran1072e@gmail.com>
Date: Tue, 25 Apr 2023 15:42:28 -0400
Subject: [PATCH] Add first test for dynamic slots

---
 .../samples/dynamic-slots-dev/Nested.svelte      | 13 +++++++++++++
 .../runtime/samples/dynamic-slots-dev/_config.js |  9 +++++++++
 .../samples/dynamic-slots-dev/main.svelte        | 16 ++++++++++++++++
 3 files changed, 38 insertions(+)
 create mode 100644 test/runtime/samples/dynamic-slots-dev/Nested.svelte
 create mode 100644 test/runtime/samples/dynamic-slots-dev/_config.js
 create mode 100644 test/runtime/samples/dynamic-slots-dev/main.svelte

diff --git a/test/runtime/samples/dynamic-slots-dev/Nested.svelte b/test/runtime/samples/dynamic-slots-dev/Nested.svelte
new file mode 100644
index 0000000000..0aed3e2ab2
--- /dev/null
+++ b/test/runtime/samples/dynamic-slots-dev/Nested.svelte
@@ -0,0 +1,13 @@
+<script>
+  let slot = 'dynamic-slot';
+
+	const f = () => {
+		slot = 'thing';
+	}
+</script>
+
+<div>
+  <slot name={slot} />
+  <slot />
+  <slot name='static' />
+</div>
diff --git a/test/runtime/samples/dynamic-slots-dev/_config.js b/test/runtime/samples/dynamic-slots-dev/_config.js
new file mode 100644
index 0000000000..e391084e59
--- /dev/null
+++ b/test/runtime/samples/dynamic-slots-dev/_config.js
@@ -0,0 +1,9 @@
+export default {
+  compileOptions: {
+    dev: true
+  },
+
+	html: '<div><p slot="dynamic-slot">Hello</p><p slot="default">Hello</p><p slot="static">Hello</p></div>',
+
+  warnings: ['<Nested> received an unexpected slot "dynamic-slot-again".']
+};
diff --git a/test/runtime/samples/dynamic-slots-dev/main.svelte b/test/runtime/samples/dynamic-slots-dev/main.svelte
new file mode 100644
index 0000000000..65dee9e136
--- /dev/null
+++ b/test/runtime/samples/dynamic-slots-dev/main.svelte
@@ -0,0 +1,16 @@
+<script>
+	import Nested from './Nested.svelte';
+
+  let slot = 'dynamic-slot';
+
+  function y() {
+    slot = 'another-slot';
+  }
+</script>
+
+<Nested>
+	<p slot={slot}>Hello</p>
+	<p slot='default'>Hello</p>
+	<p slot='static'>Hello</p>
+  <p slot={`${slot}-again`}>Hello</p>
+</Nested>