move parser test to runtime test

test/parser/samples/slot-binding/Inner.svelte

@@ -1,6 +0,0 @@
-<script>
-  function innerCall() {
-    console.log('inner call');
-  }
-</script>
-<slot name="inner_slot" {innerCall} />

test/parser/samples/slot-binding/input.svelte

@@ -1,7 +0,0 @@
-<script>
-  import TestButton from './TestButton.svelte'
-</script>
-
-<TestButton let:outerCall>
-  <button on:click={outerCall}>Click</button>
-</TestButton>

test/parser/samples/slot-binding/output.json

@@ -1,177 +0,0 @@
-{
-	"html": {
-		"start": 67,
-		"end": 153,
-		"type": "Fragment",
-		"children": [
-			{
-				"start": 65,
-				"end": 67,
-				"type": "Text",
-				"raw": "\n\n",
-				"data": "\n\n"
-			},
-			{
-				"start": 67,
-				"end": 153,
-				"type": "InlineComponent",
-				"name": "TestButton",
-				"attributes": [
-					{
-						"start": 79,
-						"end": 92,
-						"type": "Let",
-						"name": "outerCall",
-						"modifiers": [],
-						"expression": null
-					}
-				],
-				"children": [
-					{
-						"start": 93,
-						"end": 96,
-						"type": "Text",
-						"raw": "\n  ",
-						"data": "\n  "
-					},
-					{
-						"start": 96,
-						"end": 139,
-						"type": "Element",
-						"name": "button",
-						"attributes": [
-							{
-								"start": 104,
-								"end": 124,
-								"type": "EventHandler",
-								"name": "click",
-								"modifiers": [],
-								"expression": {
-									"type": "Identifier",
-									"start": 114,
-									"end": 123,
-									"loc": {
-										"start": {
-											"line": 6,
-											"column": 20
-										},
-										"end": {
-											"line": 6,
-											"column": 29
-										}
-									},
-									"name": "outerCall"
-								}
-							}
-						],
-						"children": [
-							{
-								"start": 125,
-								"end": 130,
-								"type": "Text",
-								"raw": "Click",
-								"data": "Click"
-							}
-						]
-					},
-					{
-						"start": 139,
-						"end": 140,
-						"type": "Text",
-						"raw": "\n",
-						"data": "\n"
-					}
-				]
-			}
-		]
-	},
-	"instance": {
-		"type": "Script",
-		"start": 0,
-		"end": 65,
-		"context": "default",
-		"content": {
-			"type": "Program",
-			"start": 8,
-			"end": 56,
-			"loc": {
-				"start": {
-					"line": 1,
-					"column": 0
-				},
-				"end": {
-					"line": 3,
-					"column": 0
-				}
-			},
-			"body": [
-				{
-					"type": "ImportDeclaration",
-					"start": 11,
-					"end": 55,
-					"loc": {
-						"start": {
-							"line": 2,
-							"column": 2
-						},
-						"end": {
-							"line": 2,
-							"column": 46
-						}
-					},
-					"specifiers": [
-						{
-							"type": "ImportDefaultSpecifier",
-							"start": 18,
-							"end": 28,
-							"loc": {
-								"start": {
-									"line": 2,
-									"column": 9
-								},
-								"end": {
-									"line": 2,
-									"column": 19
-								}
-							},
-							"local": {
-								"type": "Identifier",
-								"start": 18,
-								"end": 28,
-								"loc": {
-									"start": {
-										"line": 2,
-										"column": 9
-									},
-									"end": {
-										"line": 2,
-										"column": 19
-									}
-								},
-								"name": "TestButton"
-							}
-						}
-					],
-					"source": {
-						"type": "Literal",
-						"start": 34,
-						"end": 55,
-						"loc": {
-							"start": {
-								"line": 2,
-								"column": 25
-							},
-							"end": {
-								"line": 2,
-								"column": 46
-							}
-						},
-						"value": "./TestButton.svelte",
-						"raw": "'./TestButton.svelte'"
-					}
-				}
-			],
-			"sourceType": "module"
-		}
-	}
-}

test/runtime/samples/component-slot-let-inline-function/Inner.svelte

@@ -0,0 +1,8 @@
+<script>
+  export let log;
+  export let b;
+  function innerCall(a) {
+    log(`a: ${a}, b: ${b}`);
+  }
+</script>
+<slot name="inner_slot" {innerCall} />

test/runtime/samples/component-slot-let-inline-function/Outer.svelte

@@ -1,9 +1,12 @@
 <script>
   import Inner from './Inner.svelte'
+  export let log;
+  export let a;
+	export let b;
 </script>
 
-<Inner>
+<Inner {log} {b}>
   <svelte:fragment let:innerCall slot="inner_slot">
-    <slot outerCall={() => innerCall()} />
+    <slot outerCall={() => innerCall(a)} />
   </svelte:fragment>
 </Inner>

test/runtime/samples/component-slot-let-inline-function/_config.js

@@ -0,0 +1,27 @@
+let logs;
+function log(value) {
+	logs.push(value);
+}
+
+export default {
+	html: "<button>click me</button>",
+	props: {
+		a: 'a',
+		b: 'b',
+		log,
+	},
+	before_test() {
+		logs = [];
+	},
+	async test({ assert, component, target, window }) {
+		const button = target.querySelector("button");
+		await button.dispatchEvent(new window.MouseEvent("click"));
+
+		assert.deepEqual(logs, ["a: a, b: b"]);
+
+		component.a = '1'; 
+		component.b = '2';
+		await button.dispatchEvent(new window.MouseEvent("click"));
+		assert.deepEqual(logs, ["a: a, b: b", "a: 1, b: 2"]);
+	},
+};

test/runtime/samples/component-slot-let-inline-function/main.svelte

@@ -0,0 +1,12 @@
+<script>
+	import Outer from "./Outer.svelte";
+	export let log = [];
+	export let a;
+	export let b;
+</script>
+
+<Outer let:outerCall {log} {a} {b}>
+	<button on:click={outerCall}>
+		click me
+	</button>
+</Outer>