fix: whitelist tags to be ignored with disabled attribute

Author: hiendv

packages/test-utils/src/wrapper.js

@@ -574,8 +574,25 @@ export default class Wrapper implements BaseWrapper {
       )
     }
 
-    // Don't fire event on a disabled element
-    if (this.attributes().disabled) {
+    /**
+     * Avoids firing events on specific disabled elements
+     * See more: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled
+     */
+
+    const supportedTags = [
+      'BUTTON',
+      'COMMAND',
+      'FIELDSET',
+      'KEYGEN',
+      'OPTGROUP',
+      'OPTION',
+      'SELECT',
+      'TEXTAREA',
+      'INPUT'
+    ]
+    const tagName = this.element.tagName
+
+    if (this.attributes().disabled && supportedTags.indexOf(tagName) > -1) {
       return
     }
 

test/specs/wrapper/trigger.spec.js

@@ -123,16 +123,21 @@ describeWithShallowAndMount('trigger', mountingMethod => {
   it('does not fire on disabled elements', () => {
     const clickHandler = sandbox.stub()
     const TestComponent = {
-      template: '<button disabled @click="clickHandler"/>',
+      template:
+        '<div><button disabled @click="clickHandler"/><a href="#" disabled @click="clickHandler"/></div>',
       props: ['clickHandler']
     }
     const wrapper = mountingMethod(TestComponent, {
       propsData: {
         clickHandler
       }
     })
-    wrapper.trigger('click')
+
+    wrapper.find('button').trigger('click')
     expect(clickHandler.called).to.equal(false)
+
+    wrapper.find('a').trigger('click')
+    expect(clickHandler.called).to.equal(true)
   })
 
   it('handles .prevent', () => {