feat: add config tests

Author: bluwy

packages/e2e-tests/configfile-custom/__tests__/configfile-custom.spec.ts

@@ -1,4 +1,15 @@
-it('should load config and work', async () => {
+import { editViteConfig } from 'testUtils';
+
+it('should load default config and work', async () => {
+	expect(await page.textContent('h1')).toMatch('Hello world!');
+	expect(await page.textContent('#test-child')).toBe('test-child');
+	expect(await page.textContent('#dependency-import')).toBe('dependency-import');
+});
+
+it('should load custom mjs config and work', async () => {
+	await editViteConfig((c) =>
+		c.replace('svelte()', `svelte({configFile:'svelte.config.custom.cjs'})`)
+	);
 	expect(await page.textContent('h1')).toMatch('Hello world!');
 	expect(await page.textContent('#test-child')).toBe('test-child');
 	expect(await page.textContent('#dependency-import')).toBe('dependency-import');

packages/e2e-tests/configfile-esm/__tests__/configfile-esm.spec.ts

@@ -1,4 +1,15 @@
-it('should load config and work', async () => {
+import { editViteConfig } from 'testUtils';
+
+it('should load default config and work', async () => {
+	expect(await page.textContent('h1')).toMatch('Hello world!');
+	expect(await page.textContent('#test-child')).toBe('test-child');
+	expect(await page.textContent('#dependency-import')).toBe('dependency-import');
+});
+
+it('should load custom cjs config and work', async () => {
+	await editViteConfig((c) =>
+		c.replace('svelte()', `svelte({configFile:'svelte.config.custom.cjs'})`)
+	);
 	expect(await page.textContent('h1')).toMatch('Hello world!');
 	expect(await page.textContent('#test-child')).toBe('test-child');
 	expect(await page.textContent('#dependency-import')).toBe('dependency-import');

packages/e2e-tests/configfile-esm/svelte.config.custom.cjs

@@ -0,0 +1,5 @@
+const sveltePreprocess = require('svelte-preprocess');
+
+module.exports = {
+	preprocess: sveltePreprocess()
+};

packages/e2e-tests/hmr/__tests__/hmr.spec.ts

@@ -9,7 +9,8 @@ import {
 	getColor,
 	editFile,
 	addFile,
-	removeFile
+	removeFile,
+	editViteConfig
 } from '../../testUtils';
 
 test('should render App', async () => {
@@ -123,10 +124,7 @@ if (!isBuild) {
 		});
 
 		test('should work with emitCss: false', async () => {
-			await editFile('vite.config.js', (c) => c.replace('svelte()', 'svelte({emitCss:false})'));
-			await sleep(isWin ? 1000 : 500); // editing vite config restarts server, give it some time
-			await page.goto(viteTestUrl, { waitUntil: 'networkidle' });
-			await sleep(50);
+			await editViteConfig((c) => c.replace('svelte()', 'svelte({emitCss:false})'));
 			expect(await getText(`#hmr-test-1 .counter`)).toBe('0');
 			expect(await getColor(`#hmr-test-1 .label`)).toBe('green');
 			await (await getEl(`#hmr-test-1 .increment`)).click();

packages/e2e-tests/testUtils.ts

@@ -196,3 +196,10 @@ export async function saveScreenshot(name?: string) {
 		console.log('failed to take screenshot', e);
 	}
 }
+
+export async function editViteConfig(replacer: (str: string) => string) {
+	editFile('vite.config.js', replacer);
+	await sleep(isWin ? 1000 : 500); // editing vite config restarts server, give it some time
+	await page.goto(viteTestUrl, { waitUntil: 'networkidle' });
+	await sleep(50);
+}