vite.config.ts 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351
  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. exclude: [
  121. 'packages/vue/__tests__/e2e/Transition.spec.ts',
  122. 'packages/vue/__tests__/e2e/TransitionGroup.spec.ts',
  123. ],
  124. },
  125. },
  126. {
  127. extends: true,
  128. define: {
  129. __BROWSER__: true,
  130. },
  131. test: {
  132. name: 'e2e-browser',
  133. include: [
  134. 'packages/vue/__tests__/e2e/Transition.spec.ts',
  135. 'packages/vue/__tests__/e2e/TransitionGroup.spec.ts',
  136. ],
  137. browser: {
  138. enabled: true,
  139. provider: playwright({
  140. launchOptions: {
  141. args: process.env.CI
  142. ? ['--no-sandbox', '--disable-setuid-sandbox']
  143. : [],
  144. },
  145. }),
  146. headless: true,
  147. instances: [{ browser: 'chromium' }],
  148. },
  149. },
  150. },
  151. // @ts-expect-error - https://github.com/vuejs/core/actions/runs/23430103557/job/68154030981
  152. // When running `vp test --project unit*`, Vitest still initializes all projects (this is
  153. // expected behavior see https://github.com/vitest-dev/vitest/issues/9849) and loads
  154. // `packages-private/vapor-e2e-test/vite.config.ts`. That config immediately imports
  155. // `vue/compiler-sfc`, but the package has not been built yet.
  156. // To work around this, we conditionally include the vapor e2e test project only when the
  157. // `VAPOR_E2E` env variable is set.
  158. // for Vitest VSCode extension, we can set this env variable in the `vitest.nodeEnv` config
  159. // to ensure the vapor e2e tests are included when running tests in VSCode.
  160. // "vitest.nodeEnv": {
  161. // "VAPOR_E2E": "1"
  162. // },
  163. ...(process.env.VAPOR_E2E === '1'
  164. ? [
  165. {
  166. extends: './packages-private/vapor-e2e-test/vite.config.ts',
  167. root: './packages-private/vapor-e2e-test',
  168. test: {
  169. globals: true,
  170. isolate: true,
  171. name: 'e2e-vapor',
  172. setupFiles: ['./__tests__/setupBrowser.ts'],
  173. browser: {
  174. enabled: true,
  175. provider: playwright({
  176. launchOptions: {
  177. args: process.env.CI
  178. ? ['--no-sandbox', '--disable-setuid-sandbox']
  179. : [],
  180. },
  181. }),
  182. headless: true,
  183. screenshotFailures: false,
  184. instances: [{ browser: 'chromium' }],
  185. },
  186. include: ['./__tests__/*.spec.ts'],
  187. },
  188. },
  189. ]
  190. : []),
  191. ],
  192. onConsoleLog(log) {
  193. if (log.startsWith('You are running a development build of Vue.')) {
  194. return false
  195. }
  196. },
  197. },
  198. staged: {
  199. '*.{js,json}': ['vp fmt --no-error-on-unmatched-pattern'],
  200. '*.ts?(x)': ['vp lint --fix', 'vp fmt --no-error-on-unmatched-pattern'],
  201. },
  202. lint: {
  203. categories: {
  204. correctness: 'off',
  205. },
  206. env: {
  207. builtin: true,
  208. },
  209. ignorePatterns: [
  210. '**/dist/',
  211. '**/temp/',
  212. '**/coverage/',
  213. 'dts-build/packages',
  214. ],
  215. overrides: [
  216. {
  217. files: ['**/*.js', '**/*.ts', '**/*.tsx'],
  218. rules: {
  219. 'no-debugger': 'error',
  220. 'no-console': [
  221. 'error',
  222. {
  223. allow: ['warn', 'error', 'info'],
  224. },
  225. ],
  226. 'no-restricted-globals': [
  227. 'error',
  228. 'window',
  229. 'document',
  230. 'module',
  231. 'require',
  232. ],
  233. 'sort-imports': [
  234. 'error',
  235. {
  236. ignoreDeclarationSort: true,
  237. },
  238. ],
  239. '@typescript-eslint/prefer-ts-expect-error': 'error',
  240. '@typescript-eslint/consistent-type-imports': [
  241. 'error',
  242. {
  243. fixStyle: 'inline-type-imports',
  244. disallowTypeAnnotations: false,
  245. },
  246. ],
  247. '@typescript-eslint/no-import-type-side-effects': 'error',
  248. },
  249. },
  250. {
  251. files: ['packages/shared/**'],
  252. rules: {
  253. 'no-restricted-globals': 'off',
  254. },
  255. },
  256. {
  257. files: ['packages/{vue,vue-compat,runtime-*}/**'],
  258. rules: {
  259. 'no-restricted-globals': ['error', 'module', 'require'],
  260. 'oxc/no-optional-chaining': 'error',
  261. },
  262. },
  263. {
  264. files: ['packages/{compiler-*,server-renderer}/**'],
  265. rules: {
  266. 'no-restricted-globals': ['error', 'window', 'document'],
  267. 'oxc/no-const-enum': 'error',
  268. },
  269. },
  270. {
  271. files: [
  272. 'packages-private/template-explorer/**',
  273. 'packages-private/sfc-playground/**',
  274. ],
  275. rules: {
  276. 'no-restricted-globals': ['error', 'module', 'require'],
  277. 'oxc/no-const-enum': 'error',
  278. 'no-console': 'off',
  279. },
  280. },
  281. {
  282. files: ['*.js'],
  283. rules: {
  284. 'no-unused-vars': [
  285. 'error',
  286. {
  287. vars: 'all',
  288. args: 'none',
  289. },
  290. ],
  291. },
  292. },
  293. {
  294. files: [
  295. '**/__tests__/**',
  296. 'packages-private/dts-test/**',
  297. 'packages-private/dts-build-test/**',
  298. ],
  299. rules: {
  300. 'no-console': 'off',
  301. 'no-restricted-globals': 'off',
  302. 'no-unused-vars': 'off',
  303. 'oxc/no-optional-chaining': 'off',
  304. },
  305. globals: {
  306. suite: 'writable',
  307. test: 'writable',
  308. describe: 'writable',
  309. it: 'writable',
  310. expectTypeOf: 'writable',
  311. assertType: 'writable',
  312. expect: 'writable',
  313. assert: 'writable',
  314. chai: 'writable',
  315. vitest: 'writable',
  316. vi: 'writable',
  317. beforeAll: 'writable',
  318. afterAll: 'writable',
  319. beforeEach: 'writable',
  320. afterEach: 'writable',
  321. onTestFailed: 'writable',
  322. onTestFinished: 'writable',
  323. },
  324. },
  325. {
  326. files: [
  327. 'scripts/**',
  328. './*.{js,ts}',
  329. 'packages/*/*.js',
  330. 'packages/vue/*/*.js',
  331. 'packages-private/benchmark/*',
  332. 'packages-private/e2e-utils/*',
  333. ],
  334. rules: {
  335. 'no-restricted-globals': 'off',
  336. 'oxc/no-const-enum': 'error',
  337. 'no-console': 'off',
  338. },
  339. },
  340. ],
  341. },
  342. fmt: {
  343. semi: false,
  344. singleQuote: true,
  345. arrowParens: 'avoid',
  346. printWidth: 80,
  347. experimentalSortPackageJson: false,
  348. ignorePatterns: ['dist', 'CHANGELOG*.md', '*.toml'],
  349. },
  350. })