From b4c66841afa023faa237e088caab71bd47da5de2 Mon Sep 17 00:00:00 2001
From: Manuel Serret <mserret99@gmail.com>
Date: Fri, 21 Nov 2025 20:08:05 +0100
Subject: [PATCH] tests for C-nodes

---
 packages/svelte/src/compiler/print/index.js       |  1 +
 .../print/samples/class-directive/input.svelte    |  8 ++++++++
 .../print/samples/class-directive/output.svelte   |  8 ++++++++
 .../print/samples/class-selector/input.svelte     |  9 +++++++++
 .../print/samples/class-selector/output.svelte    | 11 +++++++++++
 .../tests/print/samples/comment/input.svelte      |  5 +++++
 .../tests/print/samples/comment/output.svelte     |  4 ++++
 .../print/samples/complex-selector/input.svelte   |  5 +++++
 .../print/samples/complex-selector/output.svelte  | 15 +++++++++++++++
 .../tests/print/samples/component/input.svelte    |  8 ++++++++
 .../tests/print/samples/component/output.svelte   |  6 ++++++
 .../svelte/tests/print/samples/const/input.svelte |  8 ++++++++
 .../tests/print/samples/const/output.svelte       |  8 ++++++++
 13 files changed, 96 insertions(+)
 create mode 100644 packages/svelte/tests/print/samples/class-directive/input.svelte
 create mode 100644 packages/svelte/tests/print/samples/class-directive/output.svelte
 create mode 100644 packages/svelte/tests/print/samples/class-selector/input.svelte
 create mode 100644 packages/svelte/tests/print/samples/class-selector/output.svelte
 create mode 100644 packages/svelte/tests/print/samples/comment/input.svelte
 create mode 100644 packages/svelte/tests/print/samples/comment/output.svelte
 create mode 100644 packages/svelte/tests/print/samples/complex-selector/input.svelte
 create mode 100644 packages/svelte/tests/print/samples/complex-selector/output.svelte
 create mode 100644 packages/svelte/tests/print/samples/component/input.svelte
 create mode 100644 packages/svelte/tests/print/samples/component/output.svelte
 create mode 100644 packages/svelte/tests/print/samples/const/input.svelte
 create mode 100644 packages/svelte/tests/print/samples/const/output.svelte

