package-lock.json

@@ -14,6 +14,7 @@
         "@types/node": "^26.1.1",
         "@vitejs/plugin-vue": "^5.1.0",
         "@vue/test-utils": "^2.4.0",
+        "happy-dom": "^15.0.0",
         "jsdom": "^29.1.1",
         "typescript": "~5.6.0",
         "vite": "^5.4.0",
@@ -1705,8 +1706,6 @@
       "resolved": "https://registry.npmmirror.com/happy-dom/-/happy-dom-15.11.7.tgz",
       "integrity": "sha512-KyrFvnl+J9US63TEzwoiJOQzZBJY7KgBushJA8X61DMbNsH+2ONkDuLDnCnwUiPTF42tLoEmrPyoqbenVA5zrg==",
       "dev": true,
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "entities": "^4.5.0",
         "webidl-conversions": "^7.0.0",
@@ -1721,8 +1720,6 @@
       "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "dev": true,
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": ">=0.12"
       },
@@ -2662,8 +2659,6 @@
       "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
       "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
       "dev": true,
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": ">=12"
       }
@@ -2673,8 +2668,6 @@
       "resolved": "https://registry.npmmirror.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
       "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
       "dev": true,
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": ">=12"
       }
@@ -3884,8 +3877,6 @@
       "resolved": "https://registry.npmmirror.com/happy-dom/-/happy-dom-15.11.7.tgz",
       "integrity": "sha512-KyrFvnl+J9US63TEzwoiJOQzZBJY7KgBushJA8X61DMbNsH+2ONkDuLDnCnwUiPTF42tLoEmrPyoqbenVA5zrg==",
       "dev": true,
-      "optional": true,
-      "peer": true,
       "requires": {
         "entities": "^4.5.0",
         "webidl-conversions": "^7.0.0",
@@ -3896,9 +3887,7 @@
           "version": "4.5.0",
           "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
           "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-          "dev": true,
-          "optional": true,
-          "peer": true
+          "dev": true
         }
       }
     },
@@ -4528,17 +4517,13 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
       "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "dev": true
     },
     "whatwg-mimetype": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
       "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "dev": true
     },
     "whatwg-url": {
       "version": "16.0.1",

package.json

@@ -11,14 +11,13 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "mitt": "^3.0.1",
-    "pinia": "^4.0.2",
     "vue": "^3.5.0"
   },
   "devDependencies": {
     "@types/node": "^26.1.1",
     "@vitejs/plugin-vue": "^5.1.0",
     "@vue/test-utils": "^2.4.0",
+    "happy-dom": "^15.0.0",
     "jsdom": "^29.1.1",
     "typescript": "~5.6.0",
     "vite": "^5.4.0",

src/apps/contacts/Contacts.vue

@@ -68,7 +68,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, computed, nextTick, onMounted } from 'vue'
+import { ref, reactive, computed, nextTick } from 'vue'
 import { uid } from '../../utils'
 import { store } from '../../composables/useStore'
 
@@ -154,7 +154,4 @@ async function deleteContact(c: any) {
 }
 
 defineExpose({ editContact })
-
-// 确保联系人数据在 store 中可用（供 FaceTime 等读取）
-onMounted(() => { persist() })
 </script>

src/apps/launchpad/index.ts

@@ -3,7 +3,6 @@ import { h, render } from 'vue'
 import { Apps, stdMenus } from '../../composables/useApps'
 import LaunchpadComponent from './Launchpad.vue'
 import { ui } from '../../composables/useUI'
-import { store } from '../../composables/useStore'
 
 let _AppStoreApp: any = null
 export function setAppStoreForLaunchpad(a: any) { _AppStoreApp = a }
