feat: added typehint to the trigger method (#551)

`dom-event-types` is no longer a dependency: as the package has no types, it was inlined in the codebase.

`wrapper.trigger()` now accepts a `string` (as it was)  and a `DomEventName` (which a union type of all possible DOM events, like 'click', 'input', etc...). The method has now 2 overloads which should provide a better experience when developing, as `wrapper.trigger('cli|` should offer `click` in the autocomplete of your IDE.

Author: nandi95

package.json

@@ -25,7 +25,6 @@
     "@vue/compiler-sfc": "3.0.11",
     "babel-jest": "^26.6.3",
     "babel-preset-jest": "^26.6.2",
-    "dom-event-types": "^1.0.0",
     "husky": "^6.0.0",
     "jest": "25.5.4",
     "jsdom": "^16.5.3",

src/baseWrapper.ts

@@ -1,7 +1,8 @@
 import { textContent } from './utils'
-import { createDOMEvent } from './createDomEvent'
 import type { TriggerOptions } from './createDomEvent'
 import { nextTick } from 'vue'
+import { createDOMEvent } from './createDomEvent'
+import { DomEventName } from './constants/dom-event-types'
 
 export default class BaseWrapper<ElementType extends Element> {
   private readonly wrapperElement: ElementType
@@ -44,6 +45,31 @@ export default class BaseWrapper<ElementType extends Element> {
     return true
   }
 
+  protected isDisabled = () => {
+    const validTagsToBeDisabled = [
+      'BUTTON',
+      'COMMAND',
+      'FIELDSET',
+      'KEYGEN',
+      'OPTGROUP',
+      'OPTION',
+      'SELECT',
+      'TEXTAREA',
+      'INPUT'
+    ]
+    const hasDisabledAttribute = this.attributes().disabled !== undefined
+    const elementCanBeDisabled = validTagsToBeDisabled.includes(
+      this.element.tagName
+    )
+
+    return hasDisabledAttribute && elementCanBeDisabled
+  }
+
+  async trigger(
+    eventString: DomEventName,
+    options?: TriggerOptions
+  ): Promise<void>
+  async trigger(eventString: string, options?: TriggerOptions): Promise<void>
   async trigger(eventString: string, options?: TriggerOptions) {
     if (options && options['target']) {
       throw Error(
@@ -53,27 +79,7 @@ export default class BaseWrapper<ElementType extends Element> {
       )
     }
 
-    const isDisabled = () => {
-      const validTagsToBeDisabled = [
-        'BUTTON',
-        'COMMAND',
-        'FIELDSET',
-        'KEYGEN',
-        'OPTGROUP',
-        'OPTION',
-        'SELECT',
-        'TEXTAREA',
-        'INPUT'
-      ]
-      const hasDisabledAttribute = this.attributes().disabled !== undefined
-      const elementCanBeDisabled = validTagsToBeDisabled.includes(
-        this.element.tagName
-      )
-
-      return hasDisabledAttribute && elementCanBeDisabled
-    }
-
-    if (this.element && !isDisabled()) {
+    if (this.element && !this.isDisabled()) {
       const event = createDOMEvent(eventString, options)
       this.element.dispatchEvent(event)
     }