test: migrate tests with type: module

.eslintrc.cjs

@@ -70,6 +70,12 @@ module.exports = defineConfig({
     'node/no-unpublished-import': 'off',
     'node/no-unpublished-require': 'off',
     'node/no-unsupported-features/es-syntax': 'off',
+    'node/no-unsupported-features/node-builtins': [
+      'error',
+      {
+        version: '>=14.6.0'
+      }
+    ],
 
     '@typescript-eslint/ban-ts-comment': 'off', // TODO: we should turn this on in a new PR
     '@typescript-eslint/ban-types': 'off', // TODO: we should turn this on in a new PR

playground/css-sourcemap/vite.config.js

@@ -1,9 +1,11 @@
-const MagicString = require('magic-string')
+import { fileURLToPath } from 'url'
+import { dirname } from 'path'
+import MagicString from 'magic-string'
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+export default defineConfig({
   resolve: {
     alias: {
       '@': __dirname
@@ -58,4 +60,4 @@ module.exports = {
       }
     }
   ]
-}
+})

playground/data-uri/package.json

@@ -2,6 +2,7 @@
   "name": "test-data-uri",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/define/package.json

@@ -2,6 +2,7 @@
   "name": "test-define",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/define/vite.config.js

@@ -1,4 +1,6 @@
-module.exports = {
+import { defineConfig } from 'vite'
+
+export default defineConfig({
   define: {
     __EXP__: 'false',
     __STRING__: '"hello"',
@@ -20,4 +22,4 @@ module.exports = {
     ÖUNICODE_LETTERɵ: 789,
     __VAR_NAME__: false
   }
-}
+})

playground/dynamic-import/nested/index.js

@@ -48,7 +48,6 @@ document.querySelector('.mxdjson').addEventListener('click', async () => {
 // data URLs (`blob:`)
 const code1 = 'export const msg = "blob"'
 const blob = new Blob([code1], { type: 'text/javascript;charset=UTF-8' })
-// eslint-disable-next-line node/no-unsupported-features/node-builtins
 const blobURL = URL.createObjectURL(blob)
 document.querySelector('.issue-2658-1').addEventListener('click', async () => {
   const { msg } = await import(/*@vite-ignore*/ blobURL)

playground/dynamic-import/package.json

@@ -2,6 +2,7 @@
   "name": "test-dynamic-import",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/dynamic-import/vite.config.js

@@ -1,30 +1,33 @@
-const fs = require('fs')
-const path = require('path')
-const vite = require('vite')
+import { copyFileSync } from 'fs'
+import { dirname, resolve } from 'path'
+import { fileURLToPath } from 'url'
+import { defineConfig } from 'vite'
 
-module.exports = vite.defineConfig({
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+export default defineConfig({
   plugins: [
     {
       name: 'copy',
       writeBundle() {
-        fs.copyFileSync(
-          path.resolve(__dirname, 'qux.js'),
-          path.resolve(__dirname, 'dist/qux.js')
+        copyFileSync(
+          resolve(__dirname, 'qux.js'),
+          resolve(__dirname, 'dist/qux.js')
         )
-        fs.copyFileSync(
-          path.resolve(__dirname, 'mxd.js'),
-          path.resolve(__dirname, 'dist/mxd.js')
+        copyFileSync(
+          resolve(__dirname, 'mxd.js'),
+          resolve(__dirname, 'dist/mxd.js')
         )
-        fs.copyFileSync(
-          path.resolve(__dirname, 'mxd.json'),
-          path.resolve(__dirname, 'dist/mxd.json')
+        copyFileSync(
+          resolve(__dirname, 'mxd.json'),
+          resolve(__dirname, 'dist/mxd.json')
         )
       }
     }
   ],
   resolve: {
     alias: {
-      '@': path.resolve(__dirname, 'alias')
+      '@': resolve(__dirname, 'alias')
     }
   }
 })

playground/env-nested/package.json

@@ -2,6 +2,7 @@
   "name": "test-env-nested",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/env-nested/vite.config.js

@@ -1,5 +1,5 @@
-const { defineConfig } = require('vite')
+import { defineConfig } from 'vite'
 
-module.exports = defineConfig({
+export default defineConfig({
   envDir: './envs'
 })

playground/env/package.json

@@ -2,6 +2,7 @@
   "name": "test-env",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "cross-env VITE_INLINE=inline-serve vite",
     "build": "cross-env VITE_INLINE=inline-build vite build",

playground/env/vite.config.js

@@ -1,6 +1,6 @@
-const { defineConfig } = require('vite')
+import { defineConfig } from 'vite'
 
-module.exports = defineConfig({
+export default defineConfig({
   base: '/env/',
   envPrefix: ['VITE_', 'CUSTOM_PREFIX_'],
   build: {

playground/extensions/package.json

@@ -2,6 +2,7 @@
   "name": "test-extensions",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/extensions/vite.config.js

@@ -1,6 +1,8 @@
-module.exports = {
+import { defineConfig } from 'vite'
+
+export default defineConfig({
   resolve: {
     alias: [{ find: 'vue', replacement: 'vue/dist/vue.esm-bundler.js' }],
     extensions: ['.js']
   }
-}
+})

playground/file-delete-restore/package.json

@@ -2,6 +2,7 @@
   "name": "test-file-delete-restore",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/file-delete-restore/vite.config.js

@@ -1,12 +1,10 @@
-const react = require('@vitejs/plugin-react')
+import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   plugins: [react()],
   build: {
     // to make tests faster
     minify: false
   }
-}
+})

playground/fs-serve/package.json

@@ -1,6 +1,7 @@
 {
   "name": "test-fs-serve",
   "private": true,
+  "type": "module",
   "version": "0.0.0",
   "scripts": {
     "dev": "vite root",

playground/fs-serve/root/vite.config.js

@@ -1,9 +1,7 @@
-const path = require('path')
+import path from 'path'
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   build: {
     rollupOptions: {
       input: {
@@ -23,4 +21,4 @@ module.exports = {
   define: {
     ROOT: JSON.stringify(path.dirname(__dirname).replace(/\\/g, '/'))
   }
-}
+})

playground/glob-import/package.json

@@ -1,6 +1,7 @@
 {
   "name": "test-import-context",
   "private": true,
+  "type": "module",
   "version": "0.0.0",
   "scripts": {
     "dev": "vite",

playground/lib/package.json

@@ -2,6 +2,7 @@
   "name": "@example/my-lib",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/lib/vite.config.js

@@ -1,10 +1,8 @@
-const fs = require('fs')
-const path = require('path')
+import fs from 'fs'
+import path from 'path'
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   build: {
     lib: {
       entry: path.resolve(__dirname, 'src/main.js'),
@@ -28,4 +26,4 @@ module.exports = {
       }
     }
   ]
-}
+})

playground/lib/vite.dyimport.config.js

@@ -1,10 +1,8 @@
-const fs = require('fs')
-const path = require('path')
+import fs from 'fs'
+import path from 'path'
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   build: {
     lib: {
       entry: path.resolve(__dirname, 'src/main2.js'),
@@ -14,4 +12,4 @@ module.exports = {
     },
     outDir: 'dist/lib'
   }
-}
+})

playground/ssr-html/__tests__/serve.ts

@@ -10,7 +10,7 @@ export const port = ports['ssr-html']
 export async function serve() {
   await kill(port)
 
-  const { createServer } = require(path.resolve(rootDir, 'server.js'))
+  const { createServer } = await import(path.resolve(rootDir, 'server.js'))
   const { app, vite } = await createServer(rootDir, hmrPorts['ssr-html'])
 
   return new Promise((resolve, reject) => {

playground/ssr-html/package.json

@@ -1,6 +1,7 @@
 {
   "name": "test-ssr-html",
   "private": true,
+  "type": "module",
   "version": "0.0.0",
   "scripts": {
     "dev": "node server",

playground/ssr-html/server.js

@@ -1,7 +1,7 @@
-// @ts-check
-const fs = require('fs')
-const path = require('path')
-const express = require('express')
+import fs from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
+import express from 'express'
 
 const isTest = process.env.NODE_ENV === 'test' || !!process.env.VITE_TEST_BUILD
 
@@ -22,16 +22,17 @@ const DYNAMIC_STYLES = `
   </style>
 `
 
-async function createServer(root = process.cwd(), hmrPort) {
-  const resolve = (p) => path.resolve(__dirname, p)
+export async function createServer(root = process.cwd(), hmrPort) {
+  const { createServer } = await import('vite')
+  const resolve = (p) => path.resolve(fileURLToPath(import.meta.url), '..', p)
 
   const app = express()
 
   /**
    * @type {import('vite').ViteDevServer}
    */
   let vite
-  vite = await require('vite').createServer({
+  vite = await createServer({
     root,
     logLevel: isTest ? 'error' : 'info',
     server: {
@@ -93,6 +94,3 @@ if (!isTest) {
     })
   )
 }
-
-// for test use
-exports.createServer = createServer

playground/vue-jsx/package.json

@@ -2,6 +2,7 @@
   "name": "test-vue-jsx",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/vue-jsx/vite.config.js

@@ -1,10 +1,9 @@
-const vueJsxPlugin = require('@vitejs/plugin-vue-jsx')
-const vuePlugin = require('@vitejs/plugin-vue')
+import { defineConfig } from 'vite'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+import vueJsxPlugin from '@vitejs/plugin-vue-jsx'
+import vuePlugin from '@vitejs/plugin-vue'
+
+export default defineConfig({
   plugins: [
     vueJsxPlugin({
       include: [/\.tesx$/, /\.[jt]sx$/]
@@ -39,4 +38,4 @@ export default defineComponent(() => {
   optimizeDeps: {
     disabled: true
   }
-}
+})

playground/vue-lib/package.json

@@ -1,6 +1,7 @@
 {
   "name": "test-vue-lib",
   "private": true,
+  "type": "module",
   "version": "0.0.0",
   "scripts": {
     "dev-consumer": "vite --config ./vite.config.consumer.ts",

playground/vue-server-origin/package.json

@@ -1,6 +1,7 @@
 {
   "name": "test-vue-server-origin",
   "private": true,
+  "type": "module",
   "version": "0.0.0",
   "scripts": {
     "dev": "vite",