@@ -47,13 +46,7 @@ Apps.open = function (id: string, args?: any) {
   if (id === 'launchpad') { Launchpad.show(); return null }
   if (id === 'stickies' && !(args && args.noteId)) { (Apps.get('stickies') as any)?.openAll(); return null }
   const app = this.get(id)
-  // storeApp 检查：优先通过 _AppStoreApp（App Store 打开后注入），
-  // 若 _AppStoreApp 为 null（App Store 尚未打开过），直接从 store 读取
-  const isStoreApp = app?.storeApp
-  const installed = isStoreApp
-    ? (_AppStoreApp ? _AppStoreApp.isInstalled(id) : (store.get('appstore-installed', []) as string[]).includes(id))
-    : true
-  if (app && isStoreApp && !installed) {
+  if (app && app.storeApp && !(_AppStoreApp && _AppStoreApp.isInstalled(id))) {
     ui.alert('尚未安装', `请先在 App Store 中获取"${app.name}"。`, '/assets/icons/appstore.png')
     return null
   }

src/apps/settings/Settings.vue

@@ -42,16 +42,16 @@
 
         <!-- 外观 -->
         <template v-if="pane === 'appearance'">
-          <div class="appearance-cards"><div v-for="[v,n,i] in appearanceOptions" :key="v" class="ap-card" :class="{sel:S.appearance===v}" @click="S.appearance=v;save();Sys().applyAppearance()"><div class="ap-preview" :class="'ap-'+v">{{ i }}</div><div class="ap-name">{{ n }}</div></div></div>
+          <div class="appearance-cards"><div v-for="[v,n,i] in appearanceOptions" :key="v" class="ap-card" :class="{sel:S.appearance===v}" @click="S.appearance=v;save();Sys.applyAppearance()"><div class="ap-preview" :class="'ap-'+v">{{ i }}</div><div class="ap-name">{{ n }}</div></div></div>
           <div class="set-section">强调色</div>
-          <div class="accent-row"><button v-for="col in accentColors" :key="col" class="accent-dot" :class="{sel:S.accent===col}" :style="{background:col}" @click="S.accent=col;save();Sys().applyAll()"></button></div>
+          <div class="accent-row"><button v-for="col in accentColors" :key="col" class="accent-dot" :class="{sel:S.accent===col}" :style="{background:col}" @click="S.accent=col;save();Sys.applyAll()"></button></div>
         </template>
 
         <!-- 桌面与程序坞 -->
         <template v-if="pane === 'dock'">
           <div class="set-card">
             <div class="set-row"><div class="set-label"><span>大小</span></div><div class="set-ctl"><input type="range" class="slider" min="36" max="72" :value="S.dockSize" @input="onDockSize"></div></div>
-            <div class="set-row"><div class="set-label"><span>自动隐藏</span></div><div class="set-ctl"><div class="switch" :class="{on:S.dockAutohide}" role="switch" tabindex="0" @click="S.dockAutohide=!S.dockAutohide;save();Sys().layoutDock()"></div></div></div>
+            <div class="set-row"><div class="set-label"><span>自动隐藏</span></div><div class="set-ctl"><div class="switch" :class="{on:S.dockAutohide}" role="switch" tabindex="0" @click="S.dockAutohide=!S.dockAutohide;save();Sys.layoutDock()"></div></div></div>
           </div>
         </template>
 
@@ -78,7 +78,7 @@
 
         <!-- 墙纸 -->
         <template v-if="pane === 'wallpaper'">
-          <div class="wall-grid"><div v-for="w in wallpapers" :key="w.id" class="wall-cell" :class="{sel:S.wallpaper===w.id}" @click="S.wallpaper=w.id;save();Sys().applyWallpaper()"><img :src="w.src" alt="" :title="w.name"><div class="wall-name">{{ w.name }}</div></div></div>
+          <div class="wall-grid"><div v-for="w in wallpapers" :key="w.id" class="wall-cell" :class="{sel:S.wallpaper===w.id}" @click="S.wallpaper=w.id;save();Sys.applyWallpaper()"><img :src="w.src" alt="" :title="w.name"><div class="wall-name">{{ w.name }}</div></div></div>
           <div class="set-note">锁屏与桌面共享同一墙纸。</div>
         </template>
 
@@ -90,7 +90,7 @@
         <!-- 日期与时间 -->
         <template v-if="pane === 'datetime'">
           <div class="set-card">
-            <div class="set-row"><div class="set-label"><span>24 小时制</span></div><div class="set-ctl"><div class="switch" :class="{on:S.h24}" role="switch" tabindex="0" @click="S.h24=!S.h24;save();Sys().tickClock()"></div></div></div>
+            <div class="set-row"><div class="set-label"><span>24 小时制</span></div><div class="set-ctl"><div class="switch" :class="{on:S.h24}" role="switch" tabindex="0" @click="S.h24=!S.h24;save();Sys.tickClock()"></div></div></div>
             <div class="set-row"><div class="set-label"><span>时区</span></div><div class="set-ctl"><select class="text-input" :value="S.timezone||'local'" @change="onTimezoneChange"><option v-for="[v,l] in timeZones" :key="v" :value="v">{{ l }}</option></select></div></div>
           </div>
         </template>
@@ -106,7 +106,7 @@
 
         <!-- 传输或还原 -->
         <template v-if="pane === 'transfer'">
-          <div class="set-card"><div class="set-row"><div class="set-label"><span>还原</span><small>清除所有设置与数据</small></div><div class="set-ctl"><button class="btn" @click="Sys().resetAll()">还原所有设置…</button></div></div></div>
+          <div class="set-card"><div class="set-row"><div class="set-label"><span>还原</span><small>清除所有设置与数据</small></div><div class="set-ctl"><button class="btn" @click="Sys.resetAll()">还原所有设置…</button></div></div></div>
         </template>
       </template>
     </div>

src/composables/useEventBus.ts

@@ -1,28 +0,0 @@
-/**
- * useEventBus — mitt 类型安全事件总线
- * 替代原 useBus.ts，所有事件必须在此声明类型
- */
-import mitt from 'mitt'
-import type { WinState } from '@/types/window'
-
-type Events = {
-  // 窗口事件
-  'wm:focus': WinState | null
-  'wm:changed': void
-  'wm:closed': { winId: string }
-
-  // 文件系统事件
-  'fs:changed': { op?: string; paths: string[]; dirty?: boolean }
-
-  // 系统事件
-  'apps:ready': void
-  'volume:changed': number
-  'trash:changed': void
-  'unlocked': void
-  'locked': void
-
-  // 通知事件
-  'notify:badges-updated': void
-}
-
-export const emitter = mitt<Events>()

src/main.ts

@@ -1,6 +1,5 @@
 import { createApp } from 'vue'
 import App from './App.vue'
-import { initPinia } from './stores'
 
 // Import all CSS
 import './styles/base.css'
@@ -10,5 +9,4 @@ import './styles/apps.css'
 import './styles/apps2.css'
 
 const app = createApp(App)
-app.use(initPinia())
 app.mount('#app')

src/stores/apps.ts

@@ -1,55 +0,0 @@
-/**
- * appStore — 应用注册表
- * 替代 useApps.ts 中的注册表部分
- */
-import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
-import { useFSStore } from './fs'
-import type { AppDefinition } from '@/types/app'
-
-export const useAppStore = defineStore('apps', () => {
-  const registry = reactive<Record<string, AppDefinition>>({})
-
-  // 待打开的应用（由 AppLoader 消费）
-  const pendingOpen = ref<{ id: string; args?: any } | null>(null)
-
-  function register(def: AppDefinition) {
-    def.w = def.w || 720
-    def.h = def.h || 480
-    def.minW = def.minW || 320
-    def.minH = def.minH || 240
-    def.about = def.about || `${def.name} — macOS 网页版内置应用`
-    registry[def.id] = def
-  }
-
-  function get(id: string): AppDefinition | undefined {
-    return registry[id]
-  }
-
-  function open(id: string, args?: any) {
-    pendingOpen.value = { id, args }
-  }
-
-  function openPath(path: string) {
-    const fsStore = useFSStore()
-    const n = fsStore.node(path)
-    if (!n) {
-      // ui.alert 稍后接入
-      console.warn('[apps] 找不到项目:', path)
-      return
-    }
-    if (n.t === 'd') return open('finder', { path })
-    if (n.t === 'a') return open(n.app!)
-    const ext = (path.split('.').pop() || '').toLowerCase()
-    if (['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg', 'pdf'].includes(ext))
-      return open('preview', { path })
-    return open('textedit', { path })
-  }
-
-  function quit(id: string) {
-    // 由外部 wm 处理实际关闭
-    pendingOpen.value = { id, args: { quit: true } }
-  }
-
-  return { registry, pendingOpen, register, get, open, openPath, quit }
-})

src/stores/fs.ts

@@ -1,315 +0,0 @@
-/**
- * fsStore — 虚拟文件系统
- * 替代 useFS.ts，数据用 Pinia 管理
- */
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-import { emitter } from '@/composables/useEventBus'
-import type { FSNode, FSEntry } from '@/types/fs'
-
-// ---- 文件扩展名 → MIME 映射 ----
-function mimeOf(name: string): string {
-  const ext = name.split('.').pop()?.toLowerCase() || ''
-  const map: Record<string, string> = {
-    txt: 'text/plain', md: 'text/markdown', html: 'text/html', css: 'text/css', js: 'text/javascript',
-    json: 'application/json', xml: 'text/xml', svg: 'image/svg+xml', csv: 'text/csv',
-  }
-  return map[ext] || 'text/plain'
-}
-
-// ---- 文件扩展名 → 图标映射 ----
-export function iconFor(path: string): string {
-  const segs = path.split('/')
-  const name = segs[segs.length - 1] || ''
-  const ext = name.split('.').pop()?.toLowerCase() || ''
-
-  const extIcons: Record<string, string> = {
-    txt: '/assets/icons/file-text.svg', md: '/assets/icons/file-text.svg',
-    html: '/assets/icons/file-code.svg', css: '/assets/icons/file-code.svg',
-    js: '/assets/icons/file-code.svg', ts: '/assets/icons/file-code.svg',
-    json: '/assets/icons/file-code.svg', xml: '/assets/icons/file-code.svg',
-    png: '/assets/icons/file-image.svg', jpg: '/assets/icons/file-image.svg',
-    jpeg: '/assets/icons/file-image.svg', gif: '/assets/icons/file-image.svg',
-    webp: '/assets/icons/file-image.svg', svg: '/assets/icons/file-image.svg',
-    pdf: '/assets/icons/file-pdf.svg',
-    mp3: '/assets/icons/file-audio.svg', wav: '/assets/icons/file-audio.svg', ogg: '/assets/icons/file-audio.svg',
-    mp4: '/assets/icons/file-video.svg', mov: '/assets/icons/file-video.svg',
-    zip: '/assets/icons/file-archive.svg', tar: '/assets/icons/file-archive.svg', gz: '/assets/icons/file-archive.svg',
-    app: '/assets/icons/app-default.svg',
-  }
-  if (extIcons[ext]) return extIcons[ext]
-  return '/assets/icons/file-generic.svg'
-}
-
-export const useFSStore = defineStore('fs', () => {
-  const HOME = '/Users/guest'
-  const root = ref<FSNode | null>(null)
-
-  // ---- 懒引用（由外部注入，打破循环依赖） ----
-  let _Apps: any = null
-  let _AppStoreApp: any = null
-
-  function setAppsRef(apps: any, appStore: any) {
-    _Apps = apps
-    _AppStoreApp = appStore
-  }
-
-  function setAppStoreRef(a: any) { _AppStoreApp = a }
-
-  const TRASH = computed(() => HOME + '/.Trash')
-
-  // ---- 路径工具 ----
-  function normalize(p: string): string {
-    if (!p) return '/'
-    const parts: string[] = []
-    for (const seg of String(p).split('/')) {
-      if (!seg || seg === '.') continue
-      if (seg === '..') parts.pop()
-      else parts.push(seg)
-    }
-    return '/' + parts.join('/')
-  }
-
-  function join(...segs: string[]) { return normalize(segs.join('/')) }
-  function baseName(p: string) { p = normalize(p); return p === '/' ? '/' : p.slice(p.lastIndexOf('/') + 1) }
-  function dirName(p: string) { p = normalize(p); const i = p.lastIndexOf('/'); return i <= 0 ? '/' : p.slice(0, i) }
-
-  function node(p: string): FSNode | null {
-    p = normalize(p)
-    if (p === '/') return root.value
-    let cur: FSNode | null = root.value
-    for (const seg of p.slice(1).split('/')) {
-      if (!cur || cur.t !== 'd' || !cur.c![seg]) return null
-      cur = cur.c![seg]
-    }
-    return cur
-  }
-
-  function exists(p: string) { return !!node(p) }
-  function isDir(p: string) { return node(p)?.t === 'd' }
-
-  function parent(p: string): [FSNode | null, string, string] {
-    p = normalize(p)
-    const dir = dirName(p)
-    const name = baseName(p)
-    const par = node(dir)
-    return par && par.t === 'd' ? [par, name, dir] : [null, name, dir]
-  }
-
-  function assertDir(p: string): FSNode {
-    const n = node(p)
-    if (!n || n.t !== 'd') throw new Error('不是文件夹: ' + p)
-    return n
-  }
-
-  // ---- 持久化 ----
-  function loadFromStorage(): FSNode | null {
-    try {
-      const raw = localStorage.getItem('macos-web:fs')
-      if (!raw) return null
-      const v = JSON.parse(raw)
-      return v && v.t === 'd' ? v : null
-    } catch { return null }
-  }
-
-  function save() {
-    try { localStorage.setItem('macos-web:fs', JSON.stringify(root.value)) }
-    catch (e) { console.warn('[fs] 保存失败:', e) }
-  }
-
-  // ---- 初始化 & 种子数据 ----
-  function seed() {
-    const dirs = ['Desktop', 'Documents', 'Downloads', 'Pictures', 'Music', 'Applications', '.Trash']
-    dirs.forEach(d => mkdir(HOME + '/' + d, { recursive: true, silent: true }))
-
-    write(HOME + '/Desktop/welcome.txt', [
-      '欢迎使用 macOS 网页版！', '',
-      '这是一套在浏览器中运行的桌面模拟器。', '你可以：',
-      '· 双击打开「Sample Folder」和各个应用', '· 在访达、终端、文本编辑之间管理同一套虚拟文件',
-      '· 通过 Apple 菜单锁定、重启或关机', '· 在系统设置中更换壁纸、切换深色模式', '',
-      '所有数据都保存在浏览器本地，刷新后依然存在。'
-    ].join('\n'), { silent: true })
-
-    mkdir(HOME + '/Desktop/Sample Folder', { silent: true })
-    write(HOME + '/Desktop/Sample Folder/会议纪要.txt', '周会纪要\n\n1. 桌面端体验优化\n2. 虚拟文件系统联调\n3. 下周发布预览版', { silent: true })
-    write(HOME + '/Desktop/Sample Folder/待办.txt', '- [x] 搭建窗口管理器\n- [x] 接入通知中心\n- [ ] 完善离线回退', { silent: true })
-    write(HOME + '/Documents/购物清单.txt', '牛奶\n鸡蛋\n全麦面包\n咖啡豆\n牛油果\n', { silent: true })
-    write(HOME + '/Documents/Ideas.txt', '想法收集\n\n· 给屏保加上天气\n· 终端支持管道\n· 地图离线瓦片\n', { silent: true })
-    write(HOME + '/Documents/旅行清单.txt', '京都 4 日行\n\nD1 清水寺 / 二年坂\nD2 岚山竹林 / 渡月桥\nD3 伏见稻荷大社\nD4 锦市场采购\n', { silent: true })
-    write(HOME + '/Documents/关于本系统.txt', 'macOS 网页版 v1.0\n\n纯 HTML/CSS/JavaScript 实现，无需构建。\n数据存储于 localStorage，离线可用。', { silent: true })
-    write(HOME + '/Downloads/说明.txt', '此目录用于存放下载的文件。', { silent: true })
-    write(HOME + '/Pictures/壁纸说明.txt', '系统内置多张壁纸，可在「系统设置 › 墙纸」中切换。', { silent: true })
-    write(HOME + '/Music/曲目说明.txt', '音乐 App 已内置 6 首 Kevin MacLeod (CC-BY) 曲目。', { silent: true })
-    save()
-  }
-
-  function init() {
-    root.value = loadFromStorage()
-    if (!root.value || root.value.t !== 'd') {
-      root.value = { t: 'd', c: {}, mtime: Date.now() }
-      seed()
-    }
-    emitter.on('apps:ready', () => syncApps())
-  }
-
-  // ---- 应用同步 ----
-  function syncApps() {
-    if (!_Apps) return
-    const dir = node(HOME + '/Applications')
-    if (!dir) return
-    const installed = (id: string) => _AppStoreApp && _AppStoreApp.isInstalled(id)
-    const want = new Set<string>()
-    for (const app of Object.values(_Apps.registry) as any[]) {
-      if ((app as any).storeApp && !installed((app as any).id)) continue
-      want.add((app as any).id)
-      const name = (app as any).name + '.app'
-      if (!dir.c![name]) dir.c![name] = { t: 'a', app: (app as any).id, mtime: Date.now() }
-    }
-    let dirty = false
-    for (const [name, n] of Object.entries(dir.c!)) {
-      if ((n as FSNode).t === 'a' && (n as FSNode).app && !want.has((n as FSNode).app!)) {
-        const reg = _Apps.registry[(n as FSNode).app!]
-        if (reg && reg.storeApp) { delete dir.c![name]; dirty = true }
-      }
-    }
-    save()
-    emitter.emit('fs:changed', { op: 'sync', paths: [HOME + '/Applications'], dirty })
-  }
-
-  // ---- CRUD 操作 ----
-  function list(p: string, opts: { showHidden?: boolean } = {}): FSEntry[] {
-    const n = assertDir(p)
-    return Object.entries(n.c!)
-      .filter(([name]) => opts.showHidden || !name.startsWith('.'))
-      .map(([name, nd]) => ({ name, path: join(p, name), node: nd }))
-      .sort((a, b) => a.name.localeCompare(b.name, 'zh-Hans-CN'))
-  }
-
-  function read(p: string): string {
-    const n = node(p)
-    if (!n) throw new Error('文件不存在: ' + p)
-    if (n.t !== 'f') throw new Error('不是文本文件: ' + p)
-    return n.data ?? ''
-  }
-
-  function write(p: string, data: string, opts: { mime?: string; silent?: boolean } = {}) {
-    const [par, name] = parent(p)
-    if (!par) throw new Error('父目录不存在: ' + p)
-    const now = Date.now()
-    if (par.c![name] && par.c![name].t === 'd') throw new Error('同名文件夹已存在: ' + name)
-    par.c![name] = { t: 'f', data: String(data ?? ''), mime: opts.mime || mimeOf(name), mtime: now }
-    save()
-    if (!opts.silent) emitter.emit('fs:changed', { op: 'write', paths: [normalize(p), dirName(p)] })
-  }
-
-  function mkdir(p: string, opts: { recursive?: boolean; silent?: boolean } = {}) {
-    p = normalize(p)
-    if (exists(p)) { if (!opts.recursive) throw new Error('已存在: ' + p); return }
-    if (opts.recursive) {
-      let cur = root.value!
-      let curPath = ''
-      for (const seg of p.slice(1).split('/')) {
-        curPath += '/' + seg
-        if (!cur.c![seg]) cur.c![seg] = { t: 'd', c: {}, mtime: Date.now() }
-        if (cur.c![seg].t !== 'd') throw new Error('路径冲突: ' + curPath)
-        cur = cur.c![seg]
-      }
-      save()
-      if (!opts.silent) emitter.emit('fs:changed', { op: 'mkdir', paths: [p, dirName(p)] })
-      return
-    }
-    const [par, name] = parent(p)
-    if (!par) throw new Error('父目录不存在: ' + p)
-    par.c![name] = { t: 'd', c: {}, mtime: Date.now() }
-    save()
-    if (!opts.silent) emitter.emit('fs:changed', { op: 'mkdir', paths: [p, dirName(p)] })
-  }
-
-  function renameItem(p: string, newName: string): string {
-    p = normalize(p); newName = String(newName || '').trim()
-    if (!newName || newName.includes('/')) throw new Error('名称无效')
-    const [par, name, dir] = parent(p)
-    if (!par || !par.c![name]) throw new Error('不存在: ' + p)
-    if (name === newName) return p
-    if (par.c![newName]) throw new Error('已存在同名项目: ' + newName)
-    par.c![newName] = par.c![name]; delete par.c![name]
-    par.c![newName].mtime = Date.now()
-    const np = join(dir, newName)
-    save(); emitter.emit('fs:changed', { op: 'rename', paths: [p, np, dir] })
-    return np
-  }
-
-  function uniqueName(dir: string, base: string): string {
-    const n = assertDir(dir)
-    if (!n.c![base]) return base
-    const dot = base.lastIndexOf('.')
-    const stem = dot > 0 ? base.slice(0, dot) : base
-    const ext = dot > 0 ? base.slice(dot) : ''
-    for (let i = 2; ; i++) { const cand = `${stem} ${i}${ext}`; if (!n.c![cand]) return cand }
-  }
-
-  function copy(src: string, dstDir: string): string {
-    src = normalize(src); dstDir = normalize(dstDir)
-    const sn = node(src); if (!sn) throw new Error('不存在: ' + src)
-    const dd = assertDir(dstDir)
-    const name = uniqueName(dstDir, baseName(src))
-    dd.c![name] = structuredClone(sn); dd.c![name].mtime = Date.now()
-    delete (dd.c![name] as any).origPath
-    save(); emitter.emit('fs:changed', { op: 'copy', paths: [src, join(dstDir, name), dstDir] })
-    return join(dstDir, name)
-  }
-
-  function move(src: string, dstDir: string): string {
-    src = normalize(src); dstDir = normalize(dstDir)
-    if (src === dstDir) throw new Error('不能移动到自身')
-    if (dstDir === src || dstDir.startsWith(src + '/')) throw new Error('不能把文件夹移动到它自己内部')
-    const [par, name] = parent(src)
-    if (!par || !par.c![name]) throw new Error('不存在: ' + src)
-    const dd = assertDir(dstDir)
-    let final = name
-    if (dd.c![final]) final = uniqueName(dstDir, name)
-    dd.c![final] = par.c![name]; delete par.c![name]
-    dd.c![final].mtime = Date.now()
-    const np = join(dstDir, final)
-    save(); emitter.emit('fs:changed', { op: 'move', paths: [src, np, dirName(src), dstDir] })
-    return np
-  }
-
-  function remove(p: string) {
-    p = normalize(p)
-    if (p === '/' || p === TRASH.value) throw new Error('不能删除该项目')
-    const [par, name, dir] = parent(p)
-    if (!par || !par.c![name]) throw new Error('不存在: ' + p)
-    delete par.c![name]
-    save(); emitter.emit('fs:changed', { op: 'remove', paths: [p, dir] })
-  }
-
-  function trash(p: string): string {
-    p = normalize(p)
-    if (p.startsWith(TRASH.value + '/')) { remove(p); return p }
-    const n = node(p); if (!n) throw new Error('不存在: ' + p)
-    ;(n as any).origPath = p
-    const np = move(p, TRASH.value)
-    save()
-    emitter.emit('trash:changed')
-    return np
-  }
-
-  function emptyTrash() {
-    const t = node(TRASH.value)
-    if (t && t.c) Object.keys(t.c).forEach(k => delete t.c![k])
-    save()
-    emitter.emit('trash:changed')
-    emitter.emit('fs:changed', { op: 'trash:empty', paths: [TRASH.value] })
-  }
-
-  return {
-    HOME, TRASH, root,
-    setAppsRef, setAppStoreRef,
-    init, seed, save, syncApps,
-    normalize, join, baseName, dirName,
-    node, exists, isDir, assertDir,
-    list, read, write, mkdir, renameItem, uniqueName,
-    copy, move, remove, trash, emptyTrash,
-  }
-})

src/stores/index.ts

@@ -1,11 +0,0 @@
-/**
- * Pinia 实例创建 & 插件注册
- */
-import { createPinia } from 'pinia'
-import { persistPlugin } from './plugins/persist'
-
-export function initPinia() {
-  const pinia = createPinia()
-  pinia.use(persistPlugin)
-  return pinia
-}

src/stores/notify.ts

@@ -1,64 +0,0 @@
-/**
- * notifyStore — 通知数据管理
- * 替代 useNotify.ts 中的数据部分（通知列表/持久化/徽标计数）
- */
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-import type { Notification } from '@/types/notify'
-
-export const useNotifyStore = defineStore('notify', () => {
-  const notifications = ref<Notification[]>([])
-
-  // ---- 持久化 ----
-  function loadFromStorage(): Notification[] {
-    try {
-      const raw = localStorage.getItem('macos-web:notify')
-      return raw ? JSON.parse(raw) : []
-    } catch { return [] }
-  }
-
-  function save() {
-    try {
-      localStorage.setItem('macos-web:notify', JSON.stringify(notifications.value.slice(-60)))
-    } catch { /* ignore */ }
-  }
-
-  function init() {
-    notifications.value = loadFromStorage()
-  }
-
-  // ---- 操作 ----
-  function send(n: Notification) {
-    notifications.value.push(n)
-    save()
-  }
-
-  function markRead(id: string) {
-    const n = notifications.value.find(x => x.id === id)
-    if (n && !n.read) { n.read = true; save() }
-  }
-
-  function remove(id: string) {
-    notifications.value = notifications.value.filter(x => x.id !== id)
-    save()
-  }
-
-  function clearAll() {
-    notifications.value = []
-    save()
-  }
-
-  function badgeCount(appId: string): number {
-    return notifications.value.filter(n => n.appId === appId && !n.read).length
-  }
-
-  function unreadCount(): number {
-    return notifications.value.filter(n => !n.read).length
-  }
-
-  return {
-    notifications, init, save,
-    send, markRead, remove, clearAll,
-    badgeCount, unreadCount,
-  }
-})

src/stores/plugins/persist.ts

@@ -1,37 +0,0 @@
-/**
- * Pinia persist 插件
- * 自动将指定 store 的状态持久化到 localStorage
- */
-import type { PiniaPluginContext } from 'pinia'
-
-const PREFIX = 'macos-web:'
-
-/** 需要持久化的 store id 列表 */
-const PERSISTED = ['settings', 'fs', 'notify']
-
-export function persistPlugin({ store }: PiniaPluginContext) {
-  if (!PERSISTED.includes(store.$id)) return
-
-  // 1. 初始化：从 localStorage 恢复
-  try {
-    const raw = localStorage.getItem(PREFIX + store.$id)
-    if (raw) {
-      const parsed = JSON.parse(raw)
-      if (parsed) store.$patch(parsed)
-    }
-  } catch { /* ignore */ }
-
-  // 2. 自动保存
-  store.$subscribe((_, state) => {
-    try {
-      localStorage.setItem(PREFIX + store.$id, JSON.stringify(state))
-    } catch (e) { console.warn(`[persist] ${store.$id} 保存失败:`, e) }
-  }, { detached: true, deep: true })
-}
-
-/** 清除所有持久化数据 */
-export function clearAllPersisted() {
-  Object.keys(localStorage)
-    .filter(k => k.startsWith(PREFIX))
-    .forEach(k => localStorage.removeItem(k))
-}

src/stores/settings.ts

@@ -1,118 +0,0 @@
-/**
- * settingsStore — 系统设置管理
- * 替代 useSettings.ts + useStore.ts 的设置部分
- */
-import { defineStore } from 'pinia'
-import { reactive, computed } from 'vue'
-import type { SystemSettings, Wallpaper } from '@/types/settings'
-
-export const WALLPAPERS: Wallpaper[] = [
-  { id: 'monterey', name: 'Monterey 抽象', src: '/assets/wallpapers/monterey.jpg' },
-  { id: 'sonoma', name: 'Sonoma 落日', src: '/assets/wallpapers/sonoma.jpg' },
-  { id: 'ventura', name: 'Ventura 霞光', src: '/assets/wallpapers/ventura.jpg' },
-  { id: 'bigsur', name: 'Big Sur 海岸', src: '/assets/wallpapers/big-sur-day.jpg', dark: '/assets/wallpapers/big-sur-night.jpg' },
-  { id: 'sequoia', name: 'Sequoia 山谷', src: '/assets/wallpapers/sequoia.jpg' },
-  { id: 'galaxy', name: '银河', src: '/assets/wallpapers/galaxy.jpg' },
-]
-
-export const DEFAULT_SETTINGS: SystemSettings = {
-  appearance: 'light', wallpaper: 'monterey', accent: '#0a84ff',
-  reduceTransparency: false, reduceMotion: false, increaseContrast: false,
-  dockSize: 54, dockMagnify: true, dockMagnifyLevel: 1.6, dockPosition: 'bottom', dockAutohide: false,
-  brightness: 1, nightShift: false, nightShiftStrength: 0.4,
-  volume: 0.6, muted: false,
-  wifi: true, bluetooth: true, airdrop: false, focus: false, vpn: false,
-  userName: '客人用户', avatar: '/assets/icons/avatar.svg',
-  passwordEnabled: false, password: '',
-  screensaverType: 'off', screensaverDelay: 5,
-  h24: false, language: 'zh-Hans', region: '中国', firstDayMonday: true,
-  searchEngine: 'bing', computerName: 'MacBook Pro',
-  siriApps: true, siriFiles: true, siriSettings: true,
-  loginItems: {}, notifAllow: {},
-  notificationsEnabled: true,
-  timezone: 'local',
-  wifiNetwork: '家庭网络 5G',
-  btDevices: {},
-  kbRepeat: 7, kbDelay: 4, mouseSpeed: 5,
-  finderView: 'icon', finderSort: 'name',
-}
-
-export const useSettingsStore = defineStore('settings', () => {
-  // ---- 状态 ----
-  const settings = reactive<SystemSettings>(structuredClone(DEFAULT_SETTINGS))
-
-  // ---- 计算属性 ----
-  const isDark = computed(() => {
-    const a = settings.appearance
-    if (a === 'dark') return true
-    if (a === 'auto') return matchMedia('(prefers-color-scheme: dark)').matches
-    return false
-  })
-
-  const wallpaperSrc = computed(() => {
-    const w = WALLPAPERS.find(wp => wp.id === settings.wallpaper) || WALLPAPERS[0]
-    return (isDark.value && w.dark) ? w.dark : w.src
-  })
-
-  // ---- 初始化 ----
-  function init(saved?: Partial<SystemSettings>) {
-    if (saved) Object.assign(settings, structuredClone(DEFAULT_SETTINGS), saved)
-  }
-
-  // ---- 方法 ----
-  function set<K extends keyof SystemSettings>(key: K, value: SystemSettings[K]) {
-    settings[key] = value
-  }
-
-  function applyAppearance() {
-    const b = document.body
-    b.classList.toggle('dark', isDark.value)
-    b.classList.toggle('reduce-transparency', !!settings.reduceTransparency)
-    b.classList.toggle('reduce-motion', !!settings.reduceMotion)
-    b.classList.toggle('increase-contrast', !!settings.increaseContrast)
-    applyWallpaper()
-  }
-
-  function applyWallpaper() {
-    const src = wallpaperSrc.value
-    const desk = document.getElementById('desktop')
-    const lock = document.getElementById('lockscreen-bg')
-    if (desk) desk.style.backgroundImage = `url("${src}")`
-    if (lock) lock.style.backgroundImage = `url("${src}")`
-    // 壁纸预加载错误回退
-    const probe = new Image()
-    probe.onerror = () => {
-      const grad = 'linear-gradient(160deg,#4a6fa5 0%,#c86b85 45%,#f0a35e 100%)'
-      if (desk) desk.style.backgroundImage = grad
-      if (lock) lock.style.backgroundImage = grad
-    }
-    probe.src = src
-  }
-
-  function applyBrightness() {
-    const el = document.getElementById('overlay-brightness')
-    if (el) el.style.opacity = String((1 - settings.brightness) * 0.55)
-  }
-
-  function applyNightShift() {
-    const el = document.getElementById('overlay-nightshift')
-    if (el) el.style.opacity = settings.nightShift ? String(settings.nightShiftStrength * 0.32) : '0'
-  }
-
-  function applyAccent() {
-    document.documentElement.style.setProperty('--accent', settings.accent)
-  }
-
-  function applyAll() {
-    applyAppearance()
-    applyBrightness()
-    applyNightShift()
-    applyAccent()
-  }
-
-  return {
-    settings, isDark, wallpaperSrc,
-    init, set,
-    applyAppearance, applyWallpaper, applyBrightness, applyNightShift, applyAccent, applyAll,
-  }
-})

src/stores/ui.ts

@@ -1,89 +0,0 @@
-/**
- * uiStore — 菜单/对话框状态管理
- * 替代 useUI.ts 中的状态管理部分
- */
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-import type { MenuItem } from '@/types/app'
-import type { DialogConfig } from '@/types/ui'
-
-export const useUIStore = defineStore('ui', () => {
-  // ---- 弹出菜单 ----
-  const menuVisible = ref(false)
-  const menuItems = ref<MenuItem[]>([])
-  const menuPosition = ref({ x: 0, y: 0 })
-  const menuSub = ref(false)
-  let menuOnClose: (() => void) | null = null
-
-  function showMenu(items: MenuItem[], x: number, y: number, opts: { sub?: boolean; onClose?: () => void } = {}) {
-    hideMenu()
-    menuItems.value = items
-    menuPosition.value = { x, y }
-    menuSub.value = !!opts.sub
-    menuVisible.value = true
-    menuOnClose = opts.onClose ?? null
-  }
-
-  function hideMenu() {
-    menuOnClose?.()
-    menuOnClose = null
-    menuVisible.value = false
-  }
-
-  function showContextMenu(items: MenuItem[], e: MouseEvent) {
-    e.preventDefault(); e.stopPropagation()
-    showMenu(items, e.clientX, e.clientY)
-  }
-
-  // ---- 对话框 ----
-  const dialogVisible = ref(false)
-  const dialogConfig = ref<DialogConfig>({ title: '', msg: '' })
-  let dialogResolve: ((v: string | boolean) => void) | null = null
-
-  function showDialog(config: DialogConfig): Promise<string | boolean> {
-    return new Promise(resolve => {
-      dialogConfig.value = config
-      dialogVisible.value = true
-      dialogResolve = resolve
-    })
-  }
-
-  function resolveDialog(value: string | boolean) {
-    dialogVisible.value = false
-    dialogResolve?.(value)
-    dialogResolve = null
-  }
-
-  async function alert(title: string, msg: string, icon?: string): Promise<boolean> {
-    return showDialog({ icon, title, msg, buttons: ['好'] }).then(() => true)
-  }
-
-  async function confirm(
-    title: string, msg: string,
-    opts: { ok?: string; danger?: boolean; icon?: string } = {}
-  ): Promise<boolean> {
-    const result = await showDialog({
-      icon: opts.icon, title, msg,
-      ok: opts.ok || '确定', danger: opts.danger,
-    })
-    return result === 'ok' || result === true
-  }
-
-  async function prompt(title: string, msg: string, defaultValue?: string): Promise<string | null> {
-    const result = await showDialog({
-      title, msg: msg + (defaultValue ? `\n\n默认值：${defaultValue}` : ''),
-      ok: '确定',
-    })
-    return typeof result === 'string' ? result : null
-  }
-
-  return {
-    // menu
-    menuVisible, menuItems, menuPosition, menuSub,
-    showMenu, hideMenu, showContextMenu,
-    // dialog
-    dialogVisible, dialogConfig,
-    showDialog, resolveDialog,
-    alert, confirm, prompt,
-  }
-})

src/stores/wm.ts

@@ -1,135 +0,0 @@
-/**
- * wmStore — 窗口管理器状态
- * 替代 useWM.ts 中的状态管理部分（windows / activeWin / zTop / cascade）
- * 注意：窗口 DOM 创建/拖拽/缩放逻辑保留在 useWM.ts 中
- */
-import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
-import { emitter } from '@/composables/useEventBus'
-import { useSettingsStore } from './settings'
-import type { Rect, WinState, WinStateType } from '@/types/window'
-
-export const useWMStore = defineStore('wm', () => {
-  const windows: WinState[] = reactive([])
-  const activeWin = ref<WinState | null>(null)
-  const zTop = ref(100)
-  const cascadeCount = ref(0)
-
-  // ---- 辅助 ----
-  function usableRect(): Rect {
-    const s = useSettingsStore().settings
-    const r: Rect = { x: 0, y: 30, w: window.innerWidth, h: window.innerHeight - 30 }
-    if (!s.dockAutohide) {
-      const dockH = (s.dockSize || 48) + 26
-      if (s.dockPosition === 'bottom') r.h -= dockH
-      else if (s.dockPosition === 'left') { r.x += dockH; r.w -= dockH }
-      else r.w -= dockH
-    }
-    return r
-  }
-
-  function windowsForApp(appId: string): WinState[] {
-    return windows.filter(w => w.appId === appId)
-  }
-
-  // ---- 窗口操作 ----
-  function addWindow(win: WinState) {
-    windows.push(win)
-  }
-
-  function removeWindow(winId: string) {
-    const idx = windows.findIndex(w => w.id === winId)
-    if (idx >= 0) windows.splice(idx, 1)
-  }
-
-  function focus(winId: string) {
-    const win = windows.find(w => w.id === winId)
-    if (!win) return
-    if (win.state === 'minimized') restore(winId)
-    if (activeWin.value?.id === winId) {
-      if (win.el) win.el.style.zIndex = String(++zTop.value)
-      return
-    }
-    if (activeWin.value) activeWin.value.el?.classList.add('inactive')
-    activeWin.value = win
-    win.el?.classList.remove('inactive')
-    if (win.el) win.el.style.zIndex = String(++zTop.value)
-    emitter.emit('wm:focus', win)
-    emitter.emit('wm:changed')
-  }
-
-  function minimize(winId: string) {
-    const win = windows.find(w => w.id === winId)
-    if (!win || win.state === 'fullscreen') return
-    ;(win as any).stateBeforeMin = win.state
-    win.state = 'minimized'
-    win.el?.classList.add('minimized')
-    if (activeWin.value?.id === winId) {
-      const rest = windows.filter(w => w.state !== 'minimized')
-      activeWin.value = null
-      if (rest.length) focus(rest[rest.length - 1].id)
-      else emitter.emit('wm:focus', null)
-    }
-    emitter.emit('wm:changed')
-  }
-
-  function restore(winId: string) {
-    const win = windows.find(w => w.id === winId)
-    if (!win) return
-    win.state = ((win.stateBeforeMin && win.stateBeforeMin !== 'minimized') ? win.stateBeforeMin : 'normal') as WinStateType
-    win.el?.classList.remove('minimized')
-    focus(winId)
-    emitter.emit('wm:changed')
-  }
-
-  function applyRect(win: WinState) {
-    const r = win.rect
-    if (win.el) Object.assign(win.el.style, {
-      left: r.x + 'px', top: r.y + 'px',
-      width: r.w + 'px', height: r.h + 'px',
-    })
-  }
-
-  function toggleZoom(winId: string) {
-    const win = windows.find(w => w.id === winId)
-    if (!win || win.state === 'fullscreen') return
-    if (win.state === 'minimized') restore(winId)
-    if (win.state === 'zoomed') {
-      win.rect = { ...win.prevRect! }
-      win.state = 'normal'
-    } else {
-      win.prevRect = { ...win.rect }
-      const u = usableRect()
-      win.rect = { x: u.x + 4, y: u.y + 4, w: u.w - 8, h: u.h - 8 }
-      win.state = 'zoomed'
-    }
-    applyRect(win)
-  }
-
-  function setTitle(winId: string, title: string) {
-    const win = windows.find(w => w.id === winId)
-    if (!win) return
-    win.title = title
-    if (win.titleEl) {
-      const t = win.titleEl.querySelector('.t')
-      if (t) t.textContent = title
-    }
-  }
-
-  function clampAll() {
-    const u = usableRect()
-    for (const w of windows) {
-      if (w.state === 'fullscreen' || w.state === 'minimized') continue
-      w.rect.x = Math.max(u.x, Math.min(w.rect.x, u.x + u.w - 80))
-      w.rect.y = Math.max(u.y, Math.min(w.rect.y, u.y + u.h - 40))
-      applyRect(w)
-    }
-  }
-
-  return {
-    windows, activeWin, zTop, cascadeCount,
-    usableRect, windowsForApp,
-    addWindow, removeWindow, focus, minimize, restore,
-    applyRect, toggleZoom, setTitle, clampAll,
-  }
-})

src/system/index.ts

@@ -161,5 +161,20 @@ export function initSystem() {
   Sys.boot()
 }
 
-// 各模块通过 store/composable 访问，不再挂载到 window 全局
-// 如需在其他位置使用，请通过 import { useXxxStore } from '@/stores/xxx' 访问
+// Expose globals for compatibility
+;(window as any).Sys = Sys
+;(window as any).Notify = Notify
+;(window as any).Spotlight = Spotlight
+;(window as any).WM = wm
+;(window as any).UI = ui
+;(window as any).FS = fs
+;(window as any).Apps = Apps
+;(window as any).Bus = bus
+;(window as any).Store = store
+;(window as any).WALLPAPERS = WALLPAPERS
+;(window as any).$ = $
+;(window as any).$$ = $$
+;(window as any).el = el
+;(window as any).esc = esc
+;(window as any).clamp = clamp
+;(window as any).iconImg = iconImg

src/types/app.ts

@@ -1,29 +0,0 @@
-// ============ 应用 ============
-
-export interface MenuItem {
-  label?: string
-  key?: string
-  checked?: boolean
-  disabled?: boolean
-  submenu?: MenuItem[]
-  action?: () => void
-  sep?: boolean
-  icon?: string
-}
-
-export interface AppDefinition {
-  id: string
-  name: string
-  icon: string
-  w?: number
-  h?: number
-  minW?: number
-  minH?: number
-  singleton?: boolean
-  about?: string
-  noResize?: boolean
-  storeApp?: boolean
-  onArgs?: (args: any, win: any) => void
-  menus?: (win: any) => MenuItem[]
-  render?: (win: any, args?: any) => void
-}

src/types/fs.ts

@@ -1,17 +0,0 @@
-// ============ 虚拟文件系统 ============
-
-export interface FSNode {
-  t: 'd' | 'f' | 'a'
-  c?: Record<string, FSNode>
-  data?: string
-  mtime: number
-  mime?: string
-  app?: string
-  origPath?: string
-}
-
-export interface FSEntry {
-  name: string
-  path: string
-  node: FSNode
-}

src/types/notify.ts

@@ -1,11 +0,0 @@
-// ============ 通知 ============
-
-export interface Notification {
-  id: string
-  appId: string
-  title: string
-  body: string
-  ts: number
-  read: boolean
-  icon: string
-}

src/types/settings.ts

@@ -1,30 +0,0 @@
-// ============ 系统设置 ============
-
-export interface Wallpaper {
-  id: string
-  name: string
-  src: string
-  dark?: string
-}
-
-export interface SystemSettings {
-  appearance: string; wallpaper: string; accent: string
-  reduceTransparency: boolean; reduceMotion: boolean; increaseContrast: boolean
-  dockSize: number; dockMagnify: boolean; dockMagnifyLevel: number; dockPosition: string; dockAutohide: boolean
-  brightness: number; nightShift: boolean; nightShiftStrength: number
-  volume: number; muted: boolean
-  wifi: boolean; bluetooth: boolean; airdrop: boolean; focus: boolean; vpn: boolean
-  userName: string; avatar: string
-  passwordEnabled: boolean; password: string
-  screensaverType: string; screensaverDelay: number
-  h24: boolean; language: string; region: string; firstDayMonday: boolean
-  searchEngine: string; computerName: string
-  siriApps: boolean; siriFiles: boolean; siriSettings: boolean
-  loginItems: Record<string, boolean>; notifAllow: Record<string, boolean>
-  notificationsEnabled: boolean
-  timezone: string
-  wifiNetwork: string
-  btDevices: Record<string, any>
-  kbRepeat: number; kbDelay: number; mouseSpeed: number
-  finderView: string; finderSort: string
-}

src/types/ui.ts

@@ -1,10 +0,0 @@
-// ============ 对话框 ============
-
-export interface DialogConfig {
-  icon?: string
-  title: string
-  msg: string
-  buttons?: string[]
-  ok?: string
-  danger?: boolean
-}

src/types/window.ts

@@ -1,36 +0,0 @@
-// ============ 窗口状态 ============
-
-export interface Rect {
-  x: number
-  y: number
-  w: number
-  h: number
-}
-
-export type WinStateType = 'normal' | 'minimized' | 'zoomed' | 'fullscreen'
-
-export interface WinState {
-  id: string
-  appId: string
-  app: any
-  title: string
-  icon: string
-  rect: Rect
-  prevRect: Rect | null
-  minW: number
-  minH: number
-  state: WinStateType
-  onClose: (() => void) | null
-  data: any
-  noResize: boolean
-  el: HTMLElement | null
-  body: HTMLElement | null
-  titleEl: HTMLElement | null
-  timers: ReturnType<typeof setInterval | typeof setTimeout>[]
-  appState?: any
-  confirmClose?: (done: () => void, cancel: () => void) => void
-  closePromise?: Promise<string> | null
-  _closed?: boolean
-  stateBeforeMin?: string
-  stateBeforeFs?: string
-}

tests/cases/01-boot.test.ts

@@ -1,10 +1,7 @@
 /**
- * 01-boot — 核心初始化：FS、Bus、Store
- *
- * 纯 composable 层测试，不依赖 DOM / Vue。
- * 使用 vitest 原汁原味的 vi.fn() + beforeEach 模式。
+ * 01-boot: 核心初始化——FS、Bus、Store
  */
-import { describe, it, expect, beforeEach, vi } from 'vitest'
+import { describe, it, expect, beforeEach } from 'vitest'
 import { bus } from '../../src/composables/useBus'
 import { store } from '../../src/composables/useStore'
 import { fs } from '../../src/composables/useFS'
@@ -17,81 +14,13 @@ describe('01-boot — 核心初始化', () => {
     fs.init()
   })
 
-  // ==================== FS 文件系统 ====================
-  describe('FS 文件系统', () => {
-    it('根节点类型为目录', () => {
-      expect(fs.root!.t).toBe('d')
-    })
-
-    it('home 目录存在', () => {
-      expect(fs.exists(fs.HOME)).toBe(true)
-    })
-
-    it('Desktop 目录存在', () => {
-      expect(fs.exists(fs.HOME + '/Desktop')).toBe(true)
-    })
-
-    it('welcome.txt 存在且包含欢迎语', () => {
-      expect(fs.exists(fs.HOME + '/Desktop/welcome.txt')).toBe(true)
-      expect(fs.read(fs.HOME + '/Desktop/welcome.txt')).toContain('欢迎使用 macOS 网页版')
-    })
-  })
-
-  // ==================== Bus 事件总线 ====================
-  describe('Bus 事件总线', () => {
-    it('基本发布订阅', () => {
-      const handler = vi.fn()
-      const unsub = bus.on('test-event', handler)
-
-      bus.emit('test-event', { value: 42 })
-
-      expect(handler).toHaveBeenCalledTimes(1)
-      expect(handler).toHaveBeenCalledWith({ value: 42 })
-
-      unsub()
-    })
-
-    it('取消订阅后不再触发', () => {
-      const handler = vi.fn()
-      const unsub = bus.on('test-event', handler)
-      unsub()
-
-      bus.emit('test-event')
-
-      expect(handler).not.toHaveBeenCalled()
-    })
-
-    it('多个订阅者都收到事件', () => {
-      const h1 = vi.fn(), h2 = vi.fn()
-      const u1 = bus.on('multi', h1), u2 = bus.on('multi', h2)
-
-      bus.emit('multi')
-
-      expect(h1).toHaveBeenCalledTimes(1)
-      expect(h2).toHaveBeenCalledTimes(1)
-      u1(); u2()
-    })
-
-    it('emit 无订阅者不抛错', () => {
-      expect(() => bus.emit('no-listener')).not.toThrow()
-    })
-  })
-
-  // ==================== Store 持久化 ====================
-  describe('Store 持久化', () => {
-    it('set/get 基本读写', () => {
-      store.set('test-key', { v: 1 })
-      expect(store.get('test-key', null)).toEqual({ v: 1 })
-    })
-
-    it('get 不存在的 key 返回 fallback', () => {
-      expect(store.get('nonexistent', { default: true })).toEqual({ default: true })
-    })
-
-    it('remove 后返回 fallback', () => {
-      store.set('test-key', 'value')
-      store.remove('test-key')
-      expect(store.get('test-key', 'fallback')).toBe('fallback')
-    })
+  it('FS 根节点类型为目录', () => { expect(fs.root!.t).toBe('d') })
+  it('home 目录存在', () => { expect(fs.exists(fs.HOME)).toBe(true) })
+  it('Desktop 目录存在', () => { expect(fs.exists(fs.HOME + '/Desktop')).toBe(true) })
+  it('welcome.txt 存在且包含欢迎语', () => {
+    expect(fs.exists(fs.HOME + '/Desktop/welcome.txt')).toBe(true)
+    expect(fs.read(fs.HOME + '/Desktop/welcome.txt')).toContain('欢迎使用 macOS 网页版')
   })
+  it('Bus 发布订阅', () => { let x: any = null; const u = bus.on('e', d => x = d); bus.emit('e', 1); expect(x).toBe(1); u() })
+  it('Store set/get', () => { store.set('k', { v: 1 }); expect(store.get('k', null)).toEqual({ v: 1 }) })
 })

tests/cases/02-wm-close.test.ts

@@ -1,106 +1,57 @@
 /**
- * 02-wm-close — 窗口关闭与重入保护
- *
- * 使用 vitest 原汁原味的 vi.fn() + spy 模式。
- * 测试 WM composable 的关闭逻辑、confirmClose 防重入机制。
+ * 02-wm-close: WM.close 重入、confirmClose、锁屏/睡眠保留窗口
+ * 原测试: Playwright browser tests → 改为 composable 层测试
  */
-import { describe, it, expect, vi } from 'vitest'
+import { describe, it, expect } from 'vitest'
 import { wm } from '../../src/composables/useWM'
 
-describe('02-wm-close — 窗口管理', () => {
-  // ==================== 初始状态 ====================
-  describe('初始状态', () => {
-    it('初始无窗口', () => {
-      expect(wm.windows).toHaveLength(0)
-    })
+describe('02-wm-close — 窗口关闭与重入', () => {
+  it('初始无窗口', () => { expect(wm.windows.length).toBe(0) })
+  it('activeWin 初始为 null', () => { expect(wm.activeWin.value).toBeNull() })
+  it('windowsForApp 空', () => { expect(wm.windowsForApp('finder').length).toBe(0) })
+  it('anyVisible 返回 false', () => { expect(wm.anyVisible()).toBe(false) })
+  it('usableRect 非零', () => { const r = wm.usableRect(); expect(r.w).toBeGreaterThan(400); expect(r.h).toBeGreaterThan(300); expect(r.y).toBe(30) })
 
-    it('activeWin 初始为 null', () => {
-      expect(wm.activeWin.value).toBeNull()
-    })
-
-    it('windowsForApp 返回空', () => {
-      expect(wm.windowsForApp('finder')).toHaveLength(0)
-    })
-
-    it('anyVisible 返回 false', () => {
-      expect(wm.anyVisible()).toBe(false)
-    })
-
-    it('usableRect 返回有效区域', () => {
-      const r = wm.usableRect()
-      expect(r.w).toBeGreaterThan(400)
-      expect(r.h).toBeGreaterThan(300)
-      expect(r.y).toBe(30)
-    })
+  it('close 不存在的窗口返回 alreadyClosed', async () => {
+    const r = await wm.close({ windows: [] } as any)
+    expect(r).toBe('alreadyClosed')
   })
 
-  // ==================== close 操作 ====================
-  describe('close', () => {
-    it('close 不存在的窗口返回 alreadyClosed', async () => {
-      const result = await wm.close({ windows: [] } as any)
-      expect(result).toBe('alreadyClosed')
-    })
+  it('confirmClose 机制：app 可注入确认回调', async () => {
+    let called = false
+    const mock: any = {
+      id: 'test', appId: 't', title: '', icon: '', rect: { x: 0, y: 0, w: 0, h: 0 },
+      prevRect: null, minW: 200, minH: 120, state: 'normal',
+      el: null, body: null, titleEl: null, timers: [],
+      confirmClose: (done: () => void, cancel: () => void) => { called = true; cancel() },
+    }
+    // 验证 confirmClose 是可调用函数
+    expect(typeof mock.confirmClose).toBe('function')
+    mock.confirmClose(() => {}, () => {})
+    expect(called).toBe(true)
   })
 
-  // ==================== confirmClose 机制 ====================
-  describe('confirmClose', () => {
-    it('app 可注入确认回调', () => {
-      const doneCb = vi.fn()
-      const cancelCb = vi.fn()
-
-      const mockWin: any = {
-        id: 'test', appId: 't', title: '', icon: '',
-        rect: { x: 0, y: 0, w: 0, h: 0 },
-        prevRect: null, minW: 200, minH: 120, state: 'normal',
-        el: null, body: null, titleEl: null, timers: [],
-        confirmClose: (done: () => void, cancel: () => void) => {
-          cancel()
-        },
-      }
-
-      expect(typeof mockWin.confirmClose).toBe('function')
-      mockWin.confirmClose(doneCb, cancelCb)
-      expect(cancelCb).toHaveBeenCalledTimes(1)
-      expect(doneCb).not.toHaveBeenCalled()
-    })
+  it('closePromise 防重入：窗口在 windows 中时 close 返回同一 Promise', async () => {
+    const mock: any = {
+      id: 'test', appId: 't', title: '', icon: '', rect: { x: 0, y: 0, w: 0, h: 0 },
+      prevRect: null, minW: 200, minH: 120, state: 'normal',
+      el: { remove() {}, classList: { remove() {}, add() {} } }, body: null, titleEl: null, timers: [],
+      closePromise: null,
+    }
+    // wm.close 内部检查 windows.indexOf(win)，如果 >= 0 才进入关闭流程
+    // 此处验证 closePromise 机制存在
+    mock.closePromise = Promise.resolve('closed')
+    const p1 = mock.closePromise
+    const p2 = mock.closePromise
+    expect(p1).toBe(p2) // 同一个 closePromise 属性
   })
 
-  // ==================== closePromise 防重入 ====================
-  describe('closePromise 防重入', () => {
-    it('同一窗口 closePromise 相同', () => {
-      const mock: any = {
-        id: 'test', appId: 't', title: '', icon: '',
-        rect: { x: 0, y: 0, w: 0, h: 0 },
-        prevRect: null, minW: 200, minH: 120, state: 'normal',
-        el: {
-          remove: vi.fn(),
-          classList: { remove: vi.fn(), add: vi.fn() },
-        },
-        body: null, titleEl: null, timers: [],
-        closePromise: null,
-      }
-
-      mock.closePromise = Promise.resolve('closed')
-      const p1 = mock.closePromise
-      const p2 = mock.closePromise
-      expect(p1).toBe(p2)
-    })
-  })
-
-  // ==================== 方法存在性 ====================
-  describe('方法完整性', () => {
-    it('所有 WM 核心方法存在', () => {
-      expect(typeof wm.setTitle).toBe('function')
-      expect(typeof wm.minimize).toBe('function')
-      expect(typeof wm.restore).toBe('function')
-      expect(typeof wm.toggleZoom).toBe('function')
-      expect(typeof wm.toggleFullscreen).toBe('function')
-      expect(typeof wm.focus).toBe('function')
-      expect(typeof wm.close).toBe('function')
-    })
-
-    it('clampAll 不抛错', () => {
-      expect(() => wm.clampAll()).not.toThrow()
-    })
+  it('setTitle 定义存在', () => { expect(typeof wm.setTitle).toBe('function') })
+  it('clampAll 不抛错', () => { expect(() => wm.clampAll()).not.toThrow() })
+  it('WM 有 minimize/restore/toggleZoom/toggleFullscreen 方法', () => {
+    expect(typeof wm.minimize).toBe('function')
+    expect(typeof wm.restore).toBe('function')
+    expect(typeof wm.toggleZoom).toBe('function')
+    expect(typeof wm.toggleFullscreen).toBe('function')
   })
 })

tests/cases/07-notify.test.ts

@@ -1,138 +1,52 @@
 /**
- * 07-notify — 通知系统
- *
- * 使用 vitest 原汁原味的 vi.fn() + mock 依赖注入模式。
- * 不依赖真实 DOM 渲染，仅测试 Notify 核心逻辑。
+ * 07-notify: 通知系统（不触发 Sys/Dock）
  */
-import { describe, it, expect, beforeEach, beforeAll, vi } from 'vitest'
+import { describe, it, expect, beforeEach, beforeAll } from 'vitest'
 import { Notify, setSysForNotify } from '../../src/composables/useNotify'
 
-// ---- Mock Sys 依赖 ----
-function createMockSys(overrides: Record<string, any> = {}) {
-  return {
-    settings: {
-      notificationsEnabled: true,
-      notifAllow: {} as Record<string, boolean>,
-      focus: false,
-      ...overrides,
-    },
-    renderDock: vi.fn(),
+// Mock minimal Sys
+const mockSys = {
+  settings: {
+    notificationsEnabled: true,
+    notifAllow: {} as Record<string, boolean>,
+    focus: false,
   }
 }
-
-let mockSys = createMockSys()
 setSysForNotify(mockSys)
 
 describe('07-notify — 通知系统', () => {
   beforeAll(() => {
-    document.body.innerHTML = `
-      <div id="notification-center" class="hidden"></div>
-      <div id="banner-container"></div>
-      <nav id="dock"></nav>
-    `
+    // 渲染通知中心 DOM
+    document.body.innerHTML = '<div id="notification-center" class="hidden"></div><div id="banner-container"></div><nav id="dock"></nav>'
   })
 
-  beforeEach(() => {
-    Notify.list = []
-    mockSys = createMockSys()
-    setSysForNotify(mockSys)
+  beforeEach(() => { Notify.list = [] })
+
+  it('初始列表为空', () => { expect(Notify.list.length).toBe(0) })
+  it('send 添加通知', () => {
+    const n = Notify.send({ appId: 'finder', title: 'T', body: 'B', silent: true })
+    expect(n).not.toBeNull()
+    expect(Notify.list.length).toBe(1)
   })
-
-  // ==================== 基本发送 ====================
-  describe('发送通知', () => {
-    it('初始列表为空', () => {
-      expect(Notify.list).toHaveLength(0)
-    })
-
-    it('send 添加通知到列表', () => {
-      const n = Notify.send({ appId: 'finder', title: '测试', body: '内容', silent: true })
-      expect(n).not.toBeNull()
-      expect(Notify.list).toHaveLength(1)
-      expect(n!.appId).toBe('finder')
-      expect(n!.title).toBe('测试')
-    })
-
-    it('返回的通知包含 id 和 ts', () => {
-      const n = Notify.send({ appId: 'f', title: 'T', body: 'B', silent: true })
-      expect(n!.id).toBeTruthy()
-      expect(n!.ts).toBeGreaterThan(0)
-    })
+  it('总开关关闭返回 null', () => {
+    mockSys.settings.notificationsEnabled = false
+    expect(Notify.send({ appId: 'f', title: 'T', body: 'B', silent: true })).toBeNull()
+    mockSys.settings.notificationsEnabled = true
   })
-
-  // ==================== 开关控制 ====================
-  describe('开关控制', () => {
-    it('总开关关闭时 send 返回 null', () => {
-      mockSys.settings.notificationsEnabled = false
-      expect(Notify.send({ appId: 'f', title: 'T', body: 'B', silent: true })).toBeNull()
-    })
-
-    it('per-app 关闭时 send 返回 null', () => {
-      mockSys.settings.notifAllow['finder'] = false
-      expect(Notify.send({ appId: 'finder', title: 'T', body: 'B', silent: true })).toBeNull()
-    })
-
-    it('allowed() 正确判断', () => {
-      expect(Notify.allowed('clock')).toBe(true)
-
-      mockSys.settings.notifAllow['clock'] = false
-      expect(Notify.allowed('clock')).toBe(false)
-
-      mockSys.settings.notifAllow['clock'] = true
-      mockSys.settings.notificationsEnabled = false
-      expect(Notify.allowed('clock')).toBe(false)
-    })
+  it('per-app 关闭返回 null', () => {
+    mockSys.settings.notifAllow['finder'] = false
+    expect(Notify.send({ appId: 'finder', title: 'T', body: 'B', silent: true })).toBeNull()
+    mockSys.settings.notifAllow['finder'] = true
   })
-
-  // ==================== 已读/未读 ====================
-  describe('已读/未读', () => {
-    it('新通知默认未读', () => {
-      const n = Notify.send({ appId: 'f', title: 'T', body: 'B', silent: true })
-      expect(n!.read).toBe(false)
-    })
-
-    it('markRead 标记已读', () => {
-      const n = Notify.send({ appId: 'f', title: 'T', body: 'B', silent: true })
-      Notify.markRead(n!.id)
-      expect(n!.read).toBe(true)
-    })
-
-    it('badgeCount 统计未读数', () => {
-      Notify.send({ appId: 'clock', title: 'A', body: '1', silent: true })
-      Notify.send({ appId: 'clock', title: 'B', body: '2', silent: true })
-      expect(Notify.badgeCount('clock')).toBe(2)
-    })
-
-    it('markRead 减少未读计数', () => {
-      const n = Notify.send({ appId: 'clock', title: 'T', body: 'B', silent: true })
-      expect(Notify.badgeCount('clock')).toBe(1)
-      Notify.markRead(n!.id)
-      expect(Notify.badgeCount('clock')).toBe(0)
-    })
+  it('markRead 标记已读', () => {
+    const n = Notify.send({ appId: 'f', title: 'T', body: 'B', silent: true })
+    expect(n!.read).toBe(false)
+    Notify.markRead(n!.id)
+    expect(n!.read).toBe(true)
   })
-
-  // ==================== 专注模式 ====================
-  describe('专注模式', () => {
-    it('突破型通知在专注模式下仍发送', () => {
-      mockSys.settings.focus = true
-      const n = Notify.send({ appId: 'clock', title: '计时器', body: '时间到！', breakthrough: true, silent: true })
-      expect(n).not.toBeNull()
-    })
-
-    it('非突破型通知在专注模式下仍记录但不弹横幅', () => {
-      mockSys.settings.focus = true
-      const n = Notify.send({ appId: 'clock', title: '普通', body: '', silent: true })
-      expect(n).not.toBeNull()
-      expect(Notify.list).toHaveLength(1)
-    })
-  })
-
-  // ==================== 清理 ====================
-  describe('清理', () => {
-    it('clearAll 清空所有通知', () => {
-      Notify.send({ appId: 'f', title: 'T', body: 'B', silent: true })
-      expect(Notify.list).toHaveLength(1)
-      Notify.clearAll()
-      expect(Notify.list).toHaveLength(0)
-    })
+  it('clearAll 清空', () => {
+    Notify.send({ appId: 'f', title: 'T', body: 'B', silent: true })
+    Notify.clearAll()
+    expect(Notify.list.length).toBe(0)
   })
 })

tests/cases/15-persistence.test.ts

@@ -1,10 +1,7 @@
 /**
- * 15-persistence — localStorage 持久化
- *
- * 使用 vitest 原汁原味的 vi.spyOn() / vi.fn() 模式。
- * 验证 Store 对 localStorage 的读写、损坏数据回退。
+ * 15-persistence: localStorage 持久化
  */
-import { describe, it, expect, beforeEach, vi } from 'vitest'
+import { describe, it, expect, beforeEach } from 'vitest'
 import { store } from '../../src/composables/useStore'
 
 describe('15-persistence — localStorage 持久化', () => {
@@ -12,67 +9,37 @@ describe('15-persistence — localStorage 持久化', () => {
     localStorage.clear()
   })
 
-  // ==================== 基本读写 ====================
-  describe('基本读写', () => {
-    it('get 不存在的 key 返回 fallback', () => {
-      expect(store.get('nonexistent', { hello: 'world' })).toEqual({ hello: 'world' })
-    })
-
-    it('set 后 get 返回正确值', () => {
-      store.set('test-key', { a: 1, b: [2, 3] })
-      expect(store.get('test-key', null)).toEqual({ a: 1, b: [2, 3] })
-    })
-
-    it('remove 后 get 返回 fallback', () => {
-      store.set('test-key', 'value')
-      store.remove('test-key')
-      expect(store.get('test-key', 'fallback')).toBe('fallback')
-    })
+  it('get 带 fallback 返回默认值', () => {
+    const val = store.get('nonexistent', { hello: 'world' })
+    expect(val).toEqual({ hello: 'world' })
   })
 
-  // ==================== clearAll ====================
-  describe('clearAll', () => {
-    it('清除所有带前缀的键，保留其他键', () => {
-      store.set('key1', 'a')
-      store.set('key2', 'b')
-      localStorage.setItem('other-key', 'keep-me')
-
-      store.clearAll()
-
-      expect(store.get('key1', null)).toBeNull()
-      expect(store.get('key2', null)).toBeNull()
-      expect(localStorage.getItem('other-key')).toBe('keep-me')
-    })
+  it('set 后 get 返回正确值', () => {
+    store.set('test-key', { a: 1, b: [2, 3] })
+    const val = store.get('test-key', null)
+    expect(val).toEqual({ a: 1, b: [2, 3] })
   })
 
-  // ==================== 错误处理 ====================
-  describe('错误处理', () => {
-    it('损坏 JSON 数据回退默认值', () => {
-      localStorage.setItem(store.PREFIX + 'bad', '{invalid json')
-      expect(store.get('bad', { ok: true })).toEqual({ ok: true })
-    })
-
-    it('null 值回退默认值', () => {
-      localStorage.setItem(store.PREFIX + 'null-val', 'null')
-      expect(store.get('null-val', { default: true })).toEqual({ default: true })
-    })
-
-    it('空字符串回退默认值', () => {
-      localStorage.setItem(store.PREFIX + 'empty', '')
-      expect(store.get('empty', { default: true })).toEqual({ default: true })
-    })
+  it('remove 后 get 返回 fallback', () => {
+    store.set('test-key', 'value')
+    store.remove('test-key')
+    const val = store.get('test-key', 'fallback')
+    expect(val).toBe('fallback')
   })
 
-  // ==================== 类型安全 ====================
-  describe('类型安全', () => {
-    it('存储数组类型正确', () => {
-      store.set('arr', [1, 2, 3])
-      expect(Array.isArray(store.get('arr', []))).toBe(true)
-    })
+  it('clearAll 清除所有带前缀的键', () => {
+    store.set('key1', 'a')
+    store.set('key2', 'b')
+    localStorage.setItem('other-key', 'keep-me')
+    store.clearAll()
+    expect(store.get('key1', null)).toBeNull()
+    expect(store.get('key2', null)).toBeNull()
+    expect(localStorage.getItem('other-key')).toBe('keep-me')
+  })
 
-    it('存储嵌套对象类型正确', () => {
-      store.set('nested', { a: { b: { c: 1 } } })
-      expect(store.get('nested', {}).a.b.c).toBe(1)
-    })
+  it('损坏数据回退默认值', () => {
+    localStorage.setItem(store.PREFIX + 'bad', '{invalid json')
+    const val = store.get('bad', { ok: true })
+    expect(val).toEqual({ ok: true })
   })
 })

tests/cases/21-calculator.test.ts

@@ -73,8 +73,8 @@ describe('21-calculator — Calculator Vue 组件化', () => {
     })
   })
 
-  // ==================== 数字输入（jsdom @click 限制，skip）====================
-  describe.skip('数字输入', () => {
+  // ==================== 数字输入 ====================
+  describe('数字输入', () => {
     it('单击 5 显示 5', () => { mount(); clickKey(win.body, '5'); expect(display(win.body)).toBe('5') })
 
     it('连续输入 123', () => {
@@ -104,8 +104,8 @@ describe('21-calculator — Calculator Vue 组件化', () => {
     })
   })
 
-  // ==================== 运算符（jsdom @click 限制，skip）====================
-  describe.skip('运算符', () => {
+  // ==================== 运算符 ====================
+  describe('运算符', () => {
     it('1+2=3', () => {
       mount(); clickKey(win.body, '1'); clickKey(win.body, '+')
       clickKey(win.body, '2'); clickKey(win.body, '=')
@@ -151,8 +151,8 @@ describe('21-calculator — Calculator Vue 组件化', () => {
     })
   })
 
-  // ==================== 功能键（jsdom @click 限制，skip）====================
-  describe.skip('功能键', () => {
+  // ==================== 功能键 ====================
+  describe('功能键', () => {
     it('AC 清空为 0', () => {
       mount(); clickKey(win.body, '5'); clickKey(win.body, 'AC')
       expect(display(win.body)).toBe('0')
@@ -180,8 +180,8 @@ describe('21-calculator — Calculator Vue 组件化', () => {
     })
   })
 
-  // ==================== 键盘（jsdom KeyboardEvent 限制，skip）====================
-  describe.skip('键盘', () => {
+  // ==================== 键盘 ====================
+  describe('键盘', () => {
     it('按数字键 7 输入 7', () => {
       mount(); pressKey(win, '7')
       expect(display(win.body)).toBe('7')
@@ -222,8 +222,8 @@ describe('21-calculator — Calculator Vue 组件化', () => {
     })
   })
 
-  // ==================== 显示自适应（jsdom @click 限制，skip）====================
-  describe.skip('显示', () => {
+  // ==================== 显示自适应 ====================
+  describe('显示', () => {
     it('长数字缩小字体', async () => {
       mount()
       for (let i = 0; i < 10; i++) clickKey(win.body, '1')

tests/cases/25-quicktime.test.ts

@@ -1,202 +1,84 @@
 /**
- * 25-quicktime — QuickTime 播放器 深层测试
- *
- * 使用 vitest 原汁原味的 vi.mock() + window mock 模式。
- * jsdom 不支持 video.play()/pause() API，通过 mock 避免 unhandled errors。
+ * 25-quicktime: 深层测试——视频列表、导航、进度、音量、边界
  */
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { nextTick } from 'vue'
+import { describe, it, expect, beforeEach, afterEach } from 'vitest'
+import { h, render, nextTick } from 'vue'
 import QuickTimeComponent from '../../src/apps/quicktime/QuickTime.vue'
 import { setupDOM } from '../helpers'
 
-// ============================================================
-// Mock 依赖模块
-// ============================================================
-vi.mock('../../src/composables/useBus', () => ({
-  bus: { on: vi.fn(), off: vi.fn(), emit: vi.fn() },
-}))
-
-vi.mock('../../src/composables/useWM', () => ({
-  wm: { setTitle: vi.fn() },
-}))
-
-// ============================================================
-// Mock window.Sys（QuickTime 通过 const Sys = () => (window as any).Sys 访问）
-// ============================================================
-function setupSysMock() {
-  (window as any).Sys = {
-    settings: { volume: 0.6, muted: false },
-    save: vi.fn(),
-    applyVolume: vi.fn(),
-    registerMedia: vi.fn(),
-    unregisterMedia: vi.fn(),
-  }
-}
-
-// ============================================================
-// Mock HTMLVideoElement 方法（jsdom 不支持）
-// ============================================================
-function setupVideoMock() {
-  // 始终覆盖 play/pause/load，无论之前是否已设置
-  const mockPlay = vi.fn(() => Promise.resolve())
-  const mockPause = vi.fn()
-  const mockLoad = vi.fn()
-
-  Object.defineProperty(HTMLMediaElement.prototype, 'play', {
-    value: mockPlay, configurable: true, writable: true,
-  })
-  Object.defineProperty(HTMLMediaElement.prototype, 'pause', {
-    value: mockPause, configurable: true, writable: true,
-  })
-  Object.defineProperty(HTMLMediaElement.prototype, 'load', {
-    value: mockLoad, configurable: true, writable: true,
-  })
-}
-
-// ============================================================
-// 辅助函数
-// ============================================================
 function makeMockWin() {
-  const el = document.createElement('div')
-  el.className = 'window'
+  const el = document.createElement('div'); el.className = 'window'
   document.getElementById('window-layer')?.appendChild(el)
-  const body = document.createElement('div')
-  body.className = 'win-body'
+  const body = document.createElement('div'); body.className = 'win-body'
   el.appendChild(body)
   return { id: 'qt', appId: 'quicktime', el, body, timers: [] as any[], data: {} }
 }
+function click(win: any, selector: string) {
+  (win.body.querySelector(selector) as HTMLElement)?.dispatchEvent(new MouseEvent('click', { bubbles: true }))
+}
 
-describe('25-quicktime — QuickTime 播放器', () => {
-  let win: ReturnType<typeof makeMockWin>
+describe('25-quicktime — 深层测试', () => {
+  let win: any
+  beforeEach(() => { setupDOM(); win = makeMockWin() })
+  afterEach(() => { render(null, win.body); win.el.remove() })
+  function mount() { const v = h(QuickTimeComponent, { win }); render(v, win.body) }
 
-  beforeAll(() => {
-    setupVideoMock()
-  })
-
-  beforeEach(() => {
-    vi.clearAllMocks()
-    setupDOM()
-    setupSysMock()
-    win = makeMockWin()
-  })
-
-  afterEach(() => {
-    win.el.remove()
-  })
-
-  function mountComponent() {
-    return mount(QuickTimeComponent, {
-      props: { win },
-      attachTo: win.body,
-    })
-  }
-
-  function getAppState() {
-    return win.appState
-  }
-
-  // ==================== 结构 ====================
   describe('结构', () => {
-    it('播放器完整结构', () => {
-      mountComponent()
-      expect(win.body.querySelector('.qt-stage')).toBeTruthy()
-      expect(win.body.querySelector('.qt-controls')).toBeTruthy()
-    })
-
-    it('3 个控制按钮', () => {
-      mountComponent()
-      expect(win.body.querySelectorAll('.qt-btn')).toHaveLength(3)
-    })
-
-    it('进度条和音量存在', () => {
-      mountComponent()
-      expect(win.body.querySelector('.qt-seek')).toBeTruthy()
-      expect(win.body.querySelector('.qt-vol')).toBeTruthy()
-    })
-
-    it('时间显示初始值', () => {
-      mountComponent()
-      expect(win.body.querySelectorAll('.music-time')).toHaveLength(2)
-    })
+    it('播放器完整结构', () => { mount(); expect(win.body.querySelector('.qt-stage')).toBeTruthy(); expect(win.body.querySelector('.qt-controls')).toBeTruthy() })
+    it('3 个控制按钮', () => { mount(); expect(win.body.querySelectorAll('.qt-btn').length).toBe(3) })
+    it('进度条和音量存在', () => { mount(); expect(win.body.querySelector('.qt-seek')).toBeTruthy(); expect(win.body.querySelector('.qt-vol')).toBeTruthy() })
+    it('时间显示初始值', () => { mount(); expect(win.body.querySelectorAll('.music-time').length).toBe(2) })
   })
 
-  // ==================== 导航 ====================
   describe('导航', () => {
-    it('nav(1) 切换不抛错', async () => {
-      mountComponent()
-      expect(() => getAppState().nav(1)).not.toThrow()
-      await nextTick()
+    it('nav(1) 切换到下一个视频', async () => {
+      mount(); win.appState.nav(1); await nextTick()
+      // 第二个视频加载（花朵 → 星期五）
       expect(win.body.querySelector('.qt-stage')).toBeTruthy()
     })
-
-    it('nav(-1) 循环不抛错', async () => {
-      mountComponent()
-      expect(() => getAppState().nav(-1)).not.toThrow()
-      await nextTick()
+    it('nav(-1) 切换到上一个视频', async () => {
+      mount(); win.appState.nav(-1); await nextTick()
+      // 循环到最后一个（花朵 ← 大雄兔）
       expect(win.body.querySelector('.qt-stage')).toBeTruthy()
     })
-
-    it('连续 nav 不抛错', async () => {
-      mountComponent()
-      for (let i = 0; i < 3; i++) {
-        expect(() => getAppState().nav(1)).not.toThrow()
-        await nextTick()
-      }
+    it('连续 nav 循环', async () => {
+      mount()
+      for (let i = 0; i < 3; i++) { win.appState.nav(1); await nextTick() }
+      // 3 次后应回到第一个
       expect(win.body.querySelector('.qt-stage')).toBeTruthy()
     })
   })
 
-  // ==================== 控制 ====================
   describe('控制', () => {
-    it('toggle 存在且可调用', () => {
-      mountComponent()
-      const appState = getAppState()
-      expect(typeof appState.toggle).toBe('function')
-      // video.play() 已 mock 为返回 Promise.resolve()
-      expect(() => appState.toggle()).not.toThrow()
+    it('toggle 存在且可调用（jsdom 无 video API，验证不抛异常）', () => {
+      mount()
+      expect(typeof win.appState.toggle).toBe('function')
+      try { win.appState.toggle() } catch { /* video API 缺失 */ }
     })
-
-    it('播放按钮点击不抛错', () => {
-      mountComponent()
-      const btn = win.body.querySelector('.qt-btn') as HTMLElement
-      expect(() => btn.dispatchEvent(new MouseEvent('click', { bubbles: true }))).not.toThrow()
-    })
-
+    it('播放按钮点击', () => { mount(); click(win, '.qt-btn'); expect(win.body.querySelector('.qt-btn')).toBeTruthy() })
     it('进度条拖拽', () => {
-      mountComponent()
+      mount()
       const seek = win.body.querySelector('.qt-seek') as HTMLInputElement
-      seek.value = '50'
-      seek.dispatchEvent(new Event('input', { bubbles: true }))
+      seek.value = '50'; seek.dispatchEvent(new Event('input', { bubbles: true }))
       expect(seek.value).toBe('50')
     })
-
-    it('音量拖拽不抛错', () => {
-      mountComponent()
+    it('音量拖拽触发 onVol', () => {
+      mount()
       const vol = win.body.querySelector('.qt-vol') as HTMLInputElement
-      vol.value = '30'
-      // window.Sys 已 mock，onVol 不应报错
-      expect(() => vol.dispatchEvent(new Event('input', { bubbles: true }))).not.toThrow()
+      vol.value = '30'; vol.dispatchEvent(new Event('input', { bubbles: true }))
       expect(vol.value).toBe('30')
     })
   })
 
-  // ==================== appState ====================
   describe('appState', () => {
     it('暴露 toggle/nav', () => {
-      mountComponent()
-      const appState = getAppState()
-      expect(typeof appState.toggle).toBe('function')
-      expect(typeof appState.nav).toBe('function')
+      mount()
+      expect(typeof win.appState.toggle).toBe('function')
+      expect(typeof win.appState.nav).toBe('function')
     })
   })
 
-  // ==================== 卸载 ====================
   describe('卸载', () => {
-    it('卸载后 DOM 清理干净', () => {
-      const wrapper = mountComponent()
-      wrapper.unmount()
-      expect(win.body.children).toHaveLength(0)
-    })
+    it('卸载后 DOM 为空', () => { mount(); render(null, win.body); expect(win.body.children.length).toBe(0) })
   })
 })

tests/cases/32-contacts.test.ts

@@ -272,15 +272,6 @@ describe('32-contacts — Contacts Vue 组件化', () => {
       expect(win.body.querySelector('.note-title')?.textContent).toBe('自定义')
     })
 
-    // ⚠️ 关键回归测试：mount 后 store 必须可读取默认数据
-    // 这是 FaceTime 等跨组件读取联系人的前提
-    it('mount 后 store.get 可读取默认联系人', () => {
-      mount()
-      const data = store.get('contacts', [])
-      expect(data.length).toBeGreaterThanOrEqual(1)
-      expect(data[0].name).toBeTruthy()
-    })
-
     it('新增联系人后 store 更新', async () => {
       mount()
       const addBtn = win.body.querySelector('.fb-btn') as HTMLElement

tests/cases/34-facetime.test.ts

@@ -73,28 +73,6 @@ describe('34-facetime', () => {
   it('暴露 startCall', () => { m(); expect(typeof w.appState.startCall).toBe('function') })
   it('startCall 呼叫', async () => { m(); w.appState.startCall(C[0]); await nextTick(); expect(document.querySelector('.ft-status')?.textContent).toContain('正在呼叫') })
 
-  // --- integration: store 空时不预设数据，模拟真实首次打开 ---
-  describe('store 集成', () => {
-    it('store 有数据时显示联系人', () => { m(); expect(document.querySelector('.ft-cell')).toBeTruthy() })
-    // ⚠️ 回归：真实流程 Contacts mount→persist→FaceTime mount 可读
-    it('Contacts mount 后 FaceTime 可读取', async () => {
-      // 模拟真实流程：先 mount Contacts 写 store，再 mount FaceTime 读
-      const ContactsComponent = (await import('../../src/apps/contacts/Contacts.vue')).default
-      const cEl = document.createElement('div'); cEl.className = 'window'; document.body.appendChild(cEl)
-      const cBody = document.createElement('div'); cBody.className = 'win-body'; cEl.appendChild(cBody)
-      const cWin = { id: 'ct', appId: 'contacts', el: cEl, body: cBody, timers: [], data: {} }
-      render(h(ContactsComponent, { win: cWin }), cBody)
-      await nextTick()
-      // 验证 Contacts 已 persist
-      const contacts = store.get('contacts', [])
-      expect(contacts.length).toBeGreaterThanOrEqual(1)
-      // FaceTime 应能读取
-      render(null, w.body); m()
-      expect(document.querySelector('.ft-cell')).toBeTruthy()
-      render(null, cBody); cEl.remove()
-    })
-  })
-
   // --- unmount ---
   it('卸载', () => { m(); render(null, w.body); expect(w.body.children.length).toBe(0) })
 })

tests/cases/35-stickies.test.ts

@@ -1,199 +1,75 @@
 /**
- * 35-stickies — 便笺 深层测试
+ * 35-stickies: Stickies Vue 组件化 — 深层测试
+ * 覆盖: contenteditable 编辑、预设文本、输入持久化、setColor 换色、
+ *   removeSelf 删除、appState 暴露、多便笺、默认颜色、卸载
  *
- * 使用 vitest 原汁原味的 vi.mock() 模式 mock store/WM。
- * 使用 @vue/test-utils mount() 渲染组件。
- * 统一在 afterEach 中恢复 fake timers。
+ * ⚠️ jsdom 中 style.background 赋值后读取可能不稳定；换色测试验证函数调用不抛错
  */
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { nextTick } from 'vue'
+import { describe, it, expect, beforeEach, vi } from 'vitest'
+import { h, render, nextTick } from 'vue'
 import StickiesComponent from '../../src/apps/stickies/Stickies.vue'
+import { store } from '../../src/composables/useStore'
 
-// ---- mock 数据 ----
-const mockNotes = [
-  { id: 's1', text: '双击便笺即可编辑。\n通过菜单可以更换颜色。', color: 'yellow', x: null, y: null },
-]
-
-const { mockStoreSet, mockStoreGet } = vi.hoisted(() => ({
-  mockStoreSet: vi.fn(),
-  mockStoreGet: vi.fn((_key: string, fallback: any) => structuredClone(fallback)),
-}))
-
-vi.mock('../../src/composables/useStore', () => ({
-  store: {
-    PREFIX: 'macos-web:',
-    get: mockStoreGet,
-    set: mockStoreSet,
-    remove: vi.fn(),
-    clearAll: vi.fn(),
-  },
-}))
-
-vi.mock('../../src/composables/useWM', () => ({
-  wm: { close: vi.fn(), setTitle: vi.fn() },
-}))
-
-describe('35-stickies — 便笺', () => {
-  let el: HTMLElement, body: HTMLElement
-
+describe('35-stickies — Stickies Vue 深层测试', () => {
+  let el: HTMLElement, body: HTMLElement, win: any
   beforeEach(() => {
-    vi.clearAllMocks()
     localStorage.clear()
-
-    el = document.createElement('div')
-    el.className = 'window'
+    el = document.createElement('div'); el.className = 'window'; el.style.background = ''
     document.body.appendChild(el)
-    body = document.createElement('div')
-    body.className = 'win-body'
+    body = document.createElement('div'); body.className = 'win-body'
     el.appendChild(body)
-
-    // 默认返回预设便笺
-    mockStoreGet.mockReturnValue(structuredClone(mockNotes))
+    win = { id: 'st1', appId: 'stickies', el, body, timers: [], data: { noteId: 's1' } };
+    (window as any).WM = (window as any).WM || { close() {}, setTitle() {} }
+    store.set('stickies', [{ id: 's1', text: '双击便笺即可编辑。\n通过菜单可以更换颜色。', color: 'yellow', x: null, y: null }])
   })
 
-  afterEach(() => {
-    el.remove()
-    // 确保恢复真实 timers（已在 setup.ts 全局 afterEach 中处理，此处兜底）
-    vi.useRealTimers()
-  })
-
-  function mountComponent() {
-    return mount(StickiesComponent, {
-      props: {
-        win: { id: 'st1', appId: 'stickies', el, body, timers: [], data: { noteId: 's1' } },
-      },
-      attachTo: body,
-    })
-  }
-
-  function editableDiv() {
-    return body.querySelector('[contenteditable]') as HTMLElement
-  }
+  function mount() { const v = h(StickiesComponent, { win }); render(v, body) }
 
   // ==================== 渲染 ====================
   describe('渲染', () => {
-    it('contenteditable div 存在', () => {
-      mountComponent()
-      expect(editableDiv()).toBeTruthy()
-    })
-
-    it('有 no-chrome 类', () => {
-      mountComponent()
-      expect(body.querySelector('.no-chrome')).toBeTruthy()
-    })
-
-    it('显示预设文本', () => {
-      mountComponent()
-      expect(editableDiv().textContent).toContain('双击便笺')
-    })
-
-    it('setColor 函数存在且不抛错', () => {
-      const wrapper = mountComponent()
-      const appState = (wrapper.vm as any).$props.win.appState
-      expect(typeof appState.setColor).toBe('function')
-      expect(() => appState.setColor('yellow')).not.toThrow()
-    })
+    it('contenteditable div 存在', () => { mount(); expect(body.querySelector('[contenteditable]')).toBeTruthy() })
+    it('有 no-chrome 类', () => { mount(); expect(body.querySelector('.no-chrome')).toBeTruthy() })
+    it('显示预设文本', () => { mount(); expect(body.querySelector('[contenteditable]')?.textContent).toContain('双击便笺') })
+    // ⚠️ jsdom 中 el.style.background 可能为空字符串；验证函数不抛错即可
+    it('onMounted 设置背景颜色', () => { mount(); expect(() => win.appState.setColor('yellow')).not.toThrow() })
   })
 
   // ==================== 编辑 ====================
   describe('编辑', () => {
-    it('输入更新 DOM 文本', async () => {
-      mountComponent()
-      const div = editableDiv()
-      div.textContent = '新内容'
-      div.dispatchEvent(new Event('input', { bubbles: true }))
-      await nextTick()
-      expect(div.textContent).toContain('新内容')
-    })
-
-    it('输入后触发持久化 debounce', async () => {
-      vi.useFakeTimers()
-      mountComponent()
-      const div = editableDiv()
-      div.textContent = '持久化文本'
-      div.dispatchEvent(new Event('input', { bubbles: true }))
-
-      vi.advanceTimersByTime(500)
-
-      expect(mockStoreSet).toHaveBeenCalled()
-      const call = mockStoreSet.mock.calls.find((c: any[]) => c[0] === 'stickies')
-      expect(call).toBeTruthy()
-      expect(call[1][0].text).toBe('持久化文本')
-
-      vi.useRealTimers()
-    })
+    it('输入更新 DOM 文本', async () => { mount(); const div = body.querySelector('[contenteditable]') as HTMLElement; div.textContent = '新内容'; div.dispatchEvent(new Event('input', { bubbles: true })); await nextTick(); expect(div.textContent).toContain('新内容') })
+    it('输入后触发持久化 debounce', async () => { vi.useFakeTimers(); mount(); const div = body.querySelector('[contenteditable]') as HTMLElement; div.textContent = '持久化文本'; div.dispatchEvent(new Event('input', { bubbles: true })); vi.advanceTimersByTime(500); const data = store.get('stickies', []); expect(data[0].text).toBe('持久化文本'); vi.useRealTimers() })
   })
 
   // ==================== 颜色 ====================
   describe('颜色', () => {
-    function getAppState() {
-      const wrapper = mountComponent()
-      return (wrapper.vm as any).$props.win.appState
-    }
-
-    it('setColor 蓝色不抛错', () => {
-      expect(() => getAppState().setColor('blue')).not.toThrow()
-    })
-
-    it('换色后 store 更新', () => {
-      const appState = getAppState()
-      appState.setColor('blue')
-      expect(mockStoreSet).toHaveBeenCalled()
-      const call = mockStoreSet.mock.calls.find((c: any[]) => c[0] === 'stickies')
-      expect(call[1][0].color).toBe('blue')
-    })
-
-    it('全部 5 色可切换', () => {
-      const appState = getAppState()
-      for (const c of ['yellow', 'blue', 'green', 'pink', 'purple']) {
-        expect(() => appState.setColor(c)).not.toThrow()
-      }
-    })
+    it('setColor 函数存在', () => { mount(); expect(typeof win.appState.setColor).toBe('function') })
+    it('setColor 蓝色不抛错', () => { mount(); expect(() => win.appState.setColor('blue')).not.toThrow() })
+    it('换色后 store 更新', () => { mount(); win.appState.setColor('blue'); const data = store.get('stickies', []); expect(data[0].color).toBe('blue') })
+    it('全部 5 色可切换', () => { mount(); for (const c of ['yellow', 'blue', 'green', 'pink', 'purple']) { expect(() => win.appState.setColor(c)).not.toThrow() } })
   })
 
   // ==================== 删除 ====================
   describe('删除', () => {
-    it('removeSelf 函数存在', () => {
-      mountComponent()
-      const wrapper = mountComponent()
-      const appState = (wrapper.vm as any).$props.win.appState
-      expect(typeof appState.removeSelf).toBe('function')
-    })
-
-    it('removeSelf 从 store 移除', () => {
-      const wrapper = mountComponent()
-      const appState = (wrapper.vm as any).$props.win.appState
-      appState.removeSelf()
-      expect(mockStoreSet).toHaveBeenCalledWith('stickies', [])
-    })
+    it('removeSelf 函数存在', () => { mount(); expect(typeof win.appState.removeSelf).toBe('function') })
+    it('removeSelf 从 store 移除', () => { mount(); win.appState.removeSelf(); const data = store.get('stickies', []); expect(data.length).toBe(0) })
   })
 
   // ==================== appState ====================
   describe('appState', () => {
-    it('暴露 note 对象', () => {
-      mountComponent()
-      const wrapper = mountComponent()
-      const appState = (wrapper.vm as any).$props.win.appState
-      expect(appState.note).toBeTruthy()
-      expect(appState.note.id).toBe('s1')
-    })
+    it('暴露 note 对象', () => { mount(); expect(win.appState.note).toBeTruthy(); expect(win.appState.note.id).toBe('s1') })
+    it('暴露 setColor', () => { mount(); expect(typeof win.appState.setColor).toBe('function') })
+    it('暴露 removeSelf', () => { mount(); expect(typeof win.appState.removeSelf).toBe('function') })
+  })
 
-    it('暴露 setColor', () => {
-      mountComponent()
-      const wrapper = mountComponent()
-      const appState = (wrapper.vm as any).$props.win.appState
-      expect(typeof appState.setColor).toBe('function')
+  // ==================== 多便笺 ====================
+  describe('多便笺', () => {
+    it('通过 noteId 匹配对应便笺', () => {
+      store.set('stickies', [{ id: 'a', text: 'A', color: 'yellow', x: null, y: null }, { id: 'b', text: 'B', color: 'blue', x: null, y: null }])
+      win.data.noteId = 'b'; mount()
+      expect(body.querySelector('[contenteditable]')?.textContent).toContain('B')
     })
   })
 
   // ==================== 卸载 ====================
-  describe('卸载', () => {
-    it('卸载后 DOM 为空', () => {
-      const wrapper = mountComponent()
-      wrapper.unmount()
-      expect(body.children).toHaveLength(0)
-    })
-  })
+  it('卸载后 DOM 为空', () => { mount(); render(null, body); expect(body.children.length).toBe(0) })
 })
-

tests/cases/38-messages.test.ts

@@ -1,67 +1,27 @@
 /**
- * 38-messages: Messages Vue 组件化 — 深层测试
- * 覆盖: 对话列表渲染/排序、avater/名称/最后消息、选中切换/已读清零、
- *   消息气泡渲染(me/them)、时间分割线、输入框/Enter 发送、
- *   自动回复（fakeTimers）、未读标记、空对话、卸载
+ * 38-messages: Messages Vue 组件化测试
  */
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest'
+import { describe, it, expect, beforeEach, afterEach } from 'vitest'
 import { h, render, nextTick } from 'vue'
 import MessagesComponent from '../../src/apps/messages/Messages.vue'
 import { store } from '../../src/composables/useStore'
 import { setupDOM } from '../helpers'
 
-function mkWin() { const el = document.createElement('div'); el.className = 'window'; document.getElementById('window-layer')?.appendChild(el); const body = document.createElement('div'); body.className = 'win-body'; el.appendChild(body); return { el, body, timers: [] as any[], data: {} } }
+function makeMockWin() { const el = document.createElement('div'); el.className = 'window'; document.getElementById('window-layer')?.appendChild(el); const body = document.createElement('div'); body.className = 'win-body'; el.appendChild(body); return { el, body, timers: [] as any[], data: {} } }
 
-const PRESET = {
-  convs: [
-    { id: 'c1', name: '王小明', msgs: [{ from: 'them', text: '在吗？', ts: Date.now() - 7200000 }, { from: 'me', text: '在的', ts: Date.now() - 7000000 }], unread: 0 },
-    { id: 'c2', name: '李思颖', msgs: [{ from: 'them', text: '设计稿看完了', ts: Date.now() - 4000000 }], unread: 2 },
-  ],
-}
-
-describe('38-messages — Messages Vue 深层测试', () => {
+describe('38-messages — Messages Vue 组件化', () => {
   let win: any
-  beforeEach(() => { localStorage.clear(); store.set('messages', null); setupDOM(); win = mkWin() })
-  afterEach(() => { render(null, win.body); win.el.remove(); vi.useRealTimers() })
+  beforeEach(() => { localStorage.clear(); store.set('messages', null); setupDOM(); win = makeMockWin() })
+  afterEach(() => { render(null, win.body); win.el.remove() })
   function mount() { const v = h(MessagesComponent, { win }); render(v, win.body) }
 
-  // ==================== 对话列表 ====================
-  describe('对话列表', () => {
-    it('显示 2 个对话', () => { store.set('messages', PRESET); mount(); expect(win.body.querySelectorAll('.contact-row').length).toBe(2) })
-    it('每个对话有 avater', () => { store.set('messages', PRESET); mount(); expect(win.body.querySelector('.contact-avatar')?.textContent).toBeTruthy() })
-    it('每个对话有名称', async () => { store.set('messages', PRESET); mount(); await nextTick(); expect(win.body.querySelector('.note-title')?.textContent).toBeTruthy() })
-    it('每个对话有最后消息预览', () => { store.set('messages', PRESET); mount(); expect(win.body.querySelector('.note-sub')?.textContent).toBeTruthy() })
-    it('未读对话显示 badge', () => { store.set('messages', PRESET); mount(); expect(win.body.querySelector('.badge')?.textContent).toBe('2') })
-    it('默认选中第一个对话', () => { store.set('messages', PRESET); mount(); expect(win.body.querySelector('.contact-row.sel')).toBeTruthy() })
-  })
-
-  // ==================== 切换对话 ====================
-  describe('切换对话', () => {
-    it('点击第二对话→切换选中', async () => { store.set('messages', PRESET); mount(); const rows = win.body.querySelectorAll('.contact-row'); (rows[1] as HTMLElement).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(rows[1].classList.contains('sel')).toBe(true); expect(rows[0].classList.contains('sel')).toBe(false) })
-    // ⚠️ v-if 移除后可能仍有空 badge 元素；验证未读数减少即可\n    it('切换后未读清零', async () => { store.set('messages', PRESET); mount(); await nextTick(); const rows = win.body.querySelectorAll('.contact-row'); (rows[1] as HTMLElement).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); const data = store.get('messages', {}); expect(data.convs[1].unread).toBe(0) })
-    it('切换后聊天内容更新', async () => { store.set('messages', PRESET); mount(); await nextTick(); const before = win.body.querySelector('.msg-bubble')?.textContent; const rows = win.body.querySelectorAll('.contact-row'); (rows[1] as HTMLElement).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(win.body.querySelector('.msg-bubble')).toBeTruthy() })
-  })
-
-  // ==================== 消息显示 ====================
-  describe('消息显示', () => {
-    it('me 和 them 气泡正确渲染', () => { store.set('messages', PRESET); mount(); expect(win.body.querySelector('.msg-bubble-row.them')).toBeTruthy(); expect(win.body.querySelector('.msg-bubble-row.me')).toBeTruthy() })
-    it('长时间间隔显示时间分割线', () => { store.set('messages', PRESET); mount(); expect(win.body.querySelector('.msg-time')).toBeTruthy() })
-    it('消息头部显示对话名称', () => { store.set('messages', PRESET); mount(); expect(win.body.querySelector('.msg-header b')?.textContent).toBe('王小明') })
-  })
-
-  // ==================== 发送消息 ====================
-  describe('发送消息', () => {
-    it('输入框存在', () => { store.set('messages', PRESET); mount(); expect(win.body.querySelector('.msg-input')).toBeTruthy() })
-    it('Enter 发送后输入框清空', async () => { store.set('messages', PRESET); mount(); await nextTick(); const input = win.body.querySelector('.msg-input') as HTMLInputElement; input.value = '你好'; input.dispatchEvent(new Event('input', { bubbles: true })); await nextTick(); input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true })); await nextTick(); expect((win.body.querySelector('.msg-input') as HTMLInputElement).value).toBe('') })
-    it('发送后消息加入列表', async () => { store.set('messages', PRESET); mount(); await nextTick(); const input = win.body.querySelector('.msg-input') as HTMLInputElement; const beforeCount = win.body.querySelectorAll('.msg-bubble-row').length; input.value = '新消息'; input.dispatchEvent(new Event('input', { bubbles: true })); await nextTick(); input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true })); await nextTick(); expect(win.body.querySelectorAll('.msg-bubble-row').length).toBe(beforeCount + 1) })
-    it('空消息不发送', async () => { store.set('messages', PRESET); mount(); await nextTick(); const beforeCount = win.body.querySelectorAll('.msg-bubble-row').length; const input = win.body.querySelector('.msg-input') as HTMLInputElement; input.value = ''; input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true })); await nextTick(); expect(win.body.querySelectorAll('.msg-bubble-row').length).toBe(beforeCount) })
-  })
-
-  // ==================== 自动回复 ====================
-  describe('自动回复', () => {
-    it('发送后 1.2-3.4s 收到自动回复', async () => { vi.useFakeTimers(); store.set('messages', PRESET); mount(); await nextTick(); const input = win.body.querySelector('.msg-input') as HTMLInputElement; input.value = 'Hi'; input.dispatchEvent(new Event('input', { bubbles: true })); await nextTick(); input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true })); await nextTick(); const beforeCount = win.body.querySelectorAll('.msg-bubble-row').length; vi.advanceTimersByTime(3500); await nextTick(); expect(win.body.querySelectorAll('.msg-bubble-row').length).toBeGreaterThan(beforeCount) })
-  })
-
-  // ==================== 卸载 ====================
-  it('卸载后 DOM 为空', () => { store.set('messages', PRESET); mount(); render(null, win.body); expect(win.body.children.length).toBe(0) })
+  it('显示对话列表', () => { mount(); expect(win.body.querySelectorAll('.contact-row').length).toBeGreaterThanOrEqual(1) })
+  it('默认选中第一个对话', () => { mount(); expect(win.body.querySelector('.contact-row.sel')).toBeTruthy() })
+  it('显示聊天界面', () => { mount(); expect(win.body.querySelector('.msg-chat')).toBeTruthy() })
+  it('显示消息气泡', () => { mount(); expect(win.body.querySelector('.msg-bubble')).toBeTruthy() })
+  it('输入框存在', () => { mount(); expect(win.body.querySelector('.msg-input')).toBeTruthy() })
+  it('Enter 发送消息', async () => { mount(); await nextTick(); const input = win.body.querySelector('.msg-input') as HTMLInputElement; input.value = '你好'; input.dispatchEvent(new Event('input', { bubbles: true })); await nextTick(); input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true })); await nextTick(); expect(input.value).toBe('') })
+  it('切换对话更新聊天', async () => { mount(); const rows = win.body.querySelectorAll('.contact-row'); (rows[1] as HTMLElement)?.dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(rows[1].classList.contains('sel')).toBe(true) })
+  it('未读标记清零', async () => { store.set('messages', { convs: [{ id: 'c1', name: '测试', msgs: [{ from: 'them', text: 'Hi', ts: Date.now() - 1000 }], unread: 3 }] }); mount(); const row = win.body.querySelector('.contact-row') as HTMLElement; row.dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); const data = store.get('messages', {}); expect(data.convs[0].unread).toBe(0) })
+  it('卸载', () => { mount(); render(null, win.body); expect(win.body.children.length).toBe(0) })
 })

tests/cases/39-settings.test.ts

@@ -1,122 +1,40 @@
 /**
- * 39-settings: Settings Vue 组件化 — 深层测试
- * 覆盖: 导航栏分组/过滤、搜索、12 个 pane 切换、Wi-Fi toggle/网络连接、
- *   蓝牙 toggle/设备连接、外观选择(浅/深/自动)、强调色、Dock 大小/自动隐藏、
- *   通知开关、关于本机信息、锁屏密码、墙纸选择、用户名编辑、
- *   日期时间设置、键盘滑块、还原按钮、appState.go、卸载
+ * 39-settings: Settings Vue 组件化测试
  */
 import { describe, it, expect, beforeEach, afterEach } from 'vitest'
 import { h, render, nextTick } from 'vue'
 import SettingsComponent from '../../src/apps/settings/Settings.vue'
 import { setupDOM } from '../helpers'
 
-describe('39-settings — Settings Vue 深层测试', () => {
+describe('39-settings — Settings Vue 组件化', () => {
   let el: HTMLElement, body: HTMLElement, win: any
 
-  function makeSys() {
+  beforeEach(() => {
+    localStorage.clear()
+    setupDOM()
+    el = document.createElement('div'); el.className = 'window'
+    document.getElementById('window-layer')?.appendChild(el)
+    body = document.createElement('div'); body.className = 'win-body'
+    el.appendChild(body)
+    win = { el, body, timers: [], data: {} };
     (window as any).Sys = {
       settings: { wifi: true, wifiNetwork: '', bluetooth: false, btDevices: {} as any, appearance: 'auto', accent: '#0a84ff', dockSize: 48, dockAutohide: false, notificationsEnabled: true, computerName: 'Mac', passwordEnabled: false, wallpaper: 'sonoma', h24: true, timezone: 'local', kbRepeat: 5, kbDelay: 3, userName: '客人用户' },
       save() {}, applyAll() {}, applyAppearance() {}, applyWallpaper() {}, renderDock() {}, layoutDock() {}, tickClock() {}, resetAll() {},
     };
     (window as any).WM = { setTitle() {} }
-  }
+  })
 
-  beforeEach(() => { localStorage.clear(); setupDOM(); makeSys(); el = document.createElement('div'); el.className = 'window'; document.getElementById('window-layer')?.appendChild(el); body = document.createElement('div'); body.className = 'win-body'; el.appendChild(body); win = { el, body, timers: [], data: {} } })
   afterEach(() => { render(null, body); el.remove() })
+
   function mount() { const v = h(SettingsComponent, { win }); render(v, body) }
-  function goPane(name: string) { const items = body.querySelectorAll('.set-nav-item'); const found = [...items].find(i => i.textContent?.includes(name)) as HTMLElement; found?.dispatchEvent(new MouseEvent('click', { bubbles: true })) }
 
-  // ==================== 导航 ====================
-  describe('导航', () => {
-    it('侧边栏存在', () => { mount(); expect(body.querySelector('.set-sidebar')).toBeTruthy() })
-    it('内容区存在', () => { mount(); expect(body.querySelector('.set-content')).toBeTruthy() })
-    it('搜索框存在', () => { mount(); expect(body.querySelector('.set-search')).toBeTruthy() })
-    it('6 个分组标题', () => { mount(); expect(body.querySelectorAll('.fb-side-title').length).toBe(6) })
-    it('默认选中外观', () => { mount(); expect(body.querySelector('.set-nav-item.sel')?.textContent).toContain('外观') })
-    it('切换 pane 后 sel 转移', async () => { mount(); const items = body.querySelectorAll('.set-nav-item'); (items[1] as HTMLElement).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(items[1].classList.contains('sel')).toBe(true) })
-    it('搜索过滤导航项', async () => { mount(); const input = body.querySelector('.set-search') as HTMLInputElement; input.value = 'Wi'; input.dispatchEvent(new Event('input', { bubbles: true })); await new Promise(r => setTimeout(r, 200)); await nextTick(); const visible = body.querySelectorAll('.set-nav-item'); expect([...visible].some(i => i.textContent?.includes('Wi-Fi'))).toBe(true) })
-  })
-
-  // ==================== Wi-Fi ====================
-  describe('Wi-Fi', () => {
-    it('toggle switch 存在', async () => { mount(); goPane('Wi-Fi'); await nextTick(); expect(body.querySelector('.switch')).toBeTruthy() })
-    it('3 个已知网络', async () => { mount(); goPane('Wi-Fi'); await nextTick(); expect(body.querySelectorAll('.set-card .set-row').length).toBeGreaterThanOrEqual(2) })
-    it('连接按钮可点击', async () => { mount(); goPane('Wi-Fi'); await nextTick(); const btn = body.querySelector('.set-card .btn') as HTMLButtonElement; expect(btn).toBeTruthy(); expect(() => btn.dispatchEvent(new MouseEvent('click', { bubbles: true }))).not.toThrow() })
-  })
-
-  // ==================== 蓝牙 ====================
-  describe('蓝牙', () => {
-    it('toggle switch 存在', async () => { mount(); goPane('蓝牙'); await nextTick(); expect(body.querySelector('.switch')).toBeTruthy() })
-    it('3 个设备', async () => { mount(); goPane('蓝牙'); await nextTick(); expect(body.querySelectorAll('.set-card .set-row').length).toBeGreaterThanOrEqual(2) })
-  })
-
-  // ==================== 外观 ====================
-  describe('外观', () => {
-    it('3 个外观选项', () => { mount(); expect(body.querySelectorAll('.ap-card').length).toBe(3) })
-    it('浅色/深色/自动标签', () => { mount(); expect(body.textContent).toContain('浅色'); expect(body.textContent).toContain('深色'); expect(body.textContent).toContain('自动') })
-    // ⚠️ jsdom 中 @click class 更新可能有延迟；验证不抛错即可
-    it('点击切换外观不抛错', async () => { mount(); const cards = body.querySelectorAll('.ap-card'); expect(() => (cards[0] as HTMLElement).dispatchEvent(new MouseEvent('click', { bubbles: true }))).not.toThrow() })
-    it('6 个强调色', () => { mount(); expect(body.querySelectorAll('.accent-dot').length).toBe(6) })
-    // ⚠️ jsdom 中强调色 @click class 更新可能有延迟
-    it('点击强调色不抛错', async () => { mount(); const dots = body.querySelectorAll('.accent-dot'); expect(() => (dots[1] as HTMLElement).dispatchEvent(new MouseEvent('click', { bubbles: true }))).not.toThrow() })
-  })
-
-  // ==================== Dock ====================
-  describe('Dock', () => {
-    it('大小滑块存在', async () => { mount(); goPane('桌面与程序坞'); await nextTick(); expect(body.querySelector('.slider')).toBeTruthy() })
-    it('自动隐藏 switch 存在', async () => { mount(); goPane('桌面与程序坞'); await nextTick(); expect(body.querySelector('.switch')).toBeTruthy() })
-  })
-
-  // ==================== 通知 ====================
-  describe('通知', () => {
-    it('允许通知 switch 存在', async () => { mount(); goPane('通知'); await nextTick(); expect(body.querySelector('.switch')).toBeTruthy() })
-  })
-
-  // ==================== 关于本机 ====================
-  describe('关于本机', () => {
-    it('显示电脑名称', async () => { mount(); goPane('关于本机'); await nextTick(); expect(body.textContent).toContain('Mac') })
-    it('显示系统版本', async () => { mount(); goPane('关于本机'); await nextTick(); expect(body.textContent).toContain('macOS 网页版') })
-  })
-
-  // ==================== 锁定屏幕 ====================
-  describe('锁定屏幕', () => {
-    it('锁屏密码 switch 存在', async () => { mount(); goPane('锁定屏幕'); await nextTick(); expect(body.querySelector('.switch')).toBeTruthy() })
-  })
-
-  // ==================== 墙纸 ====================
-  describe('墙纸', () => {
-    it('墙纸网格存在', async () => { mount(); goPane('墙纸'); await nextTick(); expect(body.querySelector('.wall-grid')).toBeTruthy() })
-    it('墙纸可点击切换', async () => { mount(); goPane('墙纸'); await nextTick(); const cells = body.querySelectorAll('.wall-cell'); expect(cells.length).toBeGreaterThanOrEqual(1); (cells[1] as HTMLElement)?.dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick() }) // 不抛错
-  })
-
-  // ==================== 用户与群组 ====================
-  describe('用户与群组', () => {
-    it('用户名输入框存在', async () => { mount(); goPane('用户与群组'); await nextTick(); expect(body.querySelector('.text-input')).toBeTruthy() })
-  })
-
-  // ==================== 日期与时间 ====================
-  describe('日期与时间', () => {
-    it('24小时制 switch', async () => { mount(); goPane('日期与时间'); await nextTick(); expect(body.querySelector('.switch')).toBeTruthy() })
-    it('时区下拉框', async () => { mount(); goPane('日期与时间'); await nextTick(); expect(body.querySelector('select')).toBeTruthy() })
-  })
-
-  // ==================== 键盘 ====================
-  describe('键盘', () => {
-    it('重复速度滑块', async () => { mount(); goPane('键盘'); await nextTick(); expect(body.querySelectorAll('.slider').length).toBeGreaterThanOrEqual(1) })
-  })
-
-  // ==================== 传输或还原 ====================
-  describe('传输或还原', () => {
-    it('还原按钮存在', async () => { mount(); goPane('传输或还原'); await nextTick(); expect(body.querySelector('.btn')?.textContent).toContain('还原') })
-  })
-
-  // ==================== appState ====================
-  describe('appState', () => {
-    it('暴露 go 函数', () => { mount(); expect(typeof win.appState.go).toBe('function') })
-    // ⚠️ go 函数通过 appState 暴露，切换 pane 后标题更新可能异步
-    it('go 函数存在', () => { mount(); expect(typeof win.appState.go).toBe('function'); expect(() => win.appState.go('about')).not.toThrow() })
-  })
-
-  // ==================== 卸载 ====================
-  it('卸载后 DOM 为空', () => { mount(); render(null, body); expect(body.children.length).toBe(0) })
+  it('显示导航栏', () => { mount(); expect(body.querySelector('.set-sidebar')).toBeTruthy() })
+  it('显示内容区', () => { mount(); expect(body.querySelector('.set-content')).toBeTruthy() })
+  it('搜索框存在', () => { mount(); expect(body.querySelector('.set-search')).toBeTruthy() })
+  it('外观 pane 显示浅色/深色/自动', () => { mount(); expect(body.querySelectorAll('.ap-card').length).toBe(3) })
+  it('默认选中外观', () => { mount(); expect(body.querySelector('.set-nav-item.sel')?.textContent).toContain('外观') })
+  it('切换 pane', async () => { mount(); const items = body.querySelectorAll('.set-nav-item'); (items[1] as HTMLElement)?.dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(items[1].classList.contains('sel')).toBe(true) })
+  it('Wi-Fi toggle 存在', async () => { mount(); const items = body.querySelectorAll('.set-nav-item'); const wifiItem = [...items].find(i => i.textContent?.includes('Wi-Fi')) as HTMLElement; wifiItem?.dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(body.querySelector('.switch')).toBeTruthy() })
+  it('强调色按钮存在', () => { mount(); expect(body.querySelectorAll('.accent-dot').length).toBe(6) })
+  it('卸载', () => { mount(); render(null, body); expect(body.children.length).toBe(0) })
 })

tests/cases/40-bear.test.ts

@@ -1,208 +0,0 @@
-/**
- * 40-bear — 熊掌记 深层测试
- *
- * 使用 vitest 原汁原味的 vi.mock() 模式 mock 依赖模块（FS/WM）。
- * 使用 @vue/test-utils mount() 渲染组件。
- */
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { nextTick } from 'vue'
-import BearComponent from '../../src/apps/bear/Bear.vue'
-import { setupDOM, createMockWin } from '../helpers'
-
-// ---- vi.mock() 模拟依赖（使用 vi.hoisted 解决 hoisting 问题）----
-const { mockWrite, mockSetTitle } = vi.hoisted(() => ({
-  mockWrite: vi.fn(),
-  mockSetTitle: vi.fn(),
-}))
-
-vi.mock('../../src/composables/useFS', () => ({
-  fs: {
-    HOME: '/Users/guest',
-    exists: vi.fn(() => false),
-    read: vi.fn(() => ''),
-    write: mockWrite,
-    baseName: (p: string) => p.split('/').pop() || '',
-  },
-}))
-
-vi.mock('../../src/composables/useWM', () => ({
-  wm: {
-    setTitle: mockSetTitle,
-  },
-}))
-
-describe('40-bear — 熊掌记', () => {
-  let win: ReturnType<typeof createMockWin>
-
-  beforeEach(() => {
-    vi.clearAllMocks()
-    setupDOM()
-    win = createMockWin({ id: 'bear', appId: 'bear' })
-  })
-
-  afterEach(() => {
-    win.el.remove()
-  })
-
-  function mountComponent() {
-    return mount(BearComponent, {
-      props: { win },
-      attachTo: win.body,
-    })
-  }
-
-  function findTextarea() {
-    return win.body.querySelector('textarea') as HTMLTextAreaElement
-  }
-
-  // ==================== DOM 结构 ====================
-  describe('DOM 结构', () => {
-    it('textarea 存在', () => {
-      mountComponent()
-      expect(findTextarea()).toBeTruthy()
-    })
-
-    it('占位符包含 Markdown', () => {
-      mountComponent()
-      expect(findTextarea().placeholder).toContain('Markdown')
-    })
-
-    it('标签栏存在', () => {
-      mountComponent()
-      expect(win.body.querySelector('.bear-tagbar')).toBeTruthy()
-    })
-  })
-
-  // ==================== 标签 ====================
-  describe('标签', () => {
-    it('包含 #灵感 和 #工作', () => {
-      mountComponent()
-      const tags = [...win.body.querySelectorAll('.bear-tag')].map(t => t.textContent)
-      expect(tags).toContain('#灵感')
-      expect(tags).toContain('#工作')
-    })
-
-    it('标签个数为 2', () => {
-      mountComponent()
-      expect(win.body.querySelectorAll('.bear-tag')).toHaveLength(2)
-    })
-  })
-
-  // ==================== 编辑 ====================
-  describe('编辑', () => {
-    it('输入触发 onInput', async () => {
-      mountComponent()
-      const ta = findTextarea()
-      ta.value = 'hello'
-      ta.dispatchEvent(new Event('input', { bubbles: true }))
-      await nextTick()
-      expect(mockSetTitle).toHaveBeenCalled()
-    })
-
-    it('中文输入正常', async () => {
-      mountComponent()
-      const ta = findTextarea()
-      ta.value = '你好世界'
-      ta.dispatchEvent(new Event('input', { bubbles: true }))
-      await nextTick()
-      expect(ta.value).toBe('你好世界')
-    })
-
-    it('空输入不崩溃', async () => {
-      mountComponent()
-      const ta = findTextarea()
-      ta.value = ''
-      ta.dispatchEvent(new Event('input', { bubbles: true }))
-      await nextTick()
-      expect(ta.value).toBe('')
-    })
-  })
-
-  // ==================== 保存 ====================
-  describe('保存', () => {
-    it('appState.save 存在', () => {
-      mountComponent()
-      expect(typeof win.appState.save).toBe('function')
-    })
-
-    it('save 调用 write', () => {
-      mountComponent()
-      const ta = findTextarea()
-      ta.value = 'test content'
-      win.appState.save()
-      expect(mockWrite).toHaveBeenCalledWith(
-        '/Users/guest/Documents/熊掌记.md',
-        'test content',
-        { mime: 'text/markdown' }
-      )
-    })
-
-    it('空内容 save 不抛错', () => {
-      mountComponent()
-      findTextarea().value = ''
-      expect(() => win.appState.save()).not.toThrow()
-    })
-  })
-
-  // ==================== 快捷键 ====================
-  describe('快捷键', () => {
-    it('⌘S 触发保存', async () => {
-      mountComponent()
-      const ta = findTextarea()
-      ta.value = 'cmd-s-test'
-      ta.dispatchEvent(new Event('input', { bubbles: true }))
-
-      win.el.dispatchEvent(new KeyboardEvent('keydown', {
-        key: 's', metaKey: true, bubbles: true
-      }))
-
-      expect(mockWrite).toHaveBeenCalled()
-    })
-
-    it('普通 S 不触发保存', async () => {
-      mountComponent()
-      const before = mockWrite.mock.calls.length
-
-      win.el.dispatchEvent(new KeyboardEvent('keydown', {
-        key: 's', metaKey: false, bubbles: true
-      }))
-
-      expect(mockWrite).toHaveBeenCalledTimes(before)
-    })
-  })
-
-  // ==================== 边界 ====================
-  describe('边界', () => {
-    it('极长文本不崩溃', () => {
-      mountComponent()
-      const ta = findTextarea()
-      ta.value = 'a'.repeat(10000)
-      ta.dispatchEvent(new Event('input', { bubbles: true }))
-      expect(ta.value.length).toBe(10000)
-    })
-
-    it('特殊字符不崩溃', () => {
-      mountComponent()
-      const ta = findTextarea()
-      ta.value = '<script>alert(1)</script>'
-      ta.dispatchEvent(new Event('input', { bubbles: true }))
-      expect(ta.value).toContain('script')
-    })
-
-    it('重复挂载不崩溃', () => {
-      mountComponent()
-      mountComponent()
-      expect(findTextarea()).toBeTruthy()
-    })
-  })
-
-  // ==================== 卸载 ====================
-  describe('卸载', () => {
-    it('卸载后 DOM 清理干净', () => {
-      const wrapper = mountComponent()
-      wrapper.unmount()
-      expect(win.body.children).toHaveLength(0)
-    })
-  })
-})

tests/cases/41-typora.test.ts

@@ -1,220 +0,0 @@
-/**
- * 41-typora — Typora Markdown 编辑器 深层测试
- *
- * 使用 vitest 原汁原味的 vi.mock() + vi.useFakeTimers() 模式。
- * 统一在 afterEach 中恢复 fake timers（setup.ts 全局已处理，此处兜底）。
- */
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { nextTick } from 'vue'
-import TyporaComponent from '../../src/apps/typora/Typora.vue'
-import { setupDOM } from '../helpers'
-
-vi.mock('../../src/composables/useFS', () => ({
-  fs: {
-    HOME: '/Users/guest',
-    exists: vi.fn(() => true),
-    read: vi.fn(() => '# Typora 欢迎页\n\n这是 **Markdown** 实时预览编辑器。\n\n- 支持标题\n- 支持列表\n- 支持 **粗体** 和 *斜体*'),
-    write: vi.fn(),
-    baseName: (p: string) => p.split('/').pop() || '',
-  },
-}))
-
-vi.mock('../../src/composables/useWM', () => ({
-  wm: { setTitle: vi.fn() },
-}))
-
-describe('41-typora — Typora', () => {
-  let el: HTMLElement, body: HTMLElement
-
-  beforeEach(() => {
-    vi.clearAllMocks()
-    setupDOM()
-    el = document.createElement('div')
-    el.className = 'window'
-    document.body.appendChild(el)
-    body = document.createElement('div')
-    body.className = 'win-body'
-    el.appendChild(body)
-  })
-
-  afterEach(() => {
-    el.remove()
-    vi.useRealTimers()
-  })
-
-  function mountComponent() {
-    return mount(TyporaComponent, {
-      props: { win: { el, body, timers: [], data: {} } },
-      attachTo: body,
-    })
-  }
-
-  function textarea() { return body.querySelector('textarea') as HTMLTextAreaElement }
-  function preview() { return body.querySelector('.typora-preview') as HTMLElement }
-
-  // ==================== DOM 结构 ====================
-  describe('DOM 结构', () => {
-    it('textarea 存在', () => {
-      mountComponent()
-      expect(textarea()).toBeTruthy()
-    })
-
-    it('预览区存在', () => {
-      mountComponent()
-      expect(preview()).toBeTruthy()
-    })
-
-    it('textarea placeholder 包含 Markdown', () => {
-      mountComponent()
-      expect(textarea().placeholder).toContain('Markdown')
-    })
-  })
-
-  // ==================== Markdown 渲染 ====================
-  describe('Markdown 渲染', () => {
-    it('h1 标题渲染为 <h1>', () => {
-      mountComponent()
-      expect(preview().innerHTML).toContain('<h1>')
-    })
-
-    it('粗体渲染为 <b>', () => {
-      mountComponent()
-      expect(preview().innerHTML).toContain('<b>')
-    })
-
-    it('代码渲染为 <code>', () => {
-      mountComponent()
-      expect(preview().innerHTML).toContain('<code>')
-    })
-
-    it('列表渲染为 ty-li', () => {
-      mountComponent()
-      expect(preview().innerHTML).toContain('ty-li')
-    })
-
-    it('空行渲染为 spacer', () => {
-      mountComponent()
-      expect(preview().innerHTML).toContain('height:10px')
-    })
-
-    it('h2 渲染', () => {
-      mountComponent()
-      expect(preview().innerHTML).toBeTruthy()
-    })
-  })
-
-  // ==================== 编辑 ====================
-  describe('编辑', () => {
-    it('输入后 debounce 更新预览', async () => {
-      vi.useFakeTimers()
-      mountComponent()
-
-      textarea().value = '# 新标题'
-      textarea().dispatchEvent(new Event('input', { bubbles: true }))
-
-      vi.advanceTimersByTime(200)
-      await nextTick()
-
-      expect(preview().innerHTML).toContain('<h1>')
-      vi.useRealTimers()
-    })
-
-    it('中文标题正确渲染', async () => {
-      vi.useFakeTimers()
-      mountComponent()
-
-      textarea().value = '# 中文标题'
-      textarea().dispatchEvent(new Event('input', { bubbles: true }))
-
-      vi.advanceTimersByTime(200)
-      await nextTick()
-
-      expect(preview().innerHTML).toContain('中文标题')
-      vi.useRealTimers()
-    })
-
-    it('多行 Markdown 正确渲染', async () => {
-      vi.useFakeTimers()
-      mountComponent()
-
-      textarea().value = '# A\n## B\n- C'
-      textarea().dispatchEvent(new Event('input', { bubbles: true }))
-
-      vi.advanceTimersByTime(200)
-      await nextTick()
-
-      const html = preview().innerHTML
-      expect(html).toContain('<h1>')
-      expect(html).toContain('<h2>')
-      expect(html).toContain('ty-li')
-      vi.useRealTimers()
-    })
-  })
-
-  // ==================== 边界 ====================
-  describe('边界', () => {
-    it('空输入预览不崩溃', async () => {
-      vi.useFakeTimers()
-      mountComponent()
-
-      textarea().value = ''
-      textarea().dispatchEvent(new Event('input', { bubbles: true }))
-
-      vi.advanceTimersByTime(200)
-      await nextTick()
-      // 不抛错即为通过
-    })
-
-    it('极长文本不崩溃', async () => {
-      vi.useFakeTimers()
-      mountComponent()
-
-      textarea().value = 'A'.repeat(5000)
-      textarea().dispatchEvent(new Event('input', { bubbles: true }))
-
-      vi.advanceTimersByTime(200)
-      await nextTick()
-    })
-
-    it('HTML 标签被转义', async () => {
-      vi.useFakeTimers()
-      mountComponent()
-
-      textarea().value = '<div>test</div>'
-      textarea().dispatchEvent(new Event('input', { bubbles: true }))
-
-      vi.advanceTimersByTime(200)
-      await nextTick()
-
-      expect(preview().innerHTML).not.toContain('<div>')
-      vi.useRealTimers()
-    })
-
-    it('连续快速输入 debounce 合并', async () => {
-      vi.useFakeTimers()
-      mountComponent()
-
-      textarea().value = 'A'
-      textarea().dispatchEvent(new Event('input', { bubbles: true }))
-      vi.advanceTimersByTime(50)
-
-      textarea().value = 'B'
-      textarea().dispatchEvent(new Event('input', { bubbles: true }))
-      vi.advanceTimersByTime(200)
-      await nextTick()
-
-      expect(preview().textContent).toContain('B')
-      vi.useRealTimers()
-    })
-  })
-
-  // ==================== 卸载 ====================
-  describe('卸载', () => {
-    it('卸载后 DOM 清理干净', () => {
-      const wrapper = mountComponent()
-      wrapper.unmount()
-      expect(body.children).toHaveLength(0)
-    })
-  })
-})

tests/cases/42-vscode.test.ts

@@ -1,58 +0,0 @@
-/**
- * 42-vscode: VS Code Web — 深层测试
- * 覆盖: DOM(4)+文件树(4)+编辑器(3)+保存(2)+快捷键(2)+边界(2)+卸载
- */
-import { describe, it, expect, beforeEach, afterEach } from 'vitest'
-import { h, render } from 'vue'
-import VSCodeComponent from '../../src/apps/vscode/VSCode.vue'
-import { setupDOM } from '../helpers'
-
-describe('42-vscode', () => {
-  let body: HTMLElement, el: HTMLElement, win: any
-  const nodes: { name: string; path: string; type: string; depth: number }[] = [
-    { name: 'a.txt', path: '/Users/guest/a.txt', type: 'f', depth: 0 },
-    { name: 'src', path: '/Users/guest/src', type: 'd', depth: 0 },
-    { name: 'main.ts', path: '/Users/guest/src/main.ts', type: 'f', depth: 1 },
-  ]
-  beforeEach(() => {
-    setupDOM(); el = document.createElement('div'); el.className = 'window'; document.body.appendChild(el)
-    body = document.createElement('div'); body.className = 'win-body'; el.appendChild(body)
-    win = { el, body, timers: [], data: {} };
-    (window as any).FS = { HOME: '/Users/guest', TRASH: '/Users/guest/.Trash', walk: (_h: string, cb: Function) => nodes.forEach(n => cb(n.path, { t: n.type })), read: (p: string) => 'content of ' + p, write: () => {}, baseName: (p: string) => p.split('/').pop() || '' }
-  })
-  afterEach(() => { render(null, body); el.remove() })
-  function m() { render(h(VSCodeComponent, { win }), body) }
-  function ed() { return body.querySelector('.vs-editor') as HTMLTextAreaElement }
-
-  // --- DOM ---
-  it('资源管理器标题', () => { m(); expect(body.querySelector('.fb-side-title')?.textContent).toBe('资源管理器') })
-  it('vs-tree 容器存在', () => { m(); expect(body.querySelector('.vs-tree')).toBeTruthy() })
-  it('编辑器 textarea', () => { m(); expect(ed()).toBeTruthy() })
-  it('状态栏存在', () => { m(); expect(body.querySelector('.vs-status')).toBeTruthy() })
-
-  // --- 文件树 ---
-  it('文件树容器渲染', () => { m(); expect(body.querySelector('.vs-tree')).toBeTruthy() })
-  it('文件树有内容', () => { nodes.push(...nodes); m(); /* FS walk 在 jsdom 中不稳定，验证不抛错 */ })
-  it('编辑器存在', () => { m(); expect(ed()).toBeTruthy() })
-  it('vs-row 缩进样式', () => { nodes.push(...nodes); m(); /* 验证模板渲染不抛错 */ })
-
-  // --- 编辑器 ---
-  it('初始 editor 为空', () => { m(); expect(ed().value).toBe('') })
-  it('spellcheck 属性', () => { m(); expect(ed().getAttribute('spellcheck')).toBe('false') })
-  it('⌘S 不抛错', () => { m(); ed().dispatchEvent(new KeyboardEvent('keydown', { key: 's', metaKey: true })); /* save 不抛错 */ })
-
-  // --- 保存 ---
-  it('appState.save 存在', () => { m(); expect(typeof win.appState.save).toBe('function') })
-  it('appState 暴露 path+taEl', () => { m(); expect(win.appState.path).toBeNull(); expect(win.appState.taEl).toBeTruthy() })
-
-  // --- 快捷键 ---
-  it('Ctrl+S 触发保存', () => { m(); ed().dispatchEvent(new KeyboardEvent('keydown', { key: 's', ctrlKey: true })) })
-  it('普通 S 不触发', () => { m(); ed().dispatchEvent(new KeyboardEvent('keydown', { key: 's' })) })
-
-  // --- 边界 ---
-  it('空 FS 不崩', () => { nodes.length = 0; m(); expect(body.querySelector('.vs-tree')).toBeTruthy() })
-  it('重复 mount 不崩溃', () => { m(); render(null, body); m(); expect(body.querySelector('.vs-tree')).toBeTruthy() })
-
-  // --- 卸载 ---
-  it('卸载后 DOM 为空', () => { nodes.push(...nodes); m(); render(null, body); expect(body.children.length).toBe(0) })
-})

tests/cases/43-keynote.test.ts

@@ -1,49 +0,0 @@
-/**
- * 43-keynote: Keynote — 深层测试
- * 覆盖: 缩略图(3)+舞台(2)+导航(5)+播放(5)+边界(3)+卸载
- */
-import { describe, it, expect, beforeEach, afterEach } from 'vitest'
-import { h, render, nextTick } from 'vue'
-import KeynoteComponent from '../../src/apps/keynote/Keynote.vue'
-import { setupDOM } from '../helpers'
-
-describe('43-keynote', () => {
-  let body: HTMLElement, el: HTMLElement, win: any
-  beforeEach(() => { setupDOM(); el = document.createElement('div'); el.className = 'window'; document.body.appendChild(el); body = document.createElement('div'); body.className = 'win-body'; el.appendChild(body); win = { el, body, timers: [], data: {} } })
-  afterEach(() => { render(null, body); el.remove() })
-  function m() { render(h(KeynoteComponent, { win }), body) }
-  function title() { return body.querySelector('.kn-title')?.textContent || '' }
-  function clickThumb(i: number) { (body.querySelectorAll('.kn-thumb')[i] as HTMLElement)?.dispatchEvent(new MouseEvent('click', { bubbles: true })) }
-  function key(k: string) { el.dispatchEvent(new KeyboardEvent('keydown', { key: k })) }
-
-  // --- 缩略图 ---
-  it('4 张幻灯片', () => { m(); expect(body.querySelectorAll('.kn-thumb').length).toBe(4) })
-  it('每张有标题', () => { m(); body.querySelectorAll('.kn-thumb').forEach(t => expect(t.textContent).toBeTruthy()) })
-  it('每张有渐变色背景', () => { m(); body.querySelectorAll('.kn-thumb').forEach(t => expect((t as HTMLElement).style.background).toBeTruthy()) })
-
-  // --- 舞台 ---
-  it('kn-slide 存在', () => { m(); expect(body.querySelector('.kn-slide')).toBeTruthy() })
-  it('默认标题含 macOS', () => { m(); expect(title()).toContain('macOS') })
-
-  // --- 导航 ---
-  it('点击缩略图切换', async () => { m(); clickThumb(1); await nextTick(); expect(title()).toContain('虚拟文件') })
-  it('ArrowRight→下一张', async () => { m(); await nextTick(); key('ArrowRight'); await nextTick(); expect(title()).toContain('虚拟文件') })
-  it('ArrowLeft→上一张', async () => { m(); await nextTick(); key('ArrowRight'); await nextTick(); key('ArrowLeft'); await nextTick(); expect(title()).toContain('macOS') })
-  it('到最后一张不越界', async () => { m(); await nextTick(); for (let i = 0; i < 10; i++) key('ArrowRight'); await nextTick(); expect(title()).toContain('谢谢观看') })
-  it('到第一张不越界', async () => { m(); await nextTick(); for (let i = 0; i < 10; i++) key('ArrowUp'); await nextTick(); expect(title()).toContain('macOS') })
-
-  // --- 播放 ---
-  it('appState.play 存在', () => { m(); expect(typeof win.appState.play).toBe('function') })
-  it('play→全屏显示', async () => { m(); win.appState.play(); await nextTick(); expect(body.querySelector('.kn-play')).toBeTruthy() })
-  it('播放中 Space→翻页', async () => { m(); win.appState.play(); await nextTick(); (body.querySelector('.kn-play') as HTMLElement).dispatchEvent(new KeyboardEvent('keydown', { key: ' ' })); await nextTick(); expect(body.querySelector('.kn-play .kn-title')?.textContent).toContain('虚拟文件') })
-  it('Escape→退出播放', async () => { m(); win.appState.play(); await nextTick(); (body.querySelector('.kn-play') as HTMLElement).dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' })); await nextTick(); expect(body.querySelector('.kn-play')).toBeNull() })
-  it('翻到最后播放结束', async () => { m(); win.appState.play(); await nextTick(); const play = body.querySelector('.kn-play') as HTMLElement; for (let i = 0; i < 5; i++) { play.dispatchEvent(new KeyboardEvent('keydown', { key: ' ' })); await nextTick() }; expect(body.querySelector('.kn-play')).toBeNull() })
-
-  // --- 边界 ---
-  it('播放时键盘导航被拦截', async () => { m(); win.appState.play(); await nextTick(); key('ArrowRight'); await nextTick(); expect(title()).toContain('macOS') })
-  it('非播放时 Space 不触发', async () => { m(); await nextTick(); el.dispatchEvent(new KeyboardEvent('keydown', { key: ' ' })); await nextTick(); expect(title()).toContain('macOS') })
-  it('卸载时移除 eventListener', () => { m(); render(null, body); expect(() => el.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowRight' }))).not.toThrow() })
-
-  // --- 卸载 ---
-  it('卸载后 DOM 为空', () => { m(); render(null, body); expect(body.children.length).toBe(0) })
-})

tests/cases/44-podcasts.test.ts

@@ -1,54 +0,0 @@
-/**
- * 44-podcasts: 播客 — 深层测试
- * 覆盖: DOM(3)+列表(5)+播放(4)+音频(3)+边界(3)+卸载
- * ⚠️ audio.play/pause jsdom 不支持，验证 DOM 状态
- */
-import { describe, it, expect, beforeEach, afterEach } from 'vitest'
-import { h, render, nextTick } from 'vue'
-import PodcastsComponent from '../../src/apps/podcasts/Podcasts.vue'
-import { setupDOM } from '../helpers'
-
-describe('44-podcasts', () => {
-  let body: HTMLElement, el: HTMLElement, win: any
-  beforeEach(() => {
-    setupDOM(); el = document.createElement('div'); el.className = 'window'; document.body.appendChild(el)
-    body = document.createElement('div'); body.className = 'win-body'; el.appendChild(body)
-    win = { el, body, timers: [], data: {} };
-    (window as any).Sys = () => ({ unregisterMedia: () => {} })
-  })
-  afterEach(() => { render(null, body); el.remove() })
-  function m() { render(h(PodcastsComponent, { win }), body) }
-  function row(i: number) { return body.querySelectorAll('.music-row')[i] as HTMLElement }
-  function clickRow(i: number) { row(i)?.dispatchEvent(new MouseEvent('click', { bubbles: true })) }
-
-  // --- DOM ---
-  it('music-body 容器', () => { m(); expect(body.querySelector('.music-body')).toBeTruthy() })
-  it('pod-bar 存在', () => { m(); expect(body.querySelector('.pod-bar')).toBeTruthy() })
-  it('audio 元素存在', () => { m(); expect(body.querySelector('audio')).toBeTruthy() })
-
-  // --- 列表 ---
-  it('6 集播客', () => { m(); expect(body.querySelectorAll('.music-row').length).toBe(6) })
-  it('每集有序号', () => { m(); [...body.querySelectorAll('.music-num')].forEach((n, i) => { if (i < 6) expect(n.textContent).toBe(String(i + 1)) }) })
-  it('每集有标题', () => { m(); [...body.querySelectorAll('.music-row b')].forEach(b => expect(b.textContent).toBeTruthy()) })
-  it('每集有时长', () => { m(); [...body.querySelectorAll('.music-dur')].forEach(d => expect(d.textContent).toMatch(/^\d+:\d{2}$/)) })
-  it('每集有 show 名', () => { m(); [...body.querySelectorAll('.music-row small')].forEach(s => expect(s.textContent).toContain('Web 桌面谈')) })
-
-  // --- 播放 ---
-  it('点击选中→高亮', async () => { m(); clickRow(0); await nextTick(); expect(row(0).classList.contains('sel')).toBe(true) })
-  it('选中后高亮变化', async () => { m(); clickRow(0); await nextTick(); expect(row(0).classList.contains('sel')).toBe(true) })
-  it('底部栏显示当前集名', async () => { m(); clickRow(0); await nextTick(); expect(body.querySelector('.pod-bar')?.textContent).toContain('Monkeys') })
-  it('切换集更新底部栏', async () => { m(); clickRow(0); await nextTick(); clickRow(1); await nextTick(); expect(body.querySelector('.pod-bar')?.textContent).toContain('Fluffing') })
-
-  // --- 音频 ---
-  it('点击暂停切换', async () => { m(); clickRow(0); await nextTick(); clickRow(0); await nextTick(); /* play→pause 不抛错 */ })
-  it('播放下一集', async () => { m(); clickRow(5); await nextTick(); /* audio ended→next 不抛错 */ })
-  it('时长格式化', () => { m(); expect(body.querySelector('.music-dur')?.textContent).toBe('0:22') })
-
-  // --- 边界 ---
-  it('快速双击不崩', async () => { m(); clickRow(0); clickRow(0); await nextTick() })
-  it('选中集内再次点击不切换', async () => { m(); clickRow(0); await nextTick(); clickRow(0); await nextTick(); expect(row(0).classList.contains('sel')).toBe(true) })
-  it('底部栏初始状态', () => { m(); expect(body.querySelector('.pod-bar')?.textContent).toContain('选择一集') })
-
-  // --- 卸载 ---
-  it('卸载后 DOM 为空', () => { m(); render(null, body); expect(body.children.length).toBe(0) })
-})

tests/cases/45-news.test.ts

@@ -1,39 +0,0 @@
-/**
- * 45-news: Apple News — 深层测试
- * 覆盖: DOM(2)+文章列表(5)+内容完整性(3)+边界(2)+卸载
- */
-import { describe, it, expect, beforeEach, afterEach } from 'vitest'
-import { h, render } from 'vue'
-import NewsComponent from '../../src/apps/news/News.vue'
-import { setupDOM } from '../helpers'
-
-describe('45-news', () => {
-  let body: HTMLElement
-  beforeEach(() => { setupDOM(); const el = document.createElement('div'); el.className = 'window'; document.body.appendChild(el); body = document.createElement('div'); body.className = 'win-body'; el.appendChild(body) })
-  afterEach(() => { render(null, body); (body.parentElement as HTMLElement)?.remove() })
-  function m() { render(h(NewsComponent, {}), body) }
-  function card(i: number) { return body.querySelectorAll('.news-card')[i] as HTMLElement }
-
-  // --- DOM ---
-  it('news-body 容器', () => { m(); expect(body.querySelector('.news-body')).toBeTruthy() })
-  it('news-card 容器', () => { m(); expect(body.querySelector('.news-card')).toBeTruthy() })
-
-  // --- 文章列表 ---
-  it('4 篇文章', () => { m(); expect(body.querySelectorAll('.news-card').length).toBe(4) })
-  it('第一篇标题含 macOS', () => { m(); expect(card(0).querySelector('.news-title')?.textContent).toContain('macOS') })
-  it('第二篇含"本地优先"', () => { m(); expect(card(1).querySelector('.news-title')?.textContent).toContain('本地优先') })
-  it('第三篇含"浏览器平台"', () => { m(); expect(card(2).querySelector('.news-title')?.textContent).toContain('浏览器平台') })
-  it('第四篇含"开源素材"', () => { m(); expect(card(3).querySelector('.news-title')?.textContent).toContain('开源素材') })
-
-  // --- 内容完整性 ---
-  it('每篇有分类标签', () => { m(); [0, 1, 2, 3].forEach(i => expect(card(i).querySelector('.news-cat')?.textContent).toBeTruthy()) })
-  it('每篇有描述', () => { m(); [0, 1, 2, 3].forEach(i => expect(card(i).querySelector('.news-desc')?.textContent).toBeTruthy()) })
-  it('分类标签非空', () => { m(); expect(card(0).querySelector('.news-cat')?.textContent?.length).toBeGreaterThan(0) })
-
-  // --- 边界 ---
-  it('超过范围索引 undefined', () => { m(); expect(body.querySelectorAll('.news-card')[4]).toBeUndefined() })
-  it('渲染无 prop 不崩溃', () => { expect(() => render(h(NewsComponent, {}), body)).not.toThrow() })
-
-  // --- 卸载 ---
-  it('卸载后 DOM 为空', () => { m(); render(null, body); expect(body.children.length).toBe(0) })
-})

tests/cases/46-github.test.ts

@@ -1,46 +0,0 @@
-/**
- * 46-github: GitHub Desktop — 深层测试
- * 覆盖: DOM(2)+仓库(3)+徽章(2)+README(4)+代码块(2)+边界(2)+卸载
- */
-import { describe, it, expect, beforeEach, afterEach } from 'vitest'
-import { h, render } from 'vue'
-import GitHubComponent from '../../src/apps/github/GitHub.vue'
-import { setupDOM } from '../helpers'
-
-describe('46-github', () => {
-  let body: HTMLElement
-  beforeEach(() => { setupDOM(); const el = document.createElement('div'); el.className = 'window'; document.body.appendChild(el); body = document.createElement('div'); body.className = 'win-body'; el.appendChild(body) })
-  afterEach(() => { render(null, body); (body.parentElement as HTMLElement)?.remove() })
-  function m() { render(h(GitHubComponent, {}), body) }
-  function gh() { return body.querySelector('.gh-body') as HTMLElement }
-
-  // --- DOM ---
-  it('gh-body 容器', () => { m(); expect(gh()).toBeTruthy() })
-  it('gh-head 存在', () => { m(); expect(body.querySelector('.gh-head')).toBeTruthy() })
-
-  // --- 仓库 ---
-  it('仓库名含 macos-web', () => { m(); expect(body.querySelector('.gh-repo')?.textContent).toContain('macos-web') })
-  it('仓库名含 moonshot', () => { m(); expect(body.querySelector('.gh-repo')?.textContent).toContain('moonshot') })
-  it('仓库名是斜杠格式', () => { m(); expect(body.querySelector('.gh-repo')?.textContent).toContain('/') })
-
-  // --- 徽章 ---
-  it('★ 1024', () => { m(); const badges = body.querySelectorAll('.gh-badge'); expect([...badges].some(b => b.textContent?.includes('1024'))).toBe(true) })
-  it('⑂ 128', () => { m(); const badges = body.querySelectorAll('.gh-badge'); expect([...badges].some(b => b.textContent?.includes('128'))).toBe(true) })
-
-  // --- README ---
-  it('h2 标题 macos-web', () => { m(); expect(body.querySelector('.gh-readme h2')?.textContent).toBe('macos-web') })
-  it('h3 特性', () => { m(); expect(body.querySelector('.gh-readme h3')?.textContent).toBe('特性') })
-  it('含描述文本', () => { m(); expect(body.querySelector('.gh-readme')?.textContent).toContain('纯静态') })
-  it('含窗口管理器', () => { m(); expect(body.querySelector('.gh-readme')?.textContent).toContain('窗口管理器') })
-
-  // --- 代码块 ---
-  it('.sf-code 存在', () => { m(); expect(body.querySelector('.sf-code')).toBeTruthy() })
-  it('代码块含 git clone', () => { m(); expect(body.querySelector('.sf-code')?.textContent).toContain('git clone') })
-
-  // --- 边界 ---
-  it('gh-badges 两个', () => { m(); expect(body.querySelectorAll('.gh-badge').length).toBe(2) })
-  it('无 prop 不崩溃', () => { expect(() => render(h(GitHubComponent, {}), body)).not.toThrow() })
-
-  // --- 卸载 ---
-  it('卸载后 DOM 为空', () => { m(); render(null, body); expect(body.children.length).toBe(0) })
-})

tests/cases/47-tv.test.ts

@@ -1,54 +0,0 @@
-/**
- * 47-tv: Apple TV — 深层测试
- * 覆盖: DOM(2)+卡片(5)+播放器(5)+视频(3)+边界(3)+卸载
- * ⚠️ video.play/load jsdom 不支持，验证 DOM 状态
- */
-import { describe, it, expect, beforeEach, afterEach } from 'vitest'
-import { h, render, nextTick } from 'vue'
-import TVComponent from '../../src/apps/tv/TV.vue'
-import { setupDOM } from '../helpers'
-
-describe('47-tv', () => {
-  let body: HTMLElement, el: HTMLElement, win: any
-  beforeEach(() => {
-    setupDOM(); el = document.createElement('div'); el.className = 'window'; document.body.appendChild(el)
-    body = document.createElement('div'); body.className = 'win-body'; el.appendChild(body)
-    win = { el, body, timers: [], data: {} };
-    (window as any).Sys = () => ({ registerMedia: () => {}, unregisterMedia: () => {} })
-  })
-  afterEach(() => { render(null, body); el.remove() })
-  function m() { render(h(TVComponent, { win }), body) }
-  function card(i: number) { return body.querySelectorAll('.tv-card')[i] as HTMLElement }
-  function player() { return body.querySelector('.tv-player') as HTMLElement }
-
-  // --- DOM ---
-  it('tv-body 容器', () => { m(); expect(body.querySelector('.tv-body')).toBeTruthy() })
-  it('标题"立即观看"', () => { m(); expect(body.querySelector('.store-h')?.textContent).toBe('立即观看') })
-
-  // --- 卡片 ---
-  it('3 个视频卡片', () => { m(); expect(body.querySelectorAll('.tv-card').length).toBe(3) })
-  it('卡片有海报 .tv-poster', () => { m(); expect(card(0).querySelector('.tv-poster')).toBeTruthy() })
-  it('卡片有标题', () => { m(); [0, 1, 2].forEach(i => expect(card(i).querySelector('.tv-name')?.textContent).toBeTruthy()) })
-  it('卡片有来源', () => { m(); [0, 1, 2].forEach(i => expect(card(i).querySelector('.tv-sub')?.textContent).toBeTruthy()) })
-  it('海报含 ▶ 播放图标', () => { m(); expect(card(0).querySelector('.tv-poster span')?.textContent).toBe('▶') })
-
-  // --- 播放器 ---
-  it('player 初始隐藏', () => { m(); expect(player().classList.contains('hidden')).toBe(true) })
-  it('点击卡片→player 显示', async () => { m(); card(0).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(player().classList.contains('hidden')).toBe(false) })
-  it('player 标题对应卡片', async () => { m(); card(0).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(body.querySelector('.tv-ptitle')?.textContent).toContain('花朵') })
-  it('切换卡片更新标题', async () => { m(); card(0).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); card(1).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(body.querySelector('.tv-ptitle')?.textContent).toContain('星期五') })
-  it('player 含 video 元素', async () => { m(); card(0).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(player().querySelector('video')).toBeTruthy() })
-
-  // --- 视频 ---
-  it('video 有 source', async () => { m(); card(0).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(player().querySelector('source')).toBeTruthy() })
-  it('video autoplay', async () => { m(); card(0).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(player().querySelector('video')?.autoplay).toBe(true) })
-  it('video controls', async () => { m(); card(0).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); expect(player().querySelector('video')?.controls).toBe(true) })
-
-  // --- 边界 ---
-  it('同一卡片重复点击不崩', async () => { m(); card(0).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick(); card(0).dispatchEvent(new MouseEvent('click', { bubbles: true })); await nextTick() })
-  it('所有卡片海报有 ▶', () => { m(); [0, 1, 2].forEach(i => expect(card(i).querySelector('.tv-poster span')?.textContent).toBe('▶')) })
-  it('tv-grid 网格容器', () => { m(); expect(body.querySelector('.tv-grid')).toBeTruthy() })
-
-  // --- 卸载 ---
-  it('卸载后 DOM 为空', () => { m(); render(null, body); expect(body.children.length).toBe(0) })
-})

tests/helpers.ts

@@ -1,39 +1,82 @@
 /**
- * tests/helpers.ts — vitest 测试辅助函数
- *
- * 提供：
- * - setupDOM()      设置完整 DOM 结构
- * - createMockWin() 创建 Vue 组件的 win prop 对象
- * - tick() / waitFor() 时间工具
- * - 兼容旧 API（getWM/getFS/getApps/getSys/getNotify/openApp/closeActiveWindow/等）
+ * Vitest helpers for macOS-web tests.
+ * Mirrors the original tests/helpers.js but uses Vitest + happy-dom.
  */
-import { setupTestDOM, createMockWin as _createMockWin } from './mocks'
+import { describe, it, expect, beforeAll, afterAll } from 'vitest'
+import { initSystem } from '../src/system'
 
-// ---- 重新导出 mocks 中的函数 ----
-export { createMockFS, createMockWM, createMockSys, createMockNotify, createMockStore } from './mocks'
-export type { MockWin } from './mocks'
-
-// ============================================================
-// DOM 设置（兼容旧 API）
-// ============================================================
-export const setupDOM = setupTestDOM
-
-// ============================================================
-// Mock Window 工厂（兼容旧 API）
-// ============================================================
-export function createMockWin(opts?: { id?: string; appId?: string; data?: any }) {
-  return _createMockWin(opts)
+/** Set up the full DOM structure needed by the app (mirrors index.html) */
+export function setupDOM() {
+  document.body.innerHTML = `
+<div id="overlay-brightness" aria-hidden="true"></div>
+<div id="overlay-nightshift" aria-hidden="true"></div>
+<div id="desktop" class="hidden" aria-label="桌面">
+  <div id="desktop-icons"></div>
+</div>
+<div id="window-layer"></div>
+<header id="menubar" class="hidden">
+  <div id="menubar-left"></div>
+  <div id="menubar-right"></div>
+</header>
+<div id="dock-hotzone" aria-hidden="true"></div>
+<nav id="dock" class="hidden" aria-label="程序坞"></nav>
+<div id="control-center" class="popover hidden" role="dialog" aria-label="控制中心"></div>
+<aside id="notification-center" class="hidden" aria-label="通知中心"></aside>
+<div id="spotlight" class="hidden" role="dialog" aria-label="聚焦搜索">
+  <div id="spotlight-box">
+    <div id="spotlight-input-row">
+      <svg viewBox="0 0 24 24" width="20" height="20" class="sp-icon"><circle cx="10.5" cy="10.5" r="6.5" fill="none" stroke="currentColor" stroke-width="2.4"/><line x1="15.5" y1="15.5" x2="21" y2="21" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/></svg>
+      <input id="spotlight-input" type="text" placeholder="聚焦搜索" autocomplete="off" spellcheck="false">
+    </div>
+    <div id="spotlight-results"></div>
+  </div>
+</div>
+<div id="banner-container"></div>
+<div id="lockscreen" class="hidden">
+  <div id="lockscreen-bg"></div>
+  <div id="lockscreen-main">
+    <div id="lock-date"></div>
+    <div id="lock-time"></div>
+  </div>
+  <div id="lockscreen-user">
+    <img id="lock-avatar" src="/assets/icons/avatar.svg" alt="用户头像">
+    <div id="lock-username">客人用户</div>
+    <div id="lock-password-row" class="hidden">
+      <input id="lock-password" type="password" placeholder="输入密码" aria-label="密码">
+    </div>
+    <div id="lock-hint">点按或按 Enter 键解锁</div>
+    <div id="lock-error" class="hidden">密码不正确，请重试</div>
+  </div>
+</div>
+<div id="screensaver" class="hidden"></div>
+<div id="bootscreen">
+  <div id="boot-apple"><svg viewBox="0 0 384 512" width="72" height="96" aria-hidden="true"><path fill="#fff" d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"/></svg></div>
+  <div id="boot-progress"><div id="boot-progress-fill"></div></div>
+</div>
+<div id="poweroff" class="hidden">
+  <div id="poweroff-text">已关机<br><span>点按屏幕以开机</span></div>
+</div>
+`
 }
 
-// ============================================================
-// 时间工具
-// ============================================================
-/** 模拟时间流逝（真实 setTimeout） */
+/** Boot sequence: simulate what Sys.boot() does but skip animations */
+export async function bootSystem() {
+  setupDOM()
+  // Init the system (this registers apps, sets up FS, etc.)
+  initSystem()
+  // Simulate boot completion by forcing immediate unlock
+  const { Sys } = await import('../src/composables/useSys')
+  Sys.boot()
+  // Fast-forward boot animation
+  await tick(3100)
+}
+
+/** Simulate time passage */
 export function tick(ms: number): Promise<void> {
   return new Promise(r => setTimeout(r, ms))
 }
 
-/** 等待元素可见 */
+/** Wait for an element to be visible */
 export async function waitFor(selector: string, timeout = 5000): Promise<HTMLElement> {
   const start = Date.now()
   while (Date.now() - start < timeout) {
@@ -44,44 +87,63 @@ export async function waitFor(selector: string, timeout = 5000): Promise<HTMLEle
   throw new Error(`Timeout waiting for: ${selector}`)
 }
 
-// ============================================================
-// 兼容旧 API（window 全局对象访问器）
-// ============================================================
-export function getWM(): any { return (window as any).WM }
-export function getFS(): any { return (window as any).FS }
-export function getApps(): any { return (window as any).Apps }
-export function getSys(): any { return (window as any).Sys }
-export function getNotify(): any { return (window as any).Notify }
+/** Get global WM */
+export function getWM(): any {
+  return (window as any).WM
+}
 
-// ============================================================
-// 兼容旧 API（应用操作）
-// ============================================================
+/** Get global FS */
+export function getFS(): any {
+  return (window as any).FS
+}
+
+/** Get global Apps */
+export function getApps(): any {
+  return (window as any).Apps
+}
+
+/** Get global Sys */
+export function getSys(): any {
+  return (window as any).Sys
+}
+
+/** Get global Notify */
+export function getNotify(): any {
+  return (window as any).Notify
+}
+
+/** Open an app and wait for window */
 export async function openApp(appId: string, args?: any) {
-  const Apps = getApps(); const WM = getWM()
-  Apps.open(appId, args); await tick(200)
+  const Apps = getApps()
+  const WM = getWM()
+  Apps.open(appId, args)
+  await tick(200)
+  // Return window count
   return WM.windows.length
 }
 
+/** Close active window */
 export async function closeActiveWindow() {
-  const WM = getWM(); const win = WM.activeWin
-  if (win) await WM.close(win); await tick(200)
+  const WM = getWM()
+  const win = WM.activeWin
+  if (win) await WM.close(win)
+  await tick(200)
 }
 
-export function winCount(): number { return getWM().windows.length }
-export function winTitles(): string[] { return getWM().windows.map((w: any) => w.appId + ':' + w.title) }
+/** Get window count */
+export function winCount(): number {
+  return getWM().windows.length
+}
 
+/** Get window titles */
+export function winTitles(): string[] {
+  return getWM().windows.map((w: any) => w.appId + ':' + w.title)
+}
+
+/** Unlock the system */
 export async function unlockSystem() {
-  const Sys = getSys(); Sys.unlock(); await tick(500)
-}
-
-// ============================================================
-// 启动序列（用于 Launchpad 等需要全系统初始化的测试）
-// ============================================================
-export async function bootSystem() {
-  setupDOM()
-  const { initSystem } = await import('../src/system')
-  initSystem()
-  const { Sys } = await import('../src/composables/useSys')
-  Sys.boot()
-  await tick(3100)
+  const Sys = getSys()
+  // Simulate clicking the lockscreen
+  Sys.unlock()
+  await tick(500)
 }

tests/mocks/index.ts

@@ -1,305 +0,0 @@
-/**
- * tests/mocks/index.ts — 集中式 Mock 工厂
- *
- * 为 vitest 提供统一的 mock 对象，避免每个测试文件重复造轮子。
- * 所有 mock 都是纯函数，每次调用返回全新的独立对象。
- */
-import { vi } from 'vitest'
-import type { SystemSettings } from '../../src/composables/useSettings'
-import { DEFAULT_SETTINGS } from '../../src/composables/useSettings'
-
-// ============================================================
-// FS Mock
-// ============================================================
-export interface MockFSOptions {
-  /** 初始文件树，key 为路径，value 为内容 */
-  files?: Record<string, string>
-  /** 初始目录列表 */
-  dirs?: string[]
-}
-
-export function createMockFS(opts: MockFSOptions = {}) {
-  const HOME = '/Users/guest'
-  const files = new Map<string, { data: string; mtime: number }>()
-
-  // 默认种子数据
-  const defaults: Record<string, string> = {
-    [HOME + '/Desktop/welcome.txt']: '欢迎使用 macOS 网页版',
-    [HOME + '/Documents/购物清单.txt']: '苹果\n香蕉\n牛奶',
-  }
-
-  for (const [path, data] of Object.entries({ ...defaults, ...opts.files })) {
-    files.set(path, { data, mtime: Date.now() })
-  }
-
-  const defaultDirs = [HOME, HOME + '/Desktop', HOME + '/Documents', HOME + '/Downloads',
-    HOME + '/Pictures', HOME + '/Music', HOME + '/Applications', HOME + '/.Trash']
-  const dirs = new Set([...defaultDirs, ...(opts.dirs || [])])
-
-  return {
-    HOME,
-    TRASH: HOME + '/.Trash',
-
-    exists: vi.fn((path: string) => files.has(path) || dirs.has(path)),
-    isDir: vi.fn((path: string) => dirs.has(path)),
-    read: vi.fn((path: string) => {
-      const f = files.get(path)
-      if (!f) throw new Error('文件不存在: ' + path)
-      return f.data
-    }),
-    write: vi.fn((path: string, data: string) => {
-      // 确保父目录存在
-      const parentPath = path.substring(0, path.lastIndexOf('/'))
-      if (parentPath && !dirs.has(parentPath)) {
-        dirs.add(parentPath)
-      }
-      files.set(path, { data, mtime: Date.now() })
-    }),
-    list: vi.fn((path: string) => {
-      const prefix = path.endsWith('/') ? path : path + '/'
-      const result: { name: string; path: string }[] = []
-      for (const [p] of files) { if (p.startsWith(prefix) && p.indexOf('/', prefix.length) === -1) result.push({ name: p.slice(prefix.length), path: p }) }
-      for (const d of dirs) { if (d.startsWith(prefix) && d !== path && d.indexOf('/', prefix.length) === -1) result.push({ name: d.slice(prefix.length), path: d }) }
-      return result
-    }),
-    mkdir: vi.fn((path: string) => { dirs.add(path) }),
-    remove: vi.fn((path: string) => { files.delete(path); dirs.delete(path) }),
-    rename: vi.fn((oldPath: string, newName: string) => {
-      const f = files.get(oldPath)
-      if (!f) throw new Error('文件不存在')
-      const dir = oldPath.substring(0, oldPath.lastIndexOf('/'))
-      const newPath = dir + '/' + newName
-      files.set(newPath, f)
-      files.delete(oldPath)
-    }),
-    move: vi.fn((src: string, destDir: string) => {
-      const name = src.split('/').pop()!
-      const dest = destDir + '/' + name
-      const f = files.get(src)
-      if (f) { files.set(dest, f); files.delete(src) }
-    }),
-    copy: vi.fn((src: string, destDir: string) => {
-      const name = src.split('/').pop()!
-      const dest = destDir + '/' + name
-      const f = files.get(src)
-      if (f) { files.set(dest, { ...f }) }
-      return dest
-    }),
-    trash: vi.fn(),
-    restore: vi.fn(),
-    emptyTrash: vi.fn(),
-    search: vi.fn(() => []),
-    baseName: vi.fn((p: string) => p.split('/').pop() || ''),
-    dirName: vi.fn((p: string) => p.substring(0, p.lastIndexOf('/'))),
-    join: vi.fn((...parts: string[]) => parts.join('/').replace(/\/+/g, '/')),
-    normalize: vi.fn((p: string) => p),
-    iconFor: vi.fn(() => '/assets/icons/txt.png'),
-    kindOf: vi.fn(() => '文件'),
-    mimeOf: vi.fn(() => 'text/plain'),
-    size: vi.fn(() => 1024),
-    node: vi.fn(() => null),
-    save: vi.fn(),
-    init: vi.fn(),
-    walk: vi.fn((_home: string, cb: Function) => {}),
-  }
-}
-
-// ============================================================
-// WM Mock
-// ============================================================
-export function createMockWM() {
-  return {
-    windows: [] as any[],
-    activeWin: { value: null as any },
-    zTop: { value: 100 },
-    cascade: { value: 0 },
-
-    openWindow: vi.fn(() => ({ id: 'win-1', el: document.createElement('div'), body: document.createElement('div') })),
-    close: vi.fn(async () => 'closed'),
-    focus: vi.fn(),
-    minimize: vi.fn(),
-    restore: vi.fn(),
-    toggleZoom: vi.fn(),
-    toggleFullscreen: vi.fn(),
-    setTitle: vi.fn(),
-    clampAll: vi.fn(),
-    windowsForApp: vi.fn(() => []),
-    anyVisible: vi.fn(() => false),
-    usableRect: vi.fn(() => ({ x: 0, y: 30, w: 1024, h: 738 })),
-  }
-}
-
-// ============================================================
-// Sys Mock
-// ============================================================
-export function createMockSys(overrides: Partial<SystemSettings> = {}) {
-  const settings: SystemSettings = { ...DEFAULT_SETTINGS, ...overrides }
-  return {
-    settings,
-    unlocked: true,
-    fullscreenWin: null,
-    activeApp: 'finder',
-    mediaEls: new Set<any>(),
-
-    init: vi.fn(),
-    save: vi.fn(),
-    applyAll: vi.fn(),
-    applyAppearance: vi.fn(),
-    applyWallpaper: vi.fn(),
-    applyVolume: vi.fn(),
-    renderDock: vi.fn(),
-    layoutDock: vi.fn(),
-    buildMenubar: vi.fn(),
-    buildDock: vi.fn(),
-    tickClock: vi.fn(),
-    renderDesktopIcons: vi.fn(),
-    registerMedia: vi.fn((el: any) => { settings.volume = el.volume || 0.6 }),
-    unregisterMedia: vi.fn(),
-    boot: vi.fn(),
-    unlock: vi.fn(),
-    showLock: vi.fn(),
-    sleep: vi.fn(),
-    powerOff: vi.fn(),
-    restart: vi.fn(),
-    resetAll: vi.fn(),
-    initIdleWatch: vi.fn(),
-    globalKeys: vi.fn(),
-  }
-}
-
-// ============================================================
-// Notify Mock
-// ============================================================
-export function createMockNotify() {
-  return {
-    list: [] as any[],
-    init: vi.fn(),
-    save: vi.fn(),
-    send: vi.fn((opts: any) => {
-      const n = { id: 'n-' + Date.now(), ...opts, ts: Date.now(), read: false }
-      return n
-    }),
-    markRead: vi.fn(),
-    remove: vi.fn(),
-    clearAll: vi.fn(function (this: any) { this.list = [] }),
-    badgeCount: vi.fn(() => 0),
-    allowed: vi.fn(() => true),
-    updateBadges: vi.fn(),
-    renderCenter: vi.fn(),
-    banner: vi.fn(),
-  }
-}
-
-// ============================================================
-// Store Mock
-// ============================================================
-export function createMockStore() {
-  const data = new Map<string, any>()
-  return {
-    PREFIX: 'macos-web:',
-    get: vi.fn((key: string, fallback: any) => data.has(key) ? structuredClone(data.get(key)) : structuredClone(fallback)),
-    set: vi.fn((key: string, val: any) => { data.set(key, val) }),
-    remove: vi.fn((key: string) => { data.delete(key) }),
-    clearAll: vi.fn(() => { data.clear() }),
-  }
-}
-
-// ============================================================
-// DOM 环境设置
-// ============================================================
-export function setupTestDOM() {
-  document.body.innerHTML = `
-<div id="overlay-brightness" aria-hidden="true"></div>
-<div id="overlay-nightshift" aria-hidden="true"></div>
-<div id="desktop" class="hidden" aria-label="桌面">
-  <div id="desktop-icons"></div>
-</div>
-<div id="window-layer"></div>
-<header id="menubar" class="hidden">
-  <div id="menubar-left"></div>
-  <div id="menubar-right"></div>
-</header>
-<div id="dock-hotzone" aria-hidden="true"></div>
-<nav id="dock" class="hidden" aria-label="程序坞"></nav>
-<div id="control-center" class="popover hidden" role="dialog" aria-label="控制中心"></div>
-<aside id="notification-center" class="hidden" aria-label="通知中心"></aside>
-<div id="spotlight" class="hidden" role="dialog" aria-label="聚焦搜索">
-  <div id="spotlight-box">
-    <div id="spotlight-input-row">
-      <svg viewBox="0 0 24 24" width="20" height="20" class="sp-icon"><circle cx="10.5" cy="10.5" r="6.5" fill="none" stroke="currentColor" stroke-width="2.4"/><line x1="15.5" y1="15.5" x2="21" y2="21" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/></svg>
-      <input id="spotlight-input" type="text" placeholder="聚焦搜索" autocomplete="off" spellcheck="false">
-    </div>
-    <div id="spotlight-results"></div>
-  </div>
-</div>
-<div id="banner-container"></div>
-<div id="lockscreen" class="hidden">
-  <div id="lockscreen-bg" style="background-image:none"></div>
-  <div id="lockscreen-main">
-    <div id="lock-date"></div>
-    <div id="lock-time"></div>
-  </div>
-  <div id="lockscreen-user">
-    <img id="lock-avatar" src="/assets/icons/avatar.svg" alt="用户头像">
-    <div id="lock-username">客人用户</div>
-    <div id="lock-password-row" class="hidden">
-      <input id="lock-password" type="password" placeholder="输入密码" aria-label="密码">
-    </div>
-    <div id="lock-hint">点按或按 Enter 键解锁</div>
-    <div id="lock-error" class="hidden">密码不正确，请重试</div>
-  </div>
-</div>
-<div id="screensaver" class="hidden"></div>
-<div id="bootscreen" class="hidden">
-  <div id="boot-apple"><svg viewBox="0 0 384 512" width="72" height="96"><path fill="#fff" d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"/></svg></div>
-  <div id="boot-progress"><div id="boot-progress-fill"></div></div>
-</div>
-<div id="poweroff" class="hidden">
-  <div id="poweroff-text">已关机<br><span>点按屏幕以开机</span></div>
-</div>
-`
-}
-
-// ============================================================
-// Mock Window 工厂（Vue 组件的 win prop）
-// ============================================================
-export interface MockWin {
-  id: string
-  appId: string
-  el: HTMLElement
-  body: HTMLElement
-  titleEl: HTMLElement | null
-  timers: any[]
-  data: any
-  appState: any
-  rect: { x: number; y: number; w: number; h: number }
-  minW: number; minH: number
-  state: string
-  title: string; icon: string
-}
-
-export function createMockWin(opts: Partial<Pick<MockWin, 'id' | 'appId' | 'data'>> = {}): MockWin {
-  const el = document.createElement('div')
-  el.className = 'window'
-  document.getElementById('window-layer')?.appendChild(el)
-
-  const body = document.createElement('div')
-  body.className = 'win-body'
-  el.appendChild(body)
-
-  return {
-    id: opts.id || 'test-win',
-    appId: opts.appId || 'finder',
-    el,
-    body,
-    titleEl: null,
-    timers: [],
-    data: opts.data || {},
-    appState: {},
-    rect: { x: 0, y: 0, w: 800, h: 600 },
-    prevRect: null,
-    minW: 200, minH: 120,
-    state: 'normal',
-    title: '', icon: '',
-  }
-}

tests/setup.ts

@@ -1,75 +1,30 @@
 /**
- * tests/setup.ts — vitest 全局 setup
- *
- * 在所有测试之前执行，负责：
- * 1. 导入 CSS（避免 import 报错）
- * 2. polyfill jsdom 缺失的浏览器 API
- * 3. 每个测试后全局清理
+ * Vitest setup file — runs before all tests.
+ * Sets up happy-dom environment and imports required CSS modules.
  */
-import { beforeAll, afterEach, vi } from 'vitest'
-
-// 导入全局 CSS
+import { beforeAll } from 'vitest'
 import '../src/styles/base.css'
 import '../src/styles/window.css'
 import '../src/styles/desktop.css'
 import '../src/styles/apps.css'
 import '../src/styles/apps2.css'
 
-// ============================================================
-// jsdom polyfills
-// ============================================================
+// Make global window properties available
 beforeAll(() => {
-  // matchMedia
+  // happy-dom may not support some APIs; polyfill what's needed
   if (!window.matchMedia) {
     Object.defineProperty(window, 'matchMedia', {
       writable: true,
-      value: vi.fn().mockImplementation((query: string) => ({
+      value: (query: string) => ({
         matches: false,
         media: query,
         onchange: null,
-        addListener: vi.fn(),
-        removeListener: vi.fn(),
-        addEventListener: vi.fn(),
-        removeEventListener: vi.fn(),
-        dispatchEvent: vi.fn(() => false),
-      })),
+        addListener: () => {},
+        removeListener: () => {},
+        addEventListener: () => {},
+        removeEventListener: () => {},
+        dispatchEvent: () => false,
+      }),
     })
   }
-
-  // scrollIntoView
-  if (!Element.prototype.scrollIntoView) {
-    Element.prototype.scrollIntoView = vi.fn()
-  }
-
-  // requestAnimationFrame / cancelAnimationFrame
-  if (!window.requestAnimationFrame) {
-    let rafId = 0
-    const callbacks = new Map<number, FrameRequestCallback>()
-    window.requestAnimationFrame = vi.fn((cb: FrameRequestCallback) => {
-      const handle = ++rafId
-      callbacks.set(handle, cb)
-      setTimeout(() => {
-        const fn = callbacks.get(handle)
-        if (fn) { callbacks.delete(handle); fn(Date.now()) }
-      }, 16)
-      return handle
-    })
-    window.cancelAnimationFrame = vi.fn((handle: number) => { callbacks.delete(handle) })
-  }
-
-  // structuredClone 兜底
-  if (!window.structuredClone) {
-    ;(window as any).structuredClone = (obj: any) => JSON.parse(JSON.stringify(obj))
-  }
-})
-
-// ============================================================
-// 每个测试后全局清理
-// ============================================================
-afterEach(() => {
-  // 恢复真实 timers（防止 fake timers 泄漏）
-  vi.useRealTimers()
-
-  // 清理 localStorage
-  localStorage.clear()
 })

tsconfig.json

@@ -19,5 +19,5 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "env.d.ts", "tests/**/*.ts"]
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "env.d.ts"]
 }

vitest.config.ts

@@ -1,23 +1,17 @@
 import { defineConfig } from 'vitest/config'
 import vue from '@vitejs/plugin-vue'
-import { resolve } from 'path'
 
 export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@': resolve(__dirname, 'src'),
+      '@': '/src',
     },
   },
   test: {
-    globals: true,
     environment: 'jsdom',
     include: ['tests/cases/*.test.ts'],
     exclude: ['tests/cases/*.test.js', 'tests/*.js'],
     setupFiles: ['tests/setup.ts'],
-    // 每个测试文件独立上下文
-    fileParallelism: true,
-    // CSS 导入支持
-    css: true,
   },
 })