test: Vite - add config tests

Author: vio

test/package/vite/case-config.js

@@ -0,0 +1,16 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
+const { defineConfig } = require('vite');
+const webpackStatsPlugin = require('rollup-plugin-webpack-stats');
+
+module.exports = defineConfig({
+  build: {
+    rollupOptions: {
+      output: {
+        assetFileNames: 'assets/[name][extname]',
+        chunkFileNames: 'assets/[name].js',
+        entryFileNames: 'assets/[name].js',
+      },
+    },
+  },
+  plugins: [webpackStatsPlugin()],
+});

test/package/vite/case-config.mjs

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import webpackStats from 'rollup-plugin-webpack-stats';
+
+export default defineConfig({
+  build: {
+    rollupOptions: {
+      output: {
+        assetFileNames: 'assets/[name][extname]',
+        chunkFileNames: 'assets/[name].js',
+        entryFileNames: 'assets/[name].js',
+      },
+    },
+  },
+  plugins: [webpackStats()],
+});

test/package/vite/case-config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import webpackStats from 'rollup-plugin-webpack-stats';
+
+export default defineConfig({
+  build: {
+    rollupOptions: {
+      output: {
+        assetFileNames: 'assets/[name][extname]',
+        chunkFileNames: 'assets/[name].js',
+        entryFileNames: 'assets/[name].js',
+      },
+    },
+  },
+  plugins: [webpackStats()],
+});

test/package/vite/case-options.mjs

@@ -24,6 +24,7 @@ export default defineConfig([
     ...baseConfig,
     build: {
       ...baseConfig.build,
+      outDir: 'dist2',
     },
     plugins: [
       // A contrived demo to show that plugin options can access vite outputOptions

test/package/vite/configs.test.ts

@@ -0,0 +1,22 @@
+import { promisify } from 'node:util';
+import { exec as execCallback} from 'node:child_process';
+import { describe, expect, test } from 'vitest';
+
+const exec = promisify(execCallback);
+
+const testCases = [
+  { type: 'commonjs', run: 'npm run build-commonjs' },
+  { type: 'esm', run: 'npm run build-esm' },
+  { type: 'ts', run: 'npm run build-ts' },
+];
+
+describe('package - vite configs', () => {
+  testCases.forEach((testCase) => {
+    test(`should build successfully with rollup ${testCase.type} config`, async () => {
+      const { stdout } = await exec(`cross-env NO_COLOR=true ${testCase.run}`);
+
+      expect(stdout).toMatch('Stats saved to');
+      expect(stdout).toMatch('built in');
+    });
+  });
+});

test/package/vite/options.test.ts

@@ -6,7 +6,7 @@ import { vol } from 'memfs';
 
 import viteConfigs from './case-options.mjs';
 
-describe('vite options', () => {
+describe('package - vite options', () => {
   beforeEach(() => {
     vol.reset();
   });
@@ -15,7 +15,7 @@ describe('vite options', () => {
     const config = viteConfigs[0];
     await vite(config);
 
-    const actual = await fs.readFile(path.join(config.output.dir, 'webpack-stats.json'), 'utf8');
+    const actual = await fs.readFile(path.join(config.build.outDir, 'webpack-stats.json'), 'utf8');
     const stats = JSON.parse(actual);
     expect(stats).toMatchObject({
       assets: [

test/package/vite/package.json

@@ -4,11 +4,15 @@
   "description": "",
   "main": "index.js",
   "scripts": {
+    "build-commonjs": "vite build -c case-config.js",
+    "build-esm": "vite build -c case-config.mjs",
+    "build-ts": "vite build -c case-config.ts",
     "test": "vitest"
   },
   "keywords": [],
   "license": "ISC",
   "devDependencies": {
+    "cross-env": "^7.0.0",
     "rollup-plugin-webpack-stats": "*",
     "vite": "^7.0.0"
   }