feat: 灵犀 Studio Web UI 定制版

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-05 11:29:11 +08:00
commit 7d10320a82
643 changed files with 164406 additions and 0 deletions
@@ -0,0 +1,113 @@
+// @vitest-environment jsdom
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { defineComponent } from 'vue'
+import { mount } from '@vue/test-utils'
+
+import { useSpeech } from '@/composables/useSpeech'
+
+class MockSpeechSynthesisUtterance {
+  text: string
+  rate = 1
+  pitch = 1
+  volume = 1
+  voice: SpeechSynthesisVoice | null = null
+  lang = ''
+  onboundary: ((event: SpeechSynthesisEvent) => void) | null = null
+  onend: (() => void) | null = null
+  onerror: (() => void) | null = null
+
+  constructor(text: string) {
+    this.text = text
+  }
+}
+
+describe('useSpeech WebSpeech playback', () => {
+  beforeEach(() => {
+    const voice = {
+      name: 'Google US English',
+      lang: 'en-US',
+      default: false,
+      localService: false,
+      voiceURI: 'Google US English',
+    } satisfies SpeechSynthesisVoice
+
+    const synth = {
+      speaking: false,
+      pending: false,
+      paused: false,
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn(),
+      getVoices: vi.fn(() => [voice]),
+      speak: vi.fn(function (this: SpeechSynthesis) {
+        this.speaking = true
+        this.paused = false
+      }),
+      cancel: vi.fn(function (this: SpeechSynthesis) {
+        this.speaking = false
+        this.pending = false
+        this.paused = false
+      }),
+      pause: vi.fn(function (this: SpeechSynthesis) {
+        this.speaking = false
+        this.paused = true
+      }),
+      resume: vi.fn(function (this: SpeechSynthesis) {
+        this.speaking = true
+        this.paused = false
+      }),
+    } as unknown as SpeechSynthesis
+
+    Object.defineProperty(window, 'speechSynthesis', {
+      configurable: true,
+      value: synth,
+    })
+    Object.defineProperty(window, 'SpeechSynthesisUtterance', {
+      configurable: true,
+      value: MockSpeechSynthesisUtterance,
+    })
+    Object.defineProperty(globalThis, 'SpeechSynthesisUtterance', {
+      configurable: true,
+      value: MockSpeechSynthesisUtterance,
+    })
+  })
+
+  it('pauses and resumes the current browser voice instead of restarting it', () => {
+    const wrapper = mount(defineComponent({
+      setup() {
+        return {
+          speech: useSpeech(),
+        }
+      },
+      template: '<div />',
+    }))
+    const speech = wrapper.vm.speech
+    const synth = vi.mocked(window.speechSynthesis)
+
+    speech.toggleBrowser('message-1', 'Hello world', {
+      voiceName: 'Google US English',
+    })
+
+    expect(synth.speak).toHaveBeenCalledTimes(1)
+    expect(speech.isPlaying.value).toBe(true)
+    expect(speech.isPaused.value).toBe(false)
+
+    speech.toggleBrowser('message-1', 'Hello world', {
+      voiceName: 'Google US English',
+    })
+
+    expect(synth.pause).toHaveBeenCalledTimes(1)
+    expect(synth.speak).toHaveBeenCalledTimes(1)
+    expect(speech.isPlaying.value).toBe(true)
+    expect(speech.isPaused.value).toBe(true)
+
+    speech.toggleBrowser('message-1', 'Hello world', {
+      voiceName: 'Google US English',
+    })
+
+    expect(synth.resume).toHaveBeenCalledTimes(1)
+    expect(synth.speak).toHaveBeenCalledTimes(1)
+    expect(speech.isPaused.value).toBe(false)
+
+    wrapper.unmount()
+  })
+})