Как проверить document.querySelector () и focus ()

Question

Мне нужно проверить эту функцию на параметр querySelector и вызов focus()

export class Element extends Component {
  onKeyPress (event) {
    if (!process.browser) return null

    const previousElement = '123'
    document.querySelector("[data-id='" + previousElement + "'] textarea").focus()
  }
  render() {}
}

Но я не знаю, как смоделировать querySelector и его функцию фокуса.

test('should call focus()', () => {
  Object.defineProperty(process, 'browser', { value: true })
  const wrapper = shallow(<Element {...props} />)
  wrapper.instance().onKeyPress({})

  // missing mocks for querySelector and focus...
  expect(document.querySelector).toHaveBeenCalledWith('[data-id="123"')
  expect(document.querySelector.focus).toHaveBeenCalled()
})