@farris/cli 2.3.12 → 2.3.14

package/templates/web/tsconfig.json

@@ -3,7 +3,9 @@
   "include": [
     "env.d.ts",
     "src/**/*",
-    "src/**/*.vue"
+    "src/**/*.vue",
+    "mock/**/*",
+    "vitest.setup.ts"
   ],
   "compilerOptions": {
     "composite": true,

package/templates/web/vitest.config.ts

@@ -1,10 +1,13 @@
 import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
 import { configDefaults, defineConfig } from 'vitest/config';
 
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [vue(), vueJsx()],
   test: {
     environment: 'jsdom',
+    // jsdom 缺失的浏览器 API（如 ResizeObserver）统一在这里补齐，用例里不要再各写一份
+    setupFiles: ['./vitest.setup.ts'],
     // 官方默认收集范围（**/*.{test,spec}.*），源码旁的测试才会被收集
     include: [...configDefaults.include],
     exclude: [...configDefaults.exclude, '**/__sandbox_*/**']

package/templates/web/vitest.setup.ts

@@ -0,0 +1,29 @@
+/**
+ * 测试运行前的环境兜底（由 `vitest.config.ts` 的 `setupFiles` 引入）。
+ *
+ * jsdom 没有实现全部浏览器 API，而组件在挂载时会直接读它们：例如依赖尺寸观测的组件，
+ * 缺 `ResizeObserver` 就报错。统一在这里补齐，不要在用例里各写一份。
+ * 需要更多 API（`IntersectionObserver`、`matchMedia` 等）时同样是往这里加。
+ */
+class ResizeObserverStub implements ResizeObserver {
+  constructor(private readonly callback: ResizeObserverCallback) {}
+
+  /**
+   * 同步回调一次。只写空方法的话，靠回调算尺寸的组件在用例里永远不会被触发，
+   * 测试就变成"挂上去就完事"的假绿。
+   */
+  observe(target: Element): void {
+    const entry = [
+      { target, contentRect: (target as HTMLElement).getBoundingClientRect() }
+    ] as unknown as ResizeObserverEntry[];
+    this.callback(entry, this);
+  }
+
+  unobserve(): void {}
+
+  disconnect(): void {}
+}
+
+if (typeof globalThis.ResizeObserver === 'undefined') {
+  globalThis.ResizeObserver = ResizeObserverStub;
+}

package/templates/micro/mock/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  // mock 目录的独立 TS 工程：只服务于编辑器与按需类型检查（应用自身的 typecheck 不含本目录）。
-  // msw 是应用的开发期依赖（见 package.json 的 devDependencies），按常规模块解析即可。
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "composite": false,
-    "noEmit": true
-  },
-  "include": ["**/*.ts", "**/*.d.ts"]
-}

package/templates/mobile/mock/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  // mock 目录的独立 TS 工程：只服务于编辑器与按需类型检查（应用自身的 typecheck 不含本目录）。
-  // msw 是应用的开发期依赖（见 package.json 的 devDependencies），按常规模块解析即可。
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "composite": false,
-    "noEmit": true
-  },
-  "include": ["**/*.ts", "**/*.d.ts"]
-}

package/templates/web/mock/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  // mock 目录的独立 TS 工程：只服务于编辑器与按需类型检查（应用自身的 typecheck 不含本目录）。
-  // msw 是应用的开发期依赖（见 package.json 的 devDependencies），按常规模块解析即可。
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "composite": false,
-    "noEmit": true
-  },
-  "include": ["**/*.ts", "**/*.d.ts"]
-}