chore: fix test run when linking vite (#773)

Author: bluwy

packages/vite-plugin-svelte/__tests__/preprocess.spec.js

@@ -8,17 +8,23 @@ const fixtureDir = normalizePath(
 	path.join(path.dirname(fileURLToPath(import.meta.url)), 'fixtures', 'preprocess')
 );
 
+/** @type {import('vite').InlineConfig} */
+const inlineConfig = {
+	configFile: false,
+	root: fixtureDir
+};
+
 describe('vitePreprocess', () => {
 	it('returns function', () => {
-		const preprocessorGroup = vitePreprocess({ script: true, style: true });
+		const preprocessorGroup = vitePreprocess({ script: true, style: inlineConfig });
 		expect(typeof preprocessorGroup).toBe('object');
 		expect(typeof preprocessorGroup.script).toBe('function');
 		expect(typeof preprocessorGroup.style).toBe('function');
 	});
 
 	describe('style', async () => {
 		it('preprocess with postcss if no lang', async () => {
-			const preprocessorGroup = vitePreprocess({ style: {} });
+			const preprocessorGroup = vitePreprocess({ style: inlineConfig });
 			const style = /**@type {import('svelte/types/compiler/preprocess').Preprocessor} */ (
 				preprocessorGroup.style
 			);
@@ -37,7 +43,9 @@ describe('vitePreprocess', () => {
 		});
 
 		it('produces sourcemap with relative filename', async () => {
-			const preprocessorGroup = vitePreprocess({ style: { css: { devSourcemap: true } } });
+			const preprocessorGroup = vitePreprocess({
+				style: { ...inlineConfig, css: { devSourcemap: true } }
+			});
 			const style = /**@type {import('svelte/types/compiler/preprocess').Preprocessor} */ (
 				preprocessorGroup.style
 			);

packages/vite-plugin-svelte/package.json

@@ -53,6 +53,7 @@
   "devDependencies": {
     "@types/debug": "^4.1.10",
     "esbuild": "^0.19.5",
+    "sass": "^1.69.4",
     "svelte": "^4.2.2",
     "vite": "^5.0.0-beta.11"
   }

packages/vite-plugin-svelte/src/utils/load-svelte-config.js

@@ -16,14 +16,13 @@ export const knownSvelteConfigNames = [
 	'svelte.config.mjs'
 ];
 
-// hide dynamic import from ts transform to prevent it turning into a require
-// see https://github.com/microsoft/TypeScript/issues/43329#issuecomment-811606238
-// also use timestamp query to avoid caching on reload
-const dynamicImportDefault = new Function(
-	'path',
-	'timestamp',
-	'return import(path + "?t=" + timestamp).then(m => m.default)'
-);
+/**
+ * @param {string} filePath
+ * @param {number} timestamp
+ */
+async function dynamicImportDefault(filePath, timestamp) {
+	return await import(filePath + '?t=' + timestamp).then((m) => m.default);
+}
 
 /** @type {import('../index.d.ts').loadSvelteConfig} */
 export async function loadSvelteConfig(viteConfig, inlineOptions) {