vite.config.ts 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322
  1. import { configDefaults } from 'vitest/config'
  2. import { playwright } from 'vitest/browser-playwright'
  3. import { defineConfig } from 'vite-plus'
  4. import { entries } from './scripts/aliases.js'
  5. export default defineConfig({
  6. define: {
  7. __DEV__: process.env.MODE !== 'benchmark',
  8. __TEST__: true,
  9. __E2E_TEST__: false,
  10. __VERSION__: '"test"',
  11. __BROWSER__: false,
  12. __GLOBAL__: false,
  13. __ESM_BUNDLER__: true,
  14. __ESM_BROWSER__: false,
  15. __CJS__: true,
  16. __SSR__: true,
  17. __BENCHMARK__: false,
  18. __FEATURE_OPTIONS_API__: true,
  19. __FEATURE_SUSPENSE__: true,
  20. __FEATURE_PROD_DEVTOOLS__: false,
  21. __FEATURE_PROD_HYDRATION_MISMATCH_DETAILS__: false,
  22. __COMPAT__: true,
  23. },
  24. resolve: {
  25. alias: entries,
  26. },
  27. test: {
  28. globals: true,
  29. pool: 'threads',
  30. setupFiles: 'scripts/setup-vitest.ts',
  31. sequence: {
  32. hooks: 'list',
  33. },
  34. coverage: {
  35. provider: 'v8',
  36. reporter: ['text', 'html'],
  37. include: ['packages/*/src/**'],
  38. exclude: [
  39. 'packages/vue-compat/**',
  40. 'packages/vue/src/dev.ts',
  41. 'packages/vue/src/runtime.ts',
  42. 'packages/vue/src/runtime-with-vapor.ts',
  43. 'packages/vue/src/index-with-vapor.ts',
  44. 'packages/runtime-core/src/profiling.ts',
  45. 'packages/runtime-core/src/featureFlags.ts',
  46. 'packages/runtime-core/src/customFormatter.ts',
  47. 'packages/runtime-core/src/hydrationStrategies.ts',
  48. 'packages/runtime-dom/src/components/Transition*',
  49. 'packages/runtime-vapor/src/components/Transition*',
  50. ],
  51. },
  52. projects: [
  53. {
  54. extends: true,
  55. test: {
  56. name: 'unit-gc',
  57. pool: 'forks',
  58. execArgv: ['--expose-gc'],
  59. include: [
  60. 'packages/reactivity/__tests__/gc.spec.ts',
  61. 'packages/server-renderer/__tests__/ssrWatch.spec.ts',
  62. ],
  63. },
  64. },
  65. {
  66. extends: true,
  67. test: {
  68. name: 'unit',
  69. exclude: [
  70. ...configDefaults.exclude,
  71. 'packages/reactivity/__tests__/gc.spec.ts',
  72. 'packages/server-renderer/__tests__/ssrWatch.spec.ts',
  73. '**/e2e/**',
  74. '**/vapor-e2e-test/**',
  75. 'packages/{vue,vue-compat,runtime-dom,runtime-vapor}/**',
  76. ],
  77. },
  78. },
  79. {
  80. extends: true,
  81. test: {
  82. name: 'unit-jsdom',
  83. environment: 'jsdom',
  84. include: [
  85. 'packages/{vue,vue-compat,runtime-dom,runtime-vapor}/**/*.spec.ts',
  86. ],
  87. exclude: [...configDefaults.exclude, '**/e2e/**'],
  88. },
  89. },
  90. {
  91. extends: true,
  92. test: {
  93. name: 'bench-browser',
  94. include: [],
  95. browser: {
  96. enabled: true,
  97. provider: playwright({
  98. launchOptions: {
  99. args: process.env.CI
  100. ? ['--no-sandbox', '--disable-setuid-sandbox']
  101. : [],
  102. },
  103. }),
  104. headless: true,
  105. screenshotFailures: false,
  106. instances: [{ browser: 'chromium' }],
  107. },
  108. benchmark: {
  109. include: ['packages/runtime-vapor/__tests__/bench/*.bench.ts'],
  110. },
  111. },
  112. },
  113. {
  114. extends: true,
  115. test: {
  116. name: 'e2e',
  117. environment: 'jsdom',
  118. isolate: true,
  119. include: ['packages/vue/__tests__/e2e/*.spec.ts'],
  120. },
  121. },
  122. // @ts-expect-error - https://github.com/vuejs/core/actions/runs/23430103557/job/68154030981
  123. // When running `vp test --project unit*`, Vitest still initializes all projects (this is
  124. // expected behavior see https://github.com/vitest-dev/vitest/issues/9849) and loads
  125. // `packages-private/vapor-e2e-test/vite.config.ts`. That config immediately imports
  126. // `vue/compiler-sfc`, but the package has not been built yet.
  127. // To work around this, we conditionally include the vapor e2e test project only when the
  128. // `VAPOR_E2E` env variable is set.
  129. // for Vitest VSCode extension, we can set this env variable in the `vitest.nodeEnv` config
  130. // to ensure the vapor e2e tests are included when running tests in VSCode.
  131. // "vitest.nodeEnv": {
  132. // "VAPOR_E2E": "1"
  133. // },
  134. ...(process.env.VAPOR_E2E === '1'
  135. ? [
  136. {
  137. extends: './packages-private/vapor-e2e-test/vite.config.ts',
  138. root: './packages-private/vapor-e2e-test',
  139. test: {
  140. globals: true,
  141. isolate: true,
  142. name: 'e2e-vapor',
  143. setupFiles: ['./__tests__/setupBrowser.ts'],
  144. browser: {
  145. enabled: true,
  146. provider: playwright({
  147. launchOptions: {
  148. args: process.env.CI
  149. ? ['--no-sandbox', '--disable-setuid-sandbox']
  150. : [],
  151. },
  152. }),
  153. headless: true,
  154. screenshotFailures: false,
  155. instances: [{ browser: 'chromium' }],
  156. },
  157. include: ['./__tests__/*.spec.ts'],
  158. },
  159. },
  160. ]
  161. : []),
  162. ],
  163. onConsoleLog(log) {
  164. if (log.startsWith('You are running a development build of Vue.')) {
  165. return false
  166. }
  167. },
  168. },
  169. staged: {
  170. '*.{js,json}': ['vp fmt --no-error-on-unmatched-pattern'],
  171. '*.ts?(x)': ['vp lint --fix', 'vp fmt --no-error-on-unmatched-pattern'],
  172. },
  173. lint: {
  174. categories: {
  175. correctness: 'off',
  176. },
  177. env: {
  178. builtin: true,
  179. },
  180. ignorePatterns: [
  181. '**/dist/',
  182. '**/temp/',
  183. '**/coverage/',
  184. 'dts-build/packages',
  185. ],
  186. overrides: [
  187. {
  188. files: ['**/*.js', '**/*.ts', '**/*.tsx'],
  189. rules: {
  190. 'no-debugger': 'error',
  191. 'no-console': [
  192. 'error',
  193. {
  194. allow: ['warn', 'error', 'info'],
  195. },
  196. ],
  197. 'no-restricted-globals': [
  198. 'error',
  199. 'window',
  200. 'document',
  201. 'module',
  202. 'require',
  203. ],
  204. 'sort-imports': [
  205. 'error',
  206. {
  207. ignoreDeclarationSort: true,
  208. },
  209. ],
  210. '@typescript-eslint/prefer-ts-expect-error': 'error',
  211. '@typescript-eslint/consistent-type-imports': [
  212. 'error',
  213. {
  214. fixStyle: 'inline-type-imports',
  215. disallowTypeAnnotations: false,
  216. },
  217. ],
  218. '@typescript-eslint/no-import-type-side-effects': 'error',
  219. },
  220. },
  221. {
  222. files: ['packages/shared/**'],
  223. rules: {
  224. 'no-restricted-globals': 'off',
  225. },
  226. },
  227. {
  228. files: ['packages/{vue,vue-compat,runtime-*}/**'],
  229. rules: {
  230. 'no-restricted-globals': ['error', 'module', 'require'],
  231. 'oxc/no-optional-chaining': 'error',
  232. },
  233. },
  234. {
  235. files: ['packages/{compiler-*,server-renderer}/**'],
  236. rules: {
  237. 'no-restricted-globals': ['error', 'window', 'document'],
  238. 'oxc/no-const-enum': 'error',
  239. },
  240. },
  241. {
  242. files: [
  243. 'packages-private/template-explorer/**',
  244. 'packages-private/sfc-playground/**',
  245. ],
  246. rules: {
  247. 'no-restricted-globals': ['error', 'module', 'require'],
  248. 'oxc/no-const-enum': 'error',
  249. 'no-console': 'off',
  250. },
  251. },
  252. {
  253. files: ['*.js'],
  254. rules: {
  255. 'no-unused-vars': [
  256. 'error',
  257. {
  258. vars: 'all',
  259. args: 'none',
  260. },
  261. ],
  262. },
  263. },
  264. {
  265. files: [
  266. '**/__tests__/**',
  267. 'packages-private/dts-test/**',
  268. 'packages-private/dts-build-test/**',
  269. ],
  270. rules: {
  271. 'no-console': 'off',
  272. 'no-restricted-globals': 'off',
  273. 'no-unused-vars': 'off',
  274. 'oxc/no-optional-chaining': 'off',
  275. },
  276. globals: {
  277. suite: 'writable',
  278. test: 'writable',
  279. describe: 'writable',
  280. it: 'writable',
  281. expectTypeOf: 'writable',
  282. assertType: 'writable',
  283. expect: 'writable',
  284. assert: 'writable',
  285. chai: 'writable',
  286. vitest: 'writable',
  287. vi: 'writable',
  288. beforeAll: 'writable',
  289. afterAll: 'writable',
  290. beforeEach: 'writable',
  291. afterEach: 'writable',
  292. onTestFailed: 'writable',
  293. onTestFinished: 'writable',
  294. },
  295. },
  296. {
  297. files: [
  298. 'scripts/**',
  299. './*.{js,ts}',
  300. 'packages/*/*.js',
  301. 'packages/vue/*/*.js',
  302. 'packages-private/benchmark/*',
  303. 'packages-private/e2e-utils/*',
  304. ],
  305. rules: {
  306. 'no-restricted-globals': 'off',
  307. 'oxc/no-const-enum': 'error',
  308. 'no-console': 'off',
  309. },
  310. },
  311. ],
  312. },
  313. fmt: {
  314. semi: false,
  315. singleQuote: true,
  316. arrowParens: 'avoid',
  317. printWidth: 80,
  318. experimentalSortPackageJson: false,
  319. ignorePatterns: ['dist', 'CHANGELOG*.md', '*.toml'],
  320. },
  321. })