normal order test

test/preprocess/index.js

@@ -14,10 +14,20 @@ describe('preprocess', () => {
 		}
 
 		(config.skip ? it.skip : solo ? it.only : it)(dir, async () => {
-			const input = fs.readFileSync(`${__dirname}/samples/${dir}/input.svelte`, 'utf-8');
-			const expected = fs.readFileSync(`${__dirname}/samples/${dir}/output.svelte`, 'utf-8');
+			const input = fs.readFileSync(
+				`${__dirname}/samples/${dir}/input.svelte`,
+				'utf-8'
+			);
+			const expected = fs.readFileSync(
+				`${__dirname}/samples/${dir}/output.svelte`,
+				'utf-8'
+			);
 
-			const result = await svelte.preprocess(input, config.preprocess);
+			const result = await svelte.preprocess(
+				input,
+				config.preprocess,
+				config.options
+			);
 			fs.writeFileSync(`${__dirname}/samples/${dir}/_actual.html`, result.code);
 
 			assert.equal(result.code, expected);

test/preprocess/samples/normal-order/_config.js

@@ -0,0 +1,14 @@
+export default {
+	solo: true,
+	options: {
+		strictOrder: false,
+	},
+	preprocess: [
+		{
+			style: ({ content }) => ({ code: content.replace(/one/g, 'two') }),
+		},
+		{
+			markup: ({ content }) => ({ code: content.replace(/two/g, 'three') }),
+		},
+	],
+};

test/preprocess/samples/normal-order/input.svelte

@@ -0,0 +1,11 @@
+<p>one</p>
+
+<style>
+	.one {
+		color: red;
+	}
+</style>
+
+<script>
+	console.log('one');
+</script>

test/preprocess/samples/normal-order/output.svelte

@@ -0,0 +1,11 @@
+<p>one</p>
+
+<style>
+	.three {
+		color: red;
+	}
+</style>
+
+<script>
+	console.log('one');
+</script>

test/preprocess/samples/strict-order/_config.js

@@ -1,5 +1,7 @@
 export default {
-	strictOrder: false,
+	options: {
+		strictOrder: true,
+	},
 	preprocess: [
 		{
 			style: ({ content }) => ({ code: content.replace(/one/g, 'two') }),

test/preprocess/samples/strict-order/input.svelte

@@ -1,7 +1,7 @@
 <p>one</p>
 
 <style>
-	.three {
+	.one {
 		color: red;
 	}
 </style>

test/preprocess/samples/strict-order/output.svelte

@@ -1,7 +1,7 @@
 <p>one</p>
 
 <style>
-	.three {
+	.two {
 		color: red;
 	}
 </style>