chore(test): add svelte4 syntax checks

Author: dominikg

.prettierrc.js

@@ -24,7 +24,8 @@ export default {
 				'.changeset/pre.json',
 				'**/vite.config.js.timestamp-*.mjs',
 				'packages/e2e-tests/dynamic-compile-options/src/components/A.svelte',
-				'packages/playground/big/src/pages/**' // lots of generated files
+				'packages/playground/big/src/pages/**', // lots of generated files
+				'packages/e2e-tests/scan-deps/src/Svelte*.svelte' // various syntax tests that require no format
 			],
 			options: {
 				rangeEnd: 0

packages/e2e-tests/scan-deps/__tests__/scan-deps.spec.ts

@@ -1,9 +1,18 @@
-import { e2eServer } from '~utils';
-
-test('should not fail to discover dependencies exported from script module', async () => {
-	expect(
-		e2eServer.logs.server.err.some((logs) =>
-			logs.match(/No matching export in "html:.+\/src\/Deps\.svelte" for import "something"/)
-		)
-	).toBe(false);
+import { e2eServer, getText } from '~utils';
+import { describe, expect, it } from 'vitest';
+describe('vite import scan', () => {
+	it('should not fail to discover dependencies exported from script module', async () => {
+		// vite logs an error if scan fails but continues, so validate no errors logged
+		expect(
+			e2eServer.logs.server.err.length,
+			`unexpected errors:\n${e2eServer.logs.server.err.join('\n')}`
+		).toBe(0);
+	});
+	it('should work with exports from module context', async () => {
+		expect(await getText('#svelte5')).toBe('svelte5');
+		expect(await getText('#svelte4double')).toBe('svelte4double');
+		expect(await getText('#svelte4single')).toBe('svelte4single');
+		expect(await getText('#svelte4none')).toBe('svelte4none');
+		expect(await getText('#svelte4space')).toBe('svelte4space');
+	});
 });

packages/e2e-tests/scan-deps/src/App.svelte

@@ -1,5 +1,13 @@
 <script>
-	import { something } from './Deps.svelte';
+	import { svelte5 } from './Svelte5.svelte';
+	import { svelte4double } from './Svelte4DoubleQuote.svelte';
+	import { svelte4single } from './Svelte4SingleQuote.svelte';
+	import { svelte4none } from './Svelte4NoQuote.svelte';
+	import { svelte4space } from './Svelte4WithSpace.svelte';
 </script>
 
-<p>{something}</p>
+<div id="svelte5">{svelte5}</div>
+<div id="svelte4double">{svelte4double}</div>
+<div id="svelte4single">{svelte4single}</div>
+<div id="svelte4none">{svelte4none}</div>
+<div id="svelte4space">{svelte4space}</div>

packages/e2e-tests/scan-deps/src/Deps.svelte

@@ -0,0 +1,4 @@
+<!-- eslint-disable-next-line svelte/valid-compile -->
+<script context="module">
+	export const svelte4double = 'svelte4double';
+</script>

packages/e2e-tests/scan-deps/src/Svelte4DoubleQuote.svelte

@@ -0,0 +1,4 @@
+<!-- eslint-disable-next-line svelte/valid-compile -->
+<script context=module>
+	export const svelte4none = 'svelte4none';
+</script>

packages/e2e-tests/scan-deps/src/Svelte4NoQuote.svelte

@@ -0,0 +1,4 @@
+<!-- eslint-disable-next-line svelte/valid-compile -->
+<script context='module'>
+	export const svelte4single = 'svelte4single';
+</script>

packages/e2e-tests/scan-deps/src/Svelte4SingleQuote.svelte

@@ -0,0 +1,5 @@
+<!-- prettier-ignore -->
+<!-- eslint-disable-next-line svelte/valid-compile -->
+<script context= "module">
+	export const svelte4space = 'svelte4space';
+</script>

packages/e2e-tests/scan-deps/src/Svelte4WithSpace.svelte

@@ -0,0 +1,3 @@
+<script module>
+	export const svelte5 = 'svelte5';
+</script>