feat: 完成 UI 基础层与核心页面迁移

tests/component/text-to-speech-page.test.tsx

@@ -1,7 +1,15 @@
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { TextToSpeechPage } from '../../src/renderer/src/features/settings/pages/TextToSpeechPage'
 
+vi.mock('../../src/renderer/src/utils/runtime-environment', () => ({
+  isMac: true,
+  isWindows: false,
+  runtimePlatform: 'darwin',
+  supportsPersonalWechatSend: true
+}))
+
 const getSettings = vi.fn()
 const saveSettings = vi.fn()
 const listVoices = vi.fn()
@@ -45,6 +53,7 @@ const response = {
 
 describe('TextToSpeechPage', () => {
   beforeEach(() => {
+    sessionStorage.clear()
     getSettings.mockReset().mockResolvedValue(response)
     listVoices.mockReset().mockResolvedValue({
       success: true,
@@ -126,4 +135,40 @@ describe('TextToSpeechPage', () => {
     fireEvent.click(screen.getByRole('button', { name: '前往 api.fish.audio 获取 Key' }))
     await waitFor(() => expect(openApiKeys).toHaveBeenCalledTimes(1))
   })
+
+  it('opens supported versions from both triggers and restores focus after closing', async () => {
+    const user = userEvent.setup()
+    render(<TextToSpeechPage onNotice={vi.fn()} />)
+
+    const guideTrigger = await screen.findByRole('button', { name: '查看支持版本' })
+    await user.click(guideTrigger)
+    expect(screen.getByRole('dialog', { name: '支持的微信版本' })).toBeVisible()
+    expect(screen.getByText('请安装下列完整版本之一。')).toBeVisible()
+    expect(screen.getByRole('link', { name: /下载微信历史版本/ })).toHaveAttribute(
+      'href',
+      'https://github.com/zsbai/wechat-versions/releases'
+    )
+    expect(screen.getByText('4.1.6.12')).toBeVisible()
+    expect(screen.getByText('4.1.11.53')).toBeVisible()
+
+    await user.keyboard('{Escape}')
+    expect(screen.queryByRole('dialog', { name: '支持的微信版本' })).not.toBeInTheDocument()
+    expect(guideTrigger).toHaveFocus()
+
+    const runtimeTrigger = screen.getByRole('button', { name: '支持版本' })
+    await user.click(runtimeTrigger)
+    const dialog = screen.getByRole('dialog', { name: '支持的微信版本' })
+    expect(dialog).toBeVisible()
+    await user.click(dialog.previousElementSibling as HTMLElement)
+    expect(screen.queryByRole('dialog', { name: '支持的微信版本' })).not.toBeInTheDocument()
+    expect(runtimeTrigger).toHaveFocus()
+  })
+
+  it('keeps the session handoff that opens supported versions automatically', async () => {
+    sessionStorage.setItem('wxe:show-supported-wechat-versions', '1')
+    render(<TextToSpeechPage onNotice={vi.fn()} />)
+
+    expect(await screen.findByRole('dialog', { name: '支持的微信版本' })).toBeVisible()
+    expect(sessionStorage.getItem('wxe:show-supported-wechat-versions')).toBeNull()
+  })
 })