test: Add vite package test

vio · vio · commit ce3836b3aa5a · 2025-08-31T15:29:28.000+02:00
diff --git a/package.json b/package.json
@@ -50,7 +50,9 @@
     "build": "tsc && rollup -c rollup.config.mjs",
     "lint": "exit 0",
     "test:unit": "vitest test/unit",
-    "test:package": "cd test/package && vitest",
+    "test:package": "npm run test:package:rollup && npm run test:package:vite",
+    "test:package:rollup": "cd test/package/rollup && vitest",
+    "test:package:vite": "cd test/package/vite && vitest",
     "bump": "./scripts/bump.sh",
     "release": "./scripts/release.sh"
   },
diff --git a/test/package/vite/.gitignore b/test/package/vite/.gitignore
@@ -0,0 +1,2 @@
+package-lock.json
+dist*
diff --git a/test/package/vite/case-options.mjs b/test/package/vite/case-options.mjs
@@ -0,0 +1,37 @@
+import { basename } from 'path';
+import { defineConfig } from 'vite';
+import webpackStats from 'rollup-plugin-webpack-stats';
+
+const baseConfig = {
+  build: {
+    outDir: 'dist',
+    rollupOptions: {
+      output: {
+        assetFileNames: 'assets/[name][extname]',
+        chunkFileNames: 'assets/[name].js',
+        entryFileNames: 'assets/[name].js',
+      },
+    },
+  },
+};
+
+export default defineConfig([
+  {
+    ...baseConfig,
+    plugins: [webpackStats()],
+  },
+  {
+    ...baseConfig,
+    build: {
+      ...baseConfig.build,
+    },
+    plugins: [
+      // A contrived demo to show that plugin options can access vite outputOptions
+      webpackStats((outputOptions) => {
+        return {
+          fileName: `stats-${basename(outputOptions.dir)}.json`,
+        };
+      }),
+    ],
+  },
+]);
diff --git a/test/package/vite/index.html b/test/package/vite/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>rollup-plugin-stats</title>
+  </head>
+  <body>
+    <script type="module" src="./src/index.js"></script>
+  </body>
+</html>
diff --git a/test/package/vite/options.test.ts b/test/package/vite/options.test.ts
@@ -0,0 +1,45 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { beforeEach, describe, test, expect } from 'vitest';
+import { build as vite } from 'vite';
+import { vol } from 'memfs';
+
+import viteConfigs from './case-options.mjs';
+
+describe('vite options', () => {
+  beforeEach(() => {
+    vol.reset();
+  });
+
+  test('should output bundle stats JSON file when options is an object', async () => {
+    const config = viteConfigs[0];
+    await vite(config);
+
+    const actual = await fs.readFile(path.join(config.output.dir, 'webpack-stats.json'), 'utf8');
+    const stats = JSON.parse(actual);
+    expect(stats).toMatchObject({
+      assets: [
+        {
+          name: 'assets/index.js',
+          size: 739,
+        },
+      ],
+    })
+  });
+
+  test('should output bundle stats JSON file when options is a builder function', async () => {
+    const config = viteConfigs[1];
+    await vite(config);
+
+    const actual = await fs.readFile(path.join(config.build.outDir, 'stats-dist2.json'), 'utf8');
+    const stats = JSON.parse(actual);
+    expect(stats).toMatchObject({
+      assets: [
+        {
+          name: 'assets/index.js',
+          size: 739,
+        },
+      ],
+    })
+  });
+});
diff --git a/test/package/vite/package.json b/test/package/vite/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "rollup-plugin-webpack-stats-test-vite",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "vitest"
+  },
+  "keywords": [],
+  "license": "ISC",
+  "devDependencies": {
+    "rollup-plugin-webpack-stats": "*",
+    "vite": "^7.0.0"
+  }
+}
diff --git a/test/package/vite/src/index.js b/test/package/vite/src/index.js
@@ -0,0 +1,4 @@
+(() => {
+  const message = 'hello world!';
+  console.log(message);
+})();
