-
-
Notifications
You must be signed in to change notification settings - Fork 128
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Issue 164 #279
base: main
Are you sure you want to change the base?
Issue 164 #279
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,219 @@ | ||
import React from "react"; | ||
import { expect } from "@jest/globals"; | ||
import { | ||
startVoiceRecording, | ||
stopVoiceRecording, | ||
syncVoiceWithChatInput, | ||
} from "../../src/services/VoiceService"; | ||
import { Settings } from "../../src/types/Settings"; | ||
import { RefObject } from "react"; | ||
|
||
describe("VoiceService", () => { | ||
let mockInputRef: RefObject<HTMLInputElement | null>; | ||
|
||
beforeAll(() => { | ||
// Mock MediaStream | ||
class MockMediaStream { | ||
active = true; | ||
id = "mock-stream"; | ||
getTracks() { | ||
return []; | ||
} | ||
addTrack() {} | ||
removeTrack() {} | ||
} | ||
global.MediaStream = MockMediaStream as unknown as typeof MediaStream; | ||
|
||
// Mock MediaRecorder | ||
class MockMediaRecorder { | ||
state = "inactive"; | ||
start = jest.fn(); | ||
stop = jest.fn(); | ||
ondataavailable: ((event: any) => void) | null = null; | ||
onstop: (() => void) | null = null; | ||
|
||
constructor() {} | ||
} | ||
global.MediaRecorder = MockMediaRecorder as unknown as typeof MediaRecorder; | ||
}); | ||
|
||
beforeEach(() => { | ||
jest.clearAllMocks(); | ||
|
||
mockInputRef = { current: document.createElement("input") }; | ||
|
||
// Mock SpeechRecognition | ||
Object.defineProperty(window, "SpeechRecognition", { | ||
configurable: true, | ||
value: jest.fn().mockImplementation(() => ({ | ||
start: jest.fn(), | ||
stop: jest.fn(), | ||
onresult: jest.fn(), | ||
onend: jest.fn(), | ||
})), | ||
}); | ||
|
||
// Mock navigator.mediaDevices | ||
Object.defineProperty(navigator, "mediaDevices", { | ||
configurable: true, | ||
value: { | ||
getUserMedia: jest.fn(), | ||
}, | ||
}); | ||
}); | ||
|
||
afterEach(() => { | ||
jest.restoreAllMocks(); | ||
}); | ||
|
||
describe("SpeechRecognition", () => { | ||
it("starts voice recording with SpeechRecognition", () => { | ||
const mockToggleVoice = jest.fn(); | ||
const mockTriggerSendVoiceInput = jest.fn(); | ||
const mockSetTextAreaValue = jest.fn(); | ||
const mockSetInputLength = jest.fn(); | ||
const mockAudioChunksRef: RefObject<BlobPart[]> = { current: [] }; | ||
|
||
const mockSettings: Settings = { | ||
voice: { | ||
sendAsAudio: false, | ||
language: "en-US", | ||
timeoutPeriod: 5000, | ||
autoSendPeriod: 3000, | ||
autoSendDisabled: false, | ||
}, | ||
}; | ||
|
||
startVoiceRecording( | ||
mockSettings, | ||
mockToggleVoice, | ||
mockTriggerSendVoiceInput, | ||
mockSetTextAreaValue, | ||
mockSetInputLength, | ||
mockAudioChunksRef, | ||
mockInputRef | ||
); | ||
|
||
expect(mockToggleVoice).not.toHaveBeenCalled(); | ||
}); | ||
|
||
it("handles error during SpeechRecognition initialization gracefully", () => { | ||
Object.defineProperty(window, "SpeechRecognition", { | ||
configurable: true, | ||
value: jest.fn(() => { | ||
throw new Error("SpeechRecognition not supported"); | ||
}), | ||
}); | ||
|
||
const mockToggleVoice = jest.fn(); | ||
const mockTriggerSendVoiceInput = jest.fn(); | ||
const mockSetTextAreaValue = jest.fn(); | ||
const mockSetInputLength = jest.fn(); | ||
const mockAudioChunksRef: RefObject<BlobPart[]> = { current: [] }; | ||
|
||
const mockSettings: Settings = { | ||
voice: { | ||
sendAsAudio: false, | ||
language: "en-US", | ||
timeoutPeriod: 5000, | ||
autoSendPeriod: 3000, | ||
}, | ||
}; | ||
|
||
expect(() => { | ||
startVoiceRecording( | ||
mockSettings, | ||
mockToggleVoice, | ||
mockTriggerSendVoiceInput, | ||
mockSetTextAreaValue, | ||
mockSetInputLength, | ||
mockAudioChunksRef, | ||
mockInputRef | ||
); | ||
}).not.toThrow(); | ||
}); | ||
}); | ||
|
||
describe("Audio Recording", () => { | ||
it("does not start MediaRecorder if microphone permissions are denied", async () => { | ||
jest | ||
.spyOn(navigator.mediaDevices, "getUserMedia") | ||
.mockRejectedValueOnce(new Error("Permission denied")); | ||
|
||
const mockToggleVoice = jest.fn(); | ||
const mockTriggerSendVoiceInput = jest.fn(); | ||
const mockSetTextAreaValue = jest.fn(); | ||
const mockSetInputLength = jest.fn(); | ||
const mockAudioChunksRef: RefObject<BlobPart[]> = { current: [] }; | ||
|
||
const mockSettings: Settings = { | ||
voice: { sendAsAudio: true }, | ||
}; | ||
|
||
try { | ||
await startVoiceRecording( | ||
mockSettings, | ||
mockToggleVoice, | ||
mockTriggerSendVoiceInput, | ||
mockSetTextAreaValue, | ||
mockSetInputLength, | ||
mockAudioChunksRef, | ||
mockInputRef | ||
); | ||
} catch (error) { | ||
if (error instanceof Error) { | ||
expect(error.message).toBe("Permission denied"); | ||
} else { | ||
throw error; | ||
} | ||
} | ||
}); | ||
|
||
it("handles audio recording with MediaRecorder", async () => { | ||
const mockToggleVoice = jest.fn(); | ||
const mockTriggerSendVoiceInput = jest.fn(); | ||
const mockSetTextAreaValue = jest.fn(); | ||
const mockSetInputLength = jest.fn(); | ||
const mockAudioChunksRef: RefObject<BlobPart[]> = { current: [] }; | ||
|
||
const mockSettings: Settings = { | ||
voice: { | ||
sendAsAudio: true, | ||
}, | ||
}; | ||
|
||
navigator.mediaDevices.getUserMedia = jest | ||
.fn() | ||
.mockResolvedValueOnce(new MediaStream()); | ||
|
||
await startVoiceRecording( | ||
mockSettings, | ||
mockToggleVoice, | ||
mockTriggerSendVoiceInput, | ||
mockSetTextAreaValue, | ||
mockSetInputLength, | ||
mockAudioChunksRef, | ||
mockInputRef | ||
); | ||
|
||
expect(navigator.mediaDevices.getUserMedia).toHaveBeenCalledWith({ | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. It would be nice to check for |
||
audio: true, | ||
}); | ||
}); | ||
}); | ||
|
||
it("stops voice recording without errors", () => { | ||
stopVoiceRecording(); | ||
expect(true).toBe(true); // Dummy check | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. The dummy check doesn't validate anything here, a more meaningful check would be on the state of |
||
}); | ||
|
||
it("syncs voice recording with chat input", () => { | ||
const mockSettings: Settings = { | ||
voice: { disabled: false }, | ||
chatInput: { blockSpam: true }, | ||
}; | ||
|
||
syncVoiceWithChatInput(true, mockSettings); | ||
expect(true).toBe(true); // Dummy check | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Similar to above. |
||
}); | ||
}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is not sufficient to verify that the function works as intended, it'll be great to check for
voiceToggledOn
too.