Move tests to `test/runtime`

test/js/samples/pre-tag/expected.js

@@ -1,86 +0,0 @@
-/* generated by Svelte vX.Y.Z */
-import {
-	SvelteComponent,
-	detach,
-	element,
-	init,
-	insert,
-	noop,
-	safe_not_equal,
-	space
-} from "svelte/internal";
-
-function create_fragment(ctx) {
-	let pre0;
-	let t3;
-	let div0;
-	let t7;
-	let div1;
-
-	return {
-		c() {
-			pre0 = element("pre");
-
-			pre0.innerHTML = `
-  A
-  B
-  <span>
-    C
-    D
-  </span>
-  E
-  F
-`;
-
-			t3 = space();
-			div0 = element("div");
-
-			div0.innerHTML = `A
-  B
-  <span>C
-    D</span>
-  E
-  F`;
-
-			t7 = space();
-			div1 = element("div");
-
-			div1.innerHTML = `<pre>
-    A
-    B
-    <span>
-      C
-      D
-    </span>
-    E
-    F
-  </pre>`;
-		},
-		m(target, anchor) {
-			insert(target, pre0, anchor);
-			insert(target, t3, anchor);
-			insert(target, div0, anchor);
-			insert(target, t7, anchor);
-			insert(target, div1, anchor);
-		},
-		p: noop,
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(pre0);
-			if (detaching) detach(t3);
-			if (detaching) detach(div0);
-			if (detaching) detach(t7);
-			if (detaching) detach(div1);
-		}
-	};
-}
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, null, create_fragment, safe_not_equal, {});
-	}
-}
-
-export default Component;

test/js/samples/preserve-whitespaces/_config.js

@@ -1,5 +0,0 @@
-export default {
-	options: {
-		preserveWhitespace: true
-	}
-};

test/js/samples/preserve-whitespaces/expected.js

@@ -1,92 +0,0 @@
-/* generated by Svelte vX.Y.Z */
-import {
-	SvelteComponent,
-	detach,
-	element,
-	init,
-	insert,
-	noop,
-	safe_not_equal,
-	text
-} from "svelte/internal";
-
-function create_fragment(ctx) {
-	let pre0;
-	let t3;
-	let div0;
-	let t7;
-	let div1;
-
-	return {
-		c() {
-			pre0 = element("pre");
-
-			pre0.innerHTML = `
-  A
-  B
-  <span>
-    C
-    D
-  </span>
-  E
-  F
-`;
-
-			t3 = text("\n\n");
-			div0 = element("div");
-
-			div0.innerHTML = `
-  A
-  B
-  <span>
-    C
-    D
-  </span>
-  E
-  F
-`;
-
-			t7 = text("\n\n");
-			div1 = element("div");
-
-			div1.innerHTML = `
-  <pre>
-    A
-    B
-    <span>
-      C
-      D
-    </span>
-    E
-    F
-  </pre>
-`;
-		},
-		m(target, anchor) {
-			insert(target, pre0, anchor);
-			insert(target, t3, anchor);
-			insert(target, div0, anchor);
-			insert(target, t7, anchor);
-			insert(target, div1, anchor);
-		},
-		p: noop,
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(pre0);
-			if (detaching) detach(t3);
-			if (detaching) detach(div0);
-			if (detaching) detach(t7);
-			if (detaching) detach(div1);
-		}
-	};
-}
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, null, create_fragment, safe_not_equal, {});
-	}
-}
-
-export default Component;

test/runtime/samples/pre-tag/_config.js

@@ -0,0 +1,57 @@
+export default {
+	test({ assert, target }) {
+		// Test for <pre> tag
+		const elementPre = target.querySelector('#pre');
+		// Test for non <pre> tag
+		const elementDiv = target.querySelector('#div');
+		// Test for <pre> tag in non <pre> tag
+		const elementDivWithPre = target.querySelector('#div-with-pre');
+
+		// There is a slight difference in innerHTML because there is a difference in HTML optimization (in jsdom)
+		// depending on how the innerHTML is set.
+		// (There is no difference in the display.)
+		// Reassign innerHTML to add the same optimizations to innerHTML.
+
+		// eslint-disable-next-line no-self-assign
+		elementPre.innerHTML = elementPre.innerHTML;
+		// eslint-disable-next-line no-self-assign
+		elementDiv.innerHTML = elementDiv.innerHTML;
+		// eslint-disable-next-line no-self-assign
+		elementDivWithPre.innerHTML = elementDivWithPre.innerHTML;
+
+		assert.equal(
+			elementPre.innerHTML,
+			`
+  A
+  B
+  <span>
+    C
+    D
+  </span>
+  E
+  F
+`
+		);
+		assert.equal(
+			elementDiv.innerHTML,
+			`A
+  B
+  <span>C
+    D</span>
+  E
+  F`
+		);
+		assert.equal(
+			elementDivWithPre.innerHTML,
+			`<pre>    A
+    B
+    <span>
+      C
+      D
+    </span>
+    E
+    F
+  </pre>`
+		);
+	}
+};

test/runtime/samples/pre-tag/main.svelte

@@ -1,4 +1,4 @@
-<pre>
+<pre id="pre">
   A
   B
   <span>
@@ -9,7 +9,7 @@
   F
 </pre>
 
-<div>
+<div id="div">
   A
   B
   <span>
@@ -20,7 +20,7 @@
   F
 </div>
 
-<div>
+<div id="div-with-pre">
   <pre>
     A
     B

test/runtime/samples/preserve-whitespaces/_config.js

@@ -0,0 +1,66 @@
+export default {
+	compileOptions: {
+		preserveWhitespace: true
+	},
+	test({ assert, target }) {
+		// Test for <pre> tag
+		const elementPre = target.querySelector('#pre');
+		// Test for non <pre> tag
+		const elementDiv = target.querySelector('#div');
+		// Test for <pre> tag in non <pre> tag
+		const elementDivWithPre = target.querySelector('#div-with-pre');
+
+		// There is a slight difference in innerHTML because there is a difference in HTML optimization (in jsdom)
+		// depending on how the innerHTML is set.
+		// (There is no difference in the display.)
+		// Reassign innerHTML to add the same optimizations to innerHTML.
+
+		// eslint-disable-next-line no-self-assign
+		elementPre.innerHTML = elementPre.innerHTML;
+		// eslint-disable-next-line no-self-assign
+		elementDiv.innerHTML = elementDiv.innerHTML;
+		// eslint-disable-next-line no-self-assign
+		elementDivWithPre.innerHTML = elementDivWithPre.innerHTML;
+
+		assert.equal(
+			elementPre.innerHTML,
+			`
+  A
+  B
+  <span>
+    C
+    D
+  </span>
+  E
+  F
+`
+		);
+		assert.equal(
+			elementDiv.innerHTML,
+			`
+  A
+  B
+  <span>
+    C
+    D
+  </span>
+  E
+  F
+`
+		);
+		assert.equal(
+			elementDivWithPre.innerHTML,
+			`
+  <pre>    A
+    B
+    <span>
+      C
+      D
+    </span>
+    E
+    F
+  </pre>
+`
+		);
+	}
+};

test/runtime/samples/preserve-whitespaces/main.svelte

@@ -1,4 +1,4 @@
-<pre>
+<pre id="pre">
   A
   B
   <span>
@@ -9,7 +9,7 @@
   F
 </pre>
 
-<div>
+<div id="div">
   A
   B
   <span>
@@ -20,7 +20,7 @@
   F
 </div>
 
-<div>
+<div id="div-with-pre">
   <pre>
     A
     B