test: add test case for module preload w/ credentials

playground/preload/__tests__/preload-credentials/preload-credentials.spec.ts

@@ -0,0 +1,25 @@
+import { describe, expect, test } from 'vitest'
+import { browserLogs, isBuild, page } from '~utils'
+
+test('should have no 404s', () => {
+  browserLogs.forEach((msg) => {
+    expect(msg).not.toMatch('404')
+  })
+})
+
+describe.runIf(isBuild)('build', () => {
+  test('dynamic import', async () => {
+    await page.waitForSelector('#done')
+    expect(await page.textContent('#done')).toBe('ran js')
+  })
+
+  test('dynamic import with crossorigin set to use-credentials', async () => {
+    await page.click('#hello .load')
+    await page.waitForSelector('#hello output')
+
+    const html = await page.content()
+    expect(html).toMatch(
+      /link rel="modulepreload" as="script" crossorigin="use-credentials".*?href=".*?\/hello-\w{8}\.js"/,
+    )
+  })
+})

playground/preload/__tests__/preload-credentials/vite.config.js

@@ -0,0 +1 @@
+export { default } from '../../vite.config-preload-credentials'

playground/preload/package.json

@@ -15,7 +15,11 @@
     "dev:preload-disabled": "vite --config vite.config-preload-disabled.ts",
     "build:preload-disabled": "vite build --config vite.config-preload-disabled.ts",
     "debug:preload-disabled": "node --inspect-brk ../../packages/vite/bin/vite --config vite.config-preload-disabled.ts",
-    "preview:preload-disabled": "vite preview --config vite.config-preload-disabled.ts"
+    "preview:preload-disabled": "vite preview --config vite.config-preload-disabled.ts",
+    "dev:preload-credentials": "vite --config vite.config-preload-credentials.ts",
+    "build:preload-credentials": "vite build --config vite.config-preload-credentials.ts",
+    "debug:preload-credentials": "node --inspect-brk ../../packages/vite/bin/vite --config vite.config-preload-credentials.ts",
+    "preview:preload-credentials": "vite preview --config vite.config-preload-credentials.ts"
   },
   "devDependencies": {
     "terser": "^5.31.0",

playground/preload/vite.config-preload-credentials.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  build: {
+    outDir: 'dist/preload-credentials',
+    minify: 'terser',
+    terserOptions: {
+      format: {
+        beautify: true,
+      },
+      compress: {
+        passes: 3,
+      },
+    },
+    modulePreload: {
+      crossOrigin: 'use-credentials',
+    },
+  },
+  cacheDir: 'node_modules/.vite-preload-credentials',
+})