From e79d72cd06b83c7c69caa21365a0acadf8613c25 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Wed, 19 Oct 2022 16:29:01 +0100
Subject: [PATCH] test: add bundle size test (#8133)

Co-authored-by: Pooya Parsa <pooya@pi0.io>
---
 test/bundle.test.ts                  | 98 ++++++++++++++++++++++++++++
 test/fixtures/minimal/app.vue        |  3 +
 test/fixtures/minimal/nuxt.config.ts |  1 +
 test/fixtures/minimal/tsconfig.json  |  3 +
 4 files changed, 105 insertions(+)
 create mode 100644 test/bundle.test.ts
 create mode 100644 test/fixtures/minimal/app.vue
 create mode 100644 test/fixtures/minimal/nuxt.config.ts
 create mode 100644 test/fixtures/minimal/tsconfig.json

diff --git a/test/bundle.test.ts b/test/bundle.test.ts
new file mode 100644
index 00000000000..fa515f9116e
--- /dev/null
+++ b/test/bundle.test.ts
@@ -0,0 +1,98 @@
+import { fileURLToPath } from 'node:url'
+import fsp from 'node:fs/promises'
+import { afterAll, beforeAll, describe, expect, it } from 'vitest'
+import { execaCommand } from 'execa'
+import { globby } from 'globby'
+import { join } from 'pathe'
+import { isWindows } from 'std-env'
+
+describe.skipIf(isWindows)('minimal nuxt application', () => {
+  const rootDir = fileURLToPath(new URL('./fixtures/minimal', import.meta.url))
+  const publicDir = join(rootDir, '.output/public')
+  const serverDir = join(rootDir, '.output/server')
+
+  const stats = {
+    client: { totalBytes: 0, files: [] as string[] },
+    server: { totalBytes: 0, files: [] as string[] }
+  }
+
+  beforeAll(async () => {
+    await execaCommand(`pnpm nuxi build ${rootDir}`)
+  }, 120 * 1000)
+
+  afterAll(async () => {
+    await fsp.writeFile(join(rootDir, '.output/test-stats.json'), JSON.stringify(stats, null, 2))
+  })
+
+  it('default client bundle size', async () => {
+    stats.client = await analyzeSizes('**/*.js', publicDir)
+    expect(stats.client.totalBytes).toBeLessThan(110000)
+    expect(stats.client.files.map(f => f.replace(/\..*\.js/, '.js'))).toMatchInlineSnapshot(`
+      [
+        "_nuxt/entry.js",
+        "_nuxt/error-404.js",
+        "_nuxt/error-500.js",
+        "_nuxt/error-component.js",
+      ]
+    `)
+  })
+
+  it('default server bundle size', async () => {
+    stats.server = await analyzeSizes(['**/*.mjs', '!node_modules'], serverDir)
+    expect(stats.server.totalBytes).toBeLessThan(120000)
+
+    const modules = await analyzeSizes('node_modules/**/*', serverDir)
+    expect(modules.totalBytes).toBeLessThan(2700000)
+
+    const packages = modules.files
+      .filter(m => m.endsWith('package.json'))
+      .map(m => m.replace('/package.json', '').replace('node_modules/', ''))
+      .sort()
+    expect(packages).toMatchInlineSnapshot(`
+      [
+        "@babel/parser",
+        "@vue/compiler-core",
+        "@vue/compiler-dom",
+        "@vue/compiler-ssr",
+        "@vue/reactivity",
+        "@vue/runtime-core",
+        "@vue/runtime-dom",
+        "@vue/server-renderer",
+        "@vue/shared",
+        "@vueuse/shared",
+        "buffer-from",
+        "cookie-es",
+        "defu",
+        "destr",
+        "estree-walker",
+        "h3",
+        "hookable",
+        "node-fetch-native",
+        "ohash",
+        "ohmyfetch",
+        "pathe",
+        "radix3",
+        "scule",
+        "source-map",
+        "source-map-support",
+        "ufo",
+        "unctx",
+        "unenv",
+        "unstorage",
+        "vue",
+        "vue-bundle-renderer",
+        "vue-demi",
+      ]
+    `)
+  })
+})
+
+async function analyzeSizes (pattern: string | string[], rootDir: string) {
+  const files: string[] = await globby(pattern, { cwd: rootDir })
+  let totalBytes = 0
+  for (const file of files) {
+    const bytes = Buffer.byteLength(await fsp.readFile(join(rootDir, file)))
+    totalBytes += bytes
+  }
+  return { files, totalBytes }
+}
diff --git a/test/fixtures/minimal/app.vue b/test/fixtures/minimal/app.vue
new file mode 100644
index 00000000000..585f495151c
--- /dev/null
+++ b/test/fixtures/minimal/app.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>Hello World!</div>
+</template>
diff --git a/test/fixtures/minimal/nuxt.config.ts b/test/fixtures/minimal/nuxt.config.ts
new file mode 100644
index 00000000000..268da7f8c11
--- /dev/null
+++ b/test/fixtures/minimal/nuxt.config.ts
@@ -0,0 +1 @@
+export default defineNuxtConfig({})
diff --git a/test/fixtures/minimal/tsconfig.json b/test/fixtures/minimal/tsconfig.json
new file mode 100644
index 00000000000..4b34df1571f
--- /dev/null
+++ b/test/fixtures/minimal/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "./.nuxt/tsconfig.json"
+}