@untemps/vocal/jest/jest.setup.js

Class wrapped around the SpeechRecognition Web API

const { toBeInTheDocument, toHaveAttribute, toHaveStyle } = require('@testing-library/jest-dom/matchers')
import '@testing-library/jest-dom/extend-expect'

expect.extend({ toBeInTheDocument, toHaveAttribute, toHaveStyle })

global.PermissionStatus = jest.fn(() => ({
	state: 'granted',
	addEventListener: jest.fn(),
}))
const status = new PermissionStatus()
global.Permissions = jest.fn(() => ({
	query: jest.fn().mockResolvedValue(status),
}))
global.navigator.permissions = new Permissions()
global.MediaDevices = jest.fn(() => ({
	getUserMedia: jest.fn().mockResolvedValue('foo'),
}))
global.navigator.mediaDevices = new MediaDevices()
global.SpeechGrammarList = jest.fn(() => ({
	length: 0,
}))
global.SpeechRecognition = jest.fn(() => {
	const handlers = {}
	return {
		addEventListener: jest.fn((type, callback) => {
			handlers[type] = callback
		}),
		removeEventListener: jest.fn(),
		dispatchEvent: jest.fn(),
		start: jest.fn(() => {
			!!handlers.start && handlers.start()
		}),
		stop: jest.fn(() => {
			!!handlers.end && handlers.end()
		}),
		abort: jest.fn(() => {
			!!handlers.end && handlers.end()
		}),
		say: jest.fn((sentence) => {
			!!handlers.speechstart && handlers.speechstart()

			const resultEvent = new Event('result')
			resultEvent.resultIndex = 0
			resultEvent.results = [
				[
					{
						transcript: sentence,
					},
				],
			]
			if (sentence) {
				!!handlers.result && handlers.result(resultEvent)
			} else {
				!!handlers.nomatch && handlers.nomatch()
			}
			!!handlers.speechend && handlers.speechend()
		}),
	}
})