[enzyme-adapter-react-16] [new] add pointer events support

Fixes 1719.
enzymejs · Aug 15, 2018 · a3ee0fe · a3ee0fe
1 parent de7984a
commit a3ee0fe
Show file tree

Hide file tree

Showing 3 changed files with 61 additions and 0 deletions.
diff --git a/packages/enzyme-adapter-react-16/src/ReactSixteenAdapter.js b/packages/enzyme-adapter-react-16/src/ReactSixteenAdapter.js
@@ -175,6 +175,7 @@ function nodeToHostNode(_node) {
 
 const eventOptions = {
   animation: true,
+  pointerEvents: true, // 16.4+
 };
 
 class ReactSixteenAdapter extends EnzymeAdapter {

diff --git a/packages/enzyme-test-suite/test/ReactWrapper-spec.jsx b/packages/enzyme-test-suite/test/ReactWrapper-spec.jsx
@@ -2038,6 +2038,36 @@ describeWithDOM('mount', () => {
           expect(spy).to.have.property('callCount', 1);
         });
       });
+
+      describeIf(is('>= 16.4'), 'pointer events', () => {
+        it('should convert lowercase events to React camelcase', () => {
+          const spy = sinon.spy();
+          class Foo extends React.Component {
+            render() {
+              return (
+                <a onGotPointerCapture={spy}>foo</a>
+              );
+            }
+          }
+
+          const wrapper = mount(<Foo />);
+
+          wrapper.simulate('gotpointercapture');
+          expect(spy).to.have.property('callCount', 1);
+        });
+
+        it('should convert lowercase events to React camelcase in stateless components', () => {
+          const spy = sinon.spy();
+          const Foo = () => (
+            <a onGotPointerCapture={spy}>foo</a>
+          );
+
+          const wrapper = mount(<Foo />);
+
+          wrapper.simulate('gotpointercapture');
+          expect(spy).to.have.property('callCount', 1);
+        });
+      });
     });
 
     it('should be batched updates', () => {

diff --git a/packages/enzyme-test-suite/test/ShallowWrapper-spec.jsx b/packages/enzyme-test-suite/test/ShallowWrapper-spec.jsx
@@ -1999,6 +1999,36 @@ describe('shallow', () => {
           expect(spy).to.have.property('callCount', 1);
         });
       });
+
+      describeIf(is('>= 16.4'), 'pointer events', () => {
+        it('should convert lowercase events to React camelcase', () => {
+          const spy = sinon.spy();
+          class Foo extends React.Component {
+            render() {
+              return (
+                <a onGotPointerCapture={spy}>foo</a>
+              );
+            }
+          }
+
+          const wrapper = shallow(<Foo />);
+
+          wrapper.simulate('gotpointercapture');
+          expect(spy).to.have.property('callCount', 1);
+        });
+
+        it('should convert lowercase events to React camelcase in stateless components', () => {
+          const spy = sinon.spy();
+          const Foo = () => (
+            <a onGotPointerCapture={spy}>foo</a>
+          );
+
+          const wrapper = shallow(<Foo />);
+
+          wrapper.simulate('gotpointercapture');
+          expect(spy).to.have.property('callCount', 1);
+        });
+      });
     });
 
     itIf(BATCHING, 'should be batched updates', () => {