/**
 * Trigger event
 * mouseenter, mouseleave, mouseover, keyup, change, click
 */
const triggerEvent = (elm: Element, name: string, ...opts: any[]) => {
  let eventName: string

  if (/^mouse|click/.test(name)) {
    eventName = 'MouseEvents'
  } else if (/^key/.test(name)) {
    eventName = 'KeyboardEvent'
  } else {
    eventName = 'HTMLEvents'
  }
  const evt = document.createEvent(eventName)

  evt.initEvent(name, ...opts)

  if (name === 'keydown' && opts[0]) {
    // trigger event with keycode
    // triggerEvent(ele, 'keydown', 'ArrowDown')
    Object.defineProperty(evt, 'code', { value: opts[0] })
  }
  elm.dispatchEvent(evt)

  return elm
}

export default triggerEvent