tests for C-nodes

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('}');

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>

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>

packages/svelte/tests/print/samples/class-selector/input.svelte

@@ -0,0 +1,9 @@
+<style>
+    .foo {
+        color: red;
+    }
+
+    .foo.bar {
+        color: blue;
+    }
+</style>

packages/svelte/tests/print/samples/class-selector/output.svelte

@@ -0,0 +1,11 @@
+
+
+<style>
+	.foo {
+		color: red;
+	}
+
+	.foo.bar {
+		color: blue;
+	}
+</style>

packages/svelte/tests/print/samples/comment/input.svelte

@@ -0,0 +1,5 @@
+<!-- inline -->
+
+<!-- 
+    multiline
+-->

packages/svelte/tests/print/samples/comment/output.svelte

@@ -0,0 +1,4 @@
+<!-- inline -->
+<!-- 
+    multiline
+-->

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>

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>

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>

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>

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}

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}