diff --git a/packages/svelte/src/compiler/print/index.js b/packages/svelte/src/compiler/print/index.js
index 2c2588eece..5481b342fe 100644
--- a/packages/svelte/src/compiler/print/index.js
+++ b/packages/svelte/src/compiler/print/index.js
@@ -357,6 +357,7 @@ const visitors = {
 	},
 
 	ConstTag(node, context) {
+		// TODO this is buggy
 		context.write('{@const ');
 		context.visit(node.declaration);
 		context.write('}');
diff --git a/packages/svelte/tests/print/samples/class-directive/input.svelte b/packages/svelte/tests/print/samples/class-directive/input.svelte
new file mode 100644
index 0000000000..5e63111930
--- /dev/null
+++ b/packages/svelte/tests/print/samples/class-directive/input.svelte
@@ -0,0 +1,8 @@
+<script>
+    let active = true;
+    let foo = false;
+</script>
+
+<div class:active class:bar={foo}>
+    Hello world!
+</div>
diff --git a/packages/svelte/tests/print/samples/class-directive/output.svelte b/packages/svelte/tests/print/samples/class-directive/output.svelte
new file mode 100644
index 0000000000..ec88a869b7
--- /dev/null
+++ b/packages/svelte/tests/print/samples/class-directive/output.svelte
@@ -0,0 +1,8 @@
+<script>
+	let active = true;
+	let foo = false;
+</script>
+
+<div class:active class:bar={foo}>
+	Hello world!
+</div>
diff --git a/packages/svelte/tests/print/samples/class-selector/input.svelte b/packages/svelte/tests/print/samples/class-selector/input.svelte
new file mode 100644
index 0000000000..7f5cf64c14
--- /dev/null
+++ b/packages/svelte/tests/print/samples/class-selector/input.svelte
@@ -0,0 +1,9 @@
+<style>
+    .foo {
+        color: red;
+    }
+
+    .foo.bar {
+        color: blue;
+    }
+</style>
diff --git a/packages/svelte/tests/print/samples/class-selector/output.svelte b/packages/svelte/tests/print/samples/class-selector/output.svelte
new file mode 100644
index 0000000000..e6f2370f7d
--- /dev/null
+++ b/packages/svelte/tests/print/samples/class-selector/output.svelte
@@ -0,0 +1,11 @@
+
+
+<style>
+	.foo {
+		color: red;
+	}
+
+	.foo.bar {
+		color: blue;
+	}
+</style>
diff --git a/packages/svelte/tests/print/samples/comment/input.svelte b/packages/svelte/tests/print/samples/comment/input.svelte
new file mode 100644
index 0000000000..d144ced1b9
--- /dev/null
+++ b/packages/svelte/tests/print/samples/comment/input.svelte
@@ -0,0 +1,5 @@
+<!-- inline -->
+
+<!-- 
+    multiline
+-->
diff --git a/packages/svelte/tests/print/samples/comment/output.svelte b/packages/svelte/tests/print/samples/comment/output.svelte
new file mode 100644
index 0000000000..6cfd2d4c93
--- /dev/null
+++ b/packages/svelte/tests/print/samples/comment/output.svelte
@@ -0,0 +1,4 @@
+<!-- inline -->
+<!-- 
+    multiline
+-->
diff --git a/packages/svelte/tests/print/samples/complex-selector/input.svelte b/packages/svelte/tests/print/samples/complex-selector/input.svelte
new file mode 100644
index 0000000000..388c24434c
--- /dev/null
+++ b/packages/svelte/tests/print/samples/complex-selector/input.svelte
@@ -0,0 +1,5 @@
+<style>
+    .container .item { color: red; }
+    nav > ul.menu { display: flex; }
+    h2 + p.note { margin-top: 0; }
+</style>
diff --git a/packages/svelte/tests/print/samples/complex-selector/output.svelte b/packages/svelte/tests/print/samples/complex-selector/output.svelte
new file mode 100644
index 0000000000..b4a2bbd2b4
--- /dev/null
+++ b/packages/svelte/tests/print/samples/complex-selector/output.svelte
@@ -0,0 +1,15 @@
+
+
+<style>
+	.container .item {
+		color: red;
+	}
+
+	nav > ul.menu {
+		display: flex;
+	}
+
+	h2 + p.note {
+		margin-top: 0;
+	}
+</style>
diff --git a/packages/svelte/tests/print/samples/component/input.svelte b/packages/svelte/tests/print/samples/component/input.svelte
new file mode 100644
index 0000000000..c258d7d609
--- /dev/null
+++ b/packages/svelte/tests/print/samples/component/input.svelte
@@ -0,0 +1,8 @@
+<script>
+    import C from './C.svelte';
+</script>
+
+<C foo="bar" />
+<C foo="bar">
+    <span>Hello World</span>
+</C>
diff --git a/packages/svelte/tests/print/samples/component/output.svelte b/packages/svelte/tests/print/samples/component/output.svelte
new file mode 100644
index 0000000000..ec8b827883
--- /dev/null
+++ b/packages/svelte/tests/print/samples/component/output.svelte
@@ -0,0 +1,6 @@
+<script>
+	import C from './C.svelte';
+</script>
+
+<C foo="bar" />
+<C foo="bar"><span>Hello World</span></C>
diff --git a/packages/svelte/tests/print/samples/const/input.svelte b/packages/svelte/tests/print/samples/const/input.svelte
new file mode 100644
index 0000000000..50ada2dd66
--- /dev/null
+++ b/packages/svelte/tests/print/samples/const/input.svelte
@@ -0,0 +1,8 @@
+<script>
+    const boxes = [];
+</script>
+
+{#each boxes as box}
+	{@const area = box.width * box.height}
+	{box.width} * {box.height} = {area}
+{/each}
diff --git a/packages/svelte/tests/print/samples/const/output.svelte b/packages/svelte/tests/print/samples/const/output.svelte
new file mode 100644
index 0000000000..8c333e213f
--- /dev/null
+++ b/packages/svelte/tests/print/samples/const/output.svelte
@@ -0,0 +1,8 @@
+<script>
+	const boxes = [];
+</script>
+
+{#each boxes as box}
+	{@const const area = box.width * box.height;}
+	{box.width} * {box.height} = {area}
+{/each}