{"patch":"diff --git a\/packages\/react-events\/src\/Press.js b\/packages\/react-events\/src\/Press.js\nindex 588be56433..3385fbebfd 100644\n--- a\/packages\/react-events\/src\/Press.js\n+++ b\/packages\/react-events\/src\/Press.js\n@@ -190,14 +190,13 @@ function dispatchLongPressChangeEvent(\n \n function activate(event, context, props, state) {\n const nativeEvent: any = event.nativeEvent;\n- const pageX = nativeEvent.pageX;\n- const pageY = nativeEvent.pageY;\n+ const {x, y} = getEventPageCoords(nativeEvent);\n const wasActivePressed = state.isActivePressed;\n state.isActivePressed = true;\n- if (pageX != null && pageY != null) {\n+ if (x !== null && y !== null) {\n state.activationPosition = {\n- pageX: nativeEvent.pageX,\n- pageY: nativeEvent.pageY,\n+ pageX: x,\n+ pageY: y,\n };\n }\n \n@@ -402,12 +401,39 @@ function calculateResponderRegion(target: Element, props: PressProps) {\n };\n }\n \n+function isTouchEvent(nativeEvent: Event): boolean {\n+ return Array.isArray((nativeEvent: any).changedTouches);\n+}\n+\n+function getTouchFromPressEvent(nativeEvent: TouchEvent): Touch {\n+ const {changedTouches, touches} = nativeEvent;\n+ return changedTouches.length > 0\n+ ? changedTouches[0]\n+ : touches.length > 0\n+ ? touches[0]\n+ : (nativeEvent: any);\n+}\n+\n+function getEventPageCoords(\n+ nativeEvent: Event,\n+): {x: null | number, y: null | number} {\n+ let eventObject = (nativeEvent: any);\n+ if (isTouchEvent(eventObject)) {\n+ eventObject = getTouchFromPressEvent(eventObject);\n+ }\n+ const pageX = eventObject.pageX;\n+ const pageY = eventObject.pageY;\n+ return {\n+ x: pageX != null ? pageX : null,\n+ y: pageY != null ? pageY : null,\n+ };\n+}\n+\n function isPressWithinResponderRegion(\n nativeEvent: $PropertyType,\n state: PressState,\n ): boolean {\n const {responderRegionOnActivation, responderRegionOnDeactivation} = state;\n- const event = (nativeEvent: any);\n let left, top, right, bottom;\n \n if (responderRegionOnActivation != null) {\n@@ -423,16 +449,16 @@ function isPressWithinResponderRegion(\n bottom = Math.max(bottom, responderRegionOnDeactivation.bottom);\n }\n }\n+ const {x, y} = getEventPageCoords(((nativeEvent: any): Event));\n \n return (\n left != null &&\n right != null &&\n top != null &&\n bottom != null &&\n- (event.pageX >= left &&\n- event.pageX <= right &&\n- event.pageY >= top &&\n- event.pageY <= bottom)\n+ x !== null &&\n+ y !== null &&\n+ (x >= left && x <= right && y >= top && y <= bottom)\n );\n }\n \ndiff --git a\/packages\/react-events\/src\/__tests__\/Press-test.internal.js b\/packages\/react-events\/src\/__tests__\/Press-test.internal.js\nindex 40b9ba81e8..17cd25d278 100644\n--- a\/packages\/react-events\/src\/__tests__\/Press-test.internal.js\n+++ b\/packages\/react-events\/src\/__tests__\/Press-test.internal.js\n@@ -16,7 +16,7 @@ let Press;\n \n const DEFAULT_LONG_PRESS_DELAY = 500;\n \n-const createPointerEvent = (type, data) => {\n+const createEvent = (type, data) => {\n const event = document.createEvent('CustomEvent');\n event.initCustomEvent(type, true, true);\n if (data != null) {\n@@ -77,8 +77,8 @@ describe('Event responder: Press', () => {\n });\n \n it('prevents custom events being dispatched', () => {\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n expect(onPressStart).not.toBeCalled();\n expect(onPress).not.toBeCalled();\n expect(onPressEnd).not.toBeCalled();\n@@ -101,7 +101,7 @@ describe('Event responder: Press', () => {\n \n it('is called after \"pointerdown\" event', () => {\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {pointerType: 'pen'}),\n+ createEvent('pointerdown', {pointerType: 'pen'}),\n );\n expect(onPressStart).toHaveBeenCalledTimes(1);\n expect(onPressStart).toHaveBeenCalledWith(\n@@ -110,16 +110,16 @@ describe('Event responder: Press', () => {\n });\n \n it('ignores browser emulated events', () => {\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n- ref.current.dispatchEvent(createPointerEvent('touchstart'));\n- ref.current.dispatchEvent(createPointerEvent('mousedown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n+ ref.current.dispatchEvent(createEvent('mousedown'));\n expect(onPressStart).toHaveBeenCalledTimes(1);\n });\n \n it('ignores any events not caused by left-click or touch\/pen contact', () => {\n- ref.current.dispatchEvent(createPointerEvent('pointerdown', {button: 1}));\n- ref.current.dispatchEvent(createPointerEvent('pointerdown', {button: 5}));\n- ref.current.dispatchEvent(createPointerEvent('mousedown', {button: 2}));\n+ ref.current.dispatchEvent(createEvent('pointerdown', {button: 1}));\n+ ref.current.dispatchEvent(createEvent('pointerdown', {button: 5}));\n+ ref.current.dispatchEvent(createEvent('mousedown', {button: 2}));\n expect(onPressStart).toHaveBeenCalledTimes(0);\n });\n \n@@ -151,14 +151,14 @@ describe('Event responder: Press', () => {\n \n \/\/ No PointerEvent fallbacks\n it('is called after \"mousedown\" event', () => {\n- ref.current.dispatchEvent(createPointerEvent('mousedown'));\n+ ref.current.dispatchEvent(createEvent('mousedown'));\n expect(onPressStart).toHaveBeenCalledTimes(1);\n expect(onPressStart).toHaveBeenCalledWith(\n expect.objectContaining({pointerType: 'mouse', type: 'pressstart'}),\n );\n });\n it('is called after \"touchstart\" event', () => {\n- ref.current.dispatchEvent(createPointerEvent('touchstart'));\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n expect(onPressStart).toHaveBeenCalledTimes(1);\n expect(onPressStart).toHaveBeenCalledWith(\n expect.objectContaining({pointerType: 'touch', type: 'pressstart'}),\n@@ -174,7 +174,7 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(1999);\n expect(onPressStart).not.toBeCalled();\n jest.advanceTimersByTime(1);\n@@ -196,11 +196,11 @@ describe('Event responder: Press', () => {\n right: 500,\n });\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(499);\n expect(onPressStart).toHaveBeenCalledTimes(0);\n ref.current.dispatchEvent(\n- createPointerEvent('pointerup', {\n+ createEvent('pointerup', {\n pageX: 55,\n pageY: 55,\n }),\n@@ -218,7 +218,7 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n expect(onPressStart).toHaveBeenCalledTimes(1);\n });\n });\n@@ -235,9 +235,9 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n expect(onPressStart).toHaveBeenCalledTimes(2);\n });\n });\n@@ -259,9 +259,9 @@ describe('Event responder: Press', () => {\n \n it('is called after \"pointerup\" event', () => {\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {pointerType: 'pen'}),\n+ createEvent('pointerdown', {pointerType: 'pen'}),\n );\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n expect(onPressEnd).toHaveBeenCalledTimes(1);\n expect(onPressEnd).toHaveBeenCalledWith(\n expect.objectContaining({pointerType: 'pen', type: 'pressend'}),\n@@ -270,13 +270,13 @@ describe('Event responder: Press', () => {\n \n it('ignores browser emulated events', () => {\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {pointerType: 'touch'}),\n+ createEvent('pointerdown', {pointerType: 'touch'}),\n );\n- ref.current.dispatchEvent(createPointerEvent('touchstart'));\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n- ref.current.dispatchEvent(createPointerEvent('touchend'));\n- ref.current.dispatchEvent(createPointerEvent('mousedown'));\n- ref.current.dispatchEvent(createPointerEvent('mouseup'));\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('touchend'));\n+ ref.current.dispatchEvent(createEvent('mousedown'));\n+ ref.current.dispatchEvent(createEvent('mouseup'));\n expect(onPressEnd).toHaveBeenCalledTimes(1);\n expect(onPressEnd).toHaveBeenCalledWith(\n expect.objectContaining({pointerType: 'touch', type: 'pressend'}),\n@@ -309,16 +309,16 @@ describe('Event responder: Press', () => {\n \n \/\/ No PointerEvent fallbacks\n it('is called after \"mouseup\" event', () => {\n- ref.current.dispatchEvent(createPointerEvent('mousedown'));\n- ref.current.dispatchEvent(createPointerEvent('mouseup'));\n+ ref.current.dispatchEvent(createEvent('mousedown'));\n+ ref.current.dispatchEvent(createEvent('mouseup'));\n expect(onPressEnd).toHaveBeenCalledTimes(1);\n expect(onPressEnd).toHaveBeenCalledWith(\n expect.objectContaining({pointerType: 'mouse', type: 'pressend'}),\n );\n });\n it('is called after \"touchend\" event', () => {\n- ref.current.dispatchEvent(createPointerEvent('touchstart'));\n- ref.current.dispatchEvent(createPointerEvent('touchend'));\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n+ ref.current.dispatchEvent(createEvent('touchend'));\n expect(onPressEnd).toHaveBeenCalledTimes(1);\n expect(onPressEnd).toHaveBeenCalledWith(\n expect.objectContaining({pointerType: 'touch', type: 'pressend'}),\n@@ -334,8 +334,8 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n jest.advanceTimersByTime(1999);\n expect(onPressEnd).not.toBeCalled();\n jest.advanceTimersByTime(1);\n@@ -350,13 +350,13 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n jest.advanceTimersByTime(499);\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(1);\n expect(onPressEnd).not.toBeCalled();\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n jest.runAllTimers();\n expect(onPressEnd).toHaveBeenCalledTimes(1);\n });\n@@ -370,8 +370,8 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n expect(onPressEnd).toHaveBeenCalledTimes(1);\n });\n });\n@@ -391,10 +391,10 @@ describe('Event responder: Press', () => {\n });\n \n it('is called after \"pointerdown\" and \"pointerup\" events', () => {\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n expect(onPressChange).toHaveBeenCalledTimes(1);\n expect(onPressChange).toHaveBeenCalledWith(true);\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n expect(onPressChange).toHaveBeenCalledTimes(2);\n expect(onPressChange).toHaveBeenCalledWith(false);\n });\n@@ -416,7 +416,7 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(499);\n expect(onPressChange).not.toBeCalled();\n jest.advanceTimersByTime(1);\n@@ -439,10 +439,10 @@ describe('Event responder: Press', () => {\n right: 500,\n });\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(100);\n ref.current.dispatchEvent(\n- createPointerEvent('pointerup', {\n+ createEvent('pointerup', {\n pageX: 55,\n pageY: 55,\n }),\n@@ -461,10 +461,10 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n expect(onPressChange).toHaveBeenCalledTimes(1);\n expect(onPressChange).toHaveBeenCalledWith(true);\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n jest.advanceTimersByTime(499);\n expect(onPressChange).toHaveBeenCalledTimes(1);\n jest.advanceTimersByTime(1);\n@@ -474,18 +474,18 @@ describe('Event responder: Press', () => {\n \n \/\/ No PointerEvent fallbacks\n it('is called after \"mousedown\" and \"mouseup\" events', () => {\n- ref.current.dispatchEvent(createPointerEvent('mousedown'));\n+ ref.current.dispatchEvent(createEvent('mousedown'));\n expect(onPressChange).toHaveBeenCalledTimes(1);\n expect(onPressChange).toHaveBeenCalledWith(true);\n- ref.current.dispatchEvent(createPointerEvent('mouseup'));\n+ ref.current.dispatchEvent(createEvent('mouseup'));\n expect(onPressChange).toHaveBeenCalledTimes(2);\n expect(onPressChange).toHaveBeenCalledWith(false);\n });\n it('is called after \"touchstart\" and \"touchend\" events', () => {\n- ref.current.dispatchEvent(createPointerEvent('touchstart'));\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n expect(onPressChange).toHaveBeenCalledTimes(1);\n expect(onPressChange).toHaveBeenCalledWith(true);\n- ref.current.dispatchEvent(createPointerEvent('touchend'));\n+ ref.current.dispatchEvent(createEvent('touchend'));\n expect(onPressChange).toHaveBeenCalledTimes(2);\n expect(onPressChange).toHaveBeenCalledWith(false);\n });\n@@ -513,10 +513,10 @@ describe('Event responder: Press', () => {\n \n it('is called after \"pointerup\" event', () => {\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {pointerType: 'pen'}),\n+ createEvent('pointerdown', {pointerType: 'pen'}),\n );\n ref.current.dispatchEvent(\n- createPointerEvent('pointerup', {pageX: 10, pageY: 10}),\n+ createEvent('pointerup', {pageX: 10, pageY: 10}),\n );\n expect(onPress).toHaveBeenCalledTimes(1);\n expect(onPress).toHaveBeenCalledWith(\n@@ -541,9 +541,9 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n ref.current.dispatchEvent(\n- createPointerEvent('pointerup', {pageX: 10, pageY: 10}),\n+ createEvent('pointerup', {pageX: 10, pageY: 10}),\n );\n expect(onPress).toHaveBeenCalledTimes(1);\n });\n@@ -551,8 +551,8 @@ describe('Event responder: Press', () => {\n \/\/ No PointerEvent fallbacks\n \/\/ TODO: jsdom missing APIs\n \/\/ it('is called after \"touchend\" event', () => {\n- \/\/ ref.current.dispatchEvent(createPointerEvent('touchstart'));\n- \/\/ ref.current.dispatchEvent(createPointerEvent('touchend'));\n+ \/\/ ref.current.dispatchEvent(createEvent('touchstart'));\n+ \/\/ ref.current.dispatchEvent(createEvent('touchend'));\n \/\/ expect(onPress).toHaveBeenCalledTimes(1);\n \/\/ });\n });\n@@ -573,7 +573,7 @@ describe('Event responder: Press', () => {\n \n it('is called if \"pointerdown\" lasts default delay', () => {\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {pointerType: 'pen'}),\n+ createEvent('pointerdown', {pointerType: 'pen'}),\n );\n jest.advanceTimersByTime(DEFAULT_LONG_PRESS_DELAY - 1);\n expect(onLongPress).not.toBeCalled();\n@@ -585,9 +585,9 @@ describe('Event responder: Press', () => {\n });\n \n it('is not called if \"pointerup\" is dispatched before delay', () => {\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(DEFAULT_LONG_PRESS_DELAY - 1);\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n jest.advanceTimersByTime(1);\n expect(onLongPress).not.toBeCalled();\n });\n@@ -619,10 +619,10 @@ describe('Event responder: Press', () => {\n right: 100,\n });\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {pageX: 10, pageY: 10}),\n+ createEvent('pointerdown', {pageX: 10, pageY: 10}),\n );\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', {pageX: 50, pageY: 50}),\n+ createEvent('pointermove', {pageX: 50, pageY: 50}),\n );\n jest.runAllTimers();\n expect(onLongPress).not.toBeCalled();\n@@ -637,7 +637,7 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(1999);\n expect(onLongPress).not.toBeCalled();\n jest.advanceTimersByTime(1);\n@@ -652,7 +652,7 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(9);\n expect(onLongPress).not.toBeCalled();\n jest.advanceTimersByTime(1);\n@@ -668,7 +668,7 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(\n delayPressStart + DEFAULT_LONG_PRESS_DELAY - 1,\n );\n@@ -690,11 +690,11 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(DEFAULT_LONG_PRESS_DELAY);\n expect(onLongPressChange).toHaveBeenCalledTimes(1);\n expect(onLongPressChange).toHaveBeenCalledWith(true);\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n expect(onLongPressChange).toHaveBeenCalledTimes(2);\n expect(onLongPressChange).toHaveBeenCalledWith(false);\n });\n@@ -709,11 +709,11 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(DEFAULT_LONG_PRESS_DELAY);\n expect(onLongPressChange).toHaveBeenCalledTimes(1);\n expect(onLongPressChange).toHaveBeenCalledWith(true);\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n jest.advanceTimersByTime(499);\n expect(onLongPressChange).toHaveBeenCalledTimes(1);\n jest.advanceTimersByTime(1);\n@@ -739,10 +739,10 @@ describe('Event responder: Press', () => {\n ReactDOM.render(element, container);\n \n \/\/ NOTE: onPressChange behavior should not be affected\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n expect(onPressChange).toHaveBeenCalledTimes(1);\n jest.advanceTimersByTime(DEFAULT_LONG_PRESS_DELAY);\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n expect(onPress).not.toBeCalled();\n expect(onPressChange).toHaveBeenCalledTimes(2);\n });\n@@ -766,10 +766,10 @@ describe('Event responder: Press', () => {\n right: 100,\n });\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {pointerType: 'touch'}),\n+ createEvent('pointerdown', {pointerType: 'touch'}),\n );\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('pointermove', {\n pointerType: 'touch',\n pageX: 10,\n pageY: 10,\n@@ -799,7 +799,7 @@ describe('Event responder: Press', () => {\n });\n ref.current.dispatchEvent(createKeyboardEvent('keydown', {key: 'Enter'}));\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('pointermove', {\n pointerType: 'mouse',\n pageX: 10,\n pageY: 10,\n@@ -825,23 +825,23 @@ describe('Event responder: Press', () => {\n right: 100,\n });\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {pointerType: 'touch'}),\n+ createEvent('pointerdown', {pointerType: 'touch'}),\n );\n- ref.current.dispatchEvent(createPointerEvent('touchstart'));\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('pointermove', {\n pointerType: 'touch',\n pageX: 10,\n pageY: 10,\n }),\n );\n- ref.current.dispatchEvent(createPointerEvent('touchmove'));\n- ref.current.dispatchEvent(createPointerEvent('mousemove'));\n+ ref.current.dispatchEvent(createEvent('touchmove'));\n+ ref.current.dispatchEvent(createEvent('mousemove'));\n expect(onPressMove).toHaveBeenCalledTimes(1);\n });\n });\n \n- describe('press with movement', () => {\n+ describe('press with movement (pointer events)', () => {\n const rectMock = {\n width: 100,\n height: 100,\n@@ -890,13 +890,11 @@ describe('Event responder: Press', () => {\n ReactDOM.render(element, container);\n \n ref.current.getBoundingClientRect = getBoundingClientRectMock;\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', coordinatesInside),\n- );\n- ref.current.dispatchEvent(\n- createPointerEvent('pointerup', coordinatesInside),\n+ createEvent('pointermove', coordinatesInside),\n );\n+ ref.current.dispatchEvent(createEvent('pointerup', coordinatesInside));\n jest.runAllTimers();\n \n expect(events).toEqual([\n@@ -931,9 +929,9 @@ describe('Event responder: Press', () => {\n ReactDOM.render(element, container);\n \n ref.current.getBoundingClientRect = getBoundingClientRectMock;\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', coordinatesInside),\n+ createEvent('pointermove', coordinatesInside),\n );\n jest.advanceTimersByTime(499);\n expect(events).toEqual(['onPressMove']);\n@@ -943,9 +941,7 @@ describe('Event responder: Press', () => {\n expect(events).toEqual(['onPressStart', 'onPressChange']);\n events = [];\n \n- ref.current.dispatchEvent(\n- createPointerEvent('pointerup', coordinatesInside),\n- );\n+ ref.current.dispatchEvent(createEvent('pointerup', coordinatesInside));\n expect(events).toEqual(['onPressEnd', 'onPressChange', 'onPress']);\n });\n \n@@ -971,16 +967,14 @@ describe('Event responder: Press', () => {\n \n ReactDOM.render(element, container);\n ref.current.getBoundingClientRect = getBoundingClientRectMock;\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('pointermove', {\n pageX: rectMock.left - pressRetentionOffset.left,\n pageY: rectMock.top - pressRetentionOffset.top,\n }),\n );\n- ref.current.dispatchEvent(\n- createPointerEvent('pointerup', coordinatesInside),\n- );\n+ ref.current.dispatchEvent(createEvent('pointerup', coordinatesInside));\n expect(events).toEqual([\n 'onPressStart',\n 'onPressChange',\n@@ -1009,7 +1003,7 @@ describe('Event responder: Press', () => {\n \n ReactDOM.render(element, container);\n ref.current.getBoundingClientRect = getBoundingClientRectMock;\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n \/\/ emulate smaller dimensions change on activation\n ref.current.getBoundingClientRect = () => ({\n width: 80,\n@@ -1024,10 +1018,8 @@ describe('Event responder: Press', () => {\n pageY: rectMock.top,\n };\n \/\/ move to an area within the pre-activation region\n- ref.current.dispatchEvent(\n- createPointerEvent('pointermove', coordinates),\n- );\n- ref.current.dispatchEvent(createPointerEvent('pointerup', coordinates));\n+ ref.current.dispatchEvent(createEvent('pointermove', coordinates));\n+ ref.current.dispatchEvent(createEvent('pointerup', coordinates));\n expect(events).toEqual(['onPressStart', 'onPressEnd', 'onPress']);\n });\n \n@@ -1049,7 +1041,7 @@ describe('Event responder: Press', () => {\n \n ReactDOM.render(element, container);\n ref.current.getBoundingClientRect = getBoundingClientRectMock;\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n \/\/ emulate larger dimensions change on activation\n ref.current.getBoundingClientRect = () => ({\n width: 200,\n@@ -1064,10 +1056,8 @@ describe('Event responder: Press', () => {\n pageY: rectMock.top - 50,\n };\n \/\/ move to an area within the post-activation region\n- ref.current.dispatchEvent(\n- createPointerEvent('pointermove', coordinates),\n- );\n- ref.current.dispatchEvent(createPointerEvent('pointerup', coordinates));\n+ ref.current.dispatchEvent(createEvent('pointermove', coordinates));\n+ ref.current.dispatchEvent(createEvent('pointerup', coordinates));\n expect(events).toEqual(['onPressStart', 'onPressEnd', 'onPress']);\n });\n });\n@@ -1103,16 +1093,12 @@ describe('Event responder: Press', () => {\n ReactDOM.render(element, container);\n \n ref.current.getBoundingClientRect = getBoundingClientRectMock;\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', coordinatesInside),\n- );\n- container.dispatchEvent(\n- createPointerEvent('pointermove', coordinatesOutside),\n- );\n- container.dispatchEvent(\n- createPointerEvent('pointerup', coordinatesOutside),\n+ createEvent('pointermove', coordinatesInside),\n );\n+ container.dispatchEvent(createEvent('pointermove', coordinatesOutside));\n+ container.dispatchEvent(createEvent('pointerup', coordinatesOutside));\n jest.runAllTimers();\n \n expect(events).toEqual([\n@@ -1148,19 +1134,15 @@ describe('Event responder: Press', () => {\n ReactDOM.render(element, container);\n \n ref.current.getBoundingClientRect = getBoundingClientRectMock;\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', coordinatesInside),\n- );\n- container.dispatchEvent(\n- createPointerEvent('pointermove', coordinatesOutside),\n+ createEvent('pointermove', coordinatesInside),\n );\n+ container.dispatchEvent(createEvent('pointermove', coordinatesOutside));\n jest.runAllTimers();\n expect(events).toEqual(['onPressMove']);\n events = [];\n- container.dispatchEvent(\n- createPointerEvent('pointerup', coordinatesOutside),\n- );\n+ container.dispatchEvent(createEvent('pointerup', coordinatesOutside));\n jest.runAllTimers();\n expect(events).toEqual([]);\n });\n@@ -1188,24 +1170,24 @@ describe('Event responder: Press', () => {\n \n ref.current.getBoundingClientRect = getBoundingClientRectMock;\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {\n+ createEvent('pointerdown', {\n pointerType: 'mouse',\n }),\n );\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('pointermove', {\n ...coordinatesInside,\n pointerType: 'mouse',\n }),\n );\n container.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('pointermove', {\n ...coordinatesOutside,\n pointerType: 'mouse',\n }),\n );\n container.dispatchEvent(\n- createPointerEvent('pointerup', {\n+ createEvent('pointerup', {\n ...coordinatesOutside,\n pointerType: 'mouse',\n }),\n@@ -1243,30 +1225,30 @@ describe('Event responder: Press', () => {\n \n ref.current.getBoundingClientRect = getBoundingClientRectMock;\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {\n+ createEvent('pointerdown', {\n pointerType: 'mouse',\n }),\n );\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('pointermove', {\n ...coordinatesInside,\n pointerType: 'mouse',\n }),\n );\n container.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('pointermove', {\n ...coordinatesOutside,\n pointerType: 'mouse',\n }),\n );\n container.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('pointermove', {\n ...coordinatesInside,\n pointerType: 'mouse',\n }),\n );\n container.dispatchEvent(\n- createPointerEvent('pointerup', {\n+ createEvent('pointerup', {\n ...coordinatesInside,\n pointerType: 'mouse',\n }),\n@@ -1309,30 +1291,404 @@ describe('Event responder: Press', () => {\n \n ref.current.getBoundingClientRect = getBoundingClientRectMock;\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {\n+ createEvent('pointerdown', {\n+ pointerType: 'touch',\n+ }),\n+ );\n+ ref.current.dispatchEvent(\n+ createEvent('pointermove', {\n+ ...coordinatesInside,\n+ pointerType: 'touch',\n+ }),\n+ );\n+ container.dispatchEvent(\n+ createEvent('pointermove', {\n+ ...coordinatesOutside,\n+ pointerType: 'touch',\n+ }),\n+ );\n+ container.dispatchEvent(\n+ createEvent('pointermove', {\n+ ...coordinatesInside,\n+ pointerType: 'touch',\n+ }),\n+ );\n+ container.dispatchEvent(\n+ createEvent('pointerup', {\n+ ...coordinatesInside,\n+ pointerType: 'touch',\n+ }),\n+ );\n+ jest.runAllTimers();\n+\n+ expect(events).toEqual([\n+ 'onPressStart',\n+ 'onPressChange',\n+ 'onPressMove',\n+ 'onPressEnd',\n+ 'onPressChange',\n+ 'onPressStart',\n+ 'onPressChange',\n+ 'onPressEnd',\n+ 'onPressChange',\n+ 'onPress',\n+ ]);\n+ });\n+ });\n+\n+ describe('press with movement (touch events fallback)', () => {\n+ const rectMock = {\n+ width: 100,\n+ height: 100,\n+ top: 50,\n+ left: 50,\n+ right: 500,\n+ bottom: 500,\n+ };\n+ const pressRectOffset = 20;\n+ const getBoundingClientRectMock = () => rectMock;\n+ const coordinatesInside = {\n+ changedTouches: [\n+ {\n+ pageX: rectMock.left - pressRectOffset,\n+ pageY: rectMock.top - pressRectOffset,\n+ },\n+ ],\n+ };\n+ const coordinatesOutside = {\n+ changedTouches: [\n+ {\n+ pageX: rectMock.left - pressRectOffset - 1,\n+ pageY: rectMock.top - pressRectOffset - 1,\n+ },\n+ ],\n+ };\n+\n+ describe('within bounds of hit rect', () => {\n+ \/** ┌──────────────────┐\n+ * │ ┌────────────┐ │\n+ * │ │ VisualRect │ │\n+ * │ └────────────┘ │\n+ * │ HitRect X │ <= Move to X and release\n+ * └──────────────────┘\n+ *\/\n+ it('no delay and \"onPress*\" events are called immediately', () => {\n+ let events = [];\n+ const ref = React.createRef();\n+ const createEventHandler = msg => () => {\n+ events.push(msg);\n+ };\n+\n+ const element = (\n+ \n+

\n+ <\/Press>\n+ );\n+\n+ ReactDOM.render(element, container);\n+\n+ ref.current.getBoundingClientRect = getBoundingClientRectMock;\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n+ ref.current.dispatchEvent(createEvent('touchmove', coordinatesInside));\n+ ref.current.dispatchEvent(createEvent('touchend', coordinatesInside));\n+ jest.runAllTimers();\n+\n+ expect(events).toEqual([\n+ 'onPressStart',\n+ 'onPressChange',\n+ 'onPressMove',\n+ 'onPressEnd',\n+ 'onPressChange',\n+ 'onPress',\n+ ]);\n+ });\n+\n+ it('delay and \"onPressMove\" is called before \"onPress*\" events', () => {\n+ let events = [];\n+ const ref = React.createRef();\n+ const createEventHandler = msg => () => {\n+ events.push(msg);\n+ };\n+\n+ const element = (\n+ \n+

\n+ <\/Press>\n+ );\n+\n+ ReactDOM.render(element, container);\n+\n+ ref.current.getBoundingClientRect = getBoundingClientRectMock;\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n+ ref.current.dispatchEvent(createEvent('touchmove', coordinatesInside));\n+ jest.advanceTimersByTime(499);\n+ expect(events).toEqual(['onPressMove']);\n+ events = [];\n+\n+ jest.advanceTimersByTime(1);\n+ expect(events).toEqual(['onPressStart', 'onPressChange']);\n+ events = [];\n+\n+ ref.current.dispatchEvent(createEvent('touchend', coordinatesInside));\n+ expect(events).toEqual(['onPressEnd', 'onPressChange', 'onPress']);\n+ });\n+\n+ it('press retention offset can be configured', () => {\n+ let events = [];\n+ const ref = React.createRef();\n+ const createEventHandler = msg => () => {\n+ events.push(msg);\n+ };\n+ const pressRetentionOffset = {top: 40, bottom: 40, left: 40, right: 40};\n+\n+ const element = (\n+ \n+

\n+ <\/Press>\n+ );\n+\n+ ReactDOM.render(element, container);\n+ ref.current.getBoundingClientRect = getBoundingClientRectMock;\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n+ ref.current.dispatchEvent(\n+ createEvent('touchmove', {\n+ pageX: rectMock.left - pressRetentionOffset.left,\n+ pageY: rectMock.top - pressRetentionOffset.top,\n+ }),\n+ );\n+ ref.current.dispatchEvent(createEvent('touchend', coordinatesInside));\n+ expect(events).toEqual([\n+ 'onPressStart',\n+ 'onPressChange',\n+ 'onPressMove',\n+ 'onPressEnd',\n+ 'onPressChange',\n+ 'onPress',\n+ ]);\n+ });\n+\n+ it('responder region accounts for decrease in element dimensions', () => {\n+ let events = [];\n+ const ref = React.createRef();\n+ const createEventHandler = msg => () => {\n+ events.push(msg);\n+ };\n+\n+ const element = (\n+ \n+

\n+ <\/Press>\n+ );\n+\n+ ReactDOM.render(element, container);\n+ ref.current.getBoundingClientRect = getBoundingClientRectMock;\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n+ \/\/ emulate smaller dimensions change on activation\n+ ref.current.getBoundingClientRect = () => ({\n+ width: 80,\n+ height: 80,\n+ top: 60,\n+ left: 60,\n+ right: 490,\n+ bottom: 490,\n+ });\n+ const coordinates = {\n+ pageX: rectMock.left,\n+ pageY: rectMock.top,\n+ };\n+ \/\/ move to an area within the pre-activation region\n+ ref.current.dispatchEvent(createEvent('touchmove', coordinates));\n+ ref.current.dispatchEvent(createEvent('touchend', coordinates));\n+ expect(events).toEqual(['onPressStart', 'onPressEnd', 'onPress']);\n+ });\n+\n+ it('responder region accounts for increase in element dimensions', () => {\n+ let events = [];\n+ const ref = React.createRef();\n+ const createEventHandler = msg => () => {\n+ events.push(msg);\n+ };\n+\n+ const element = (\n+ \n+

\n+ <\/Press>\n+ );\n+\n+ ReactDOM.render(element, container);\n+ ref.current.getBoundingClientRect = getBoundingClientRectMock;\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n+ \/\/ emulate larger dimensions change on activation\n+ ref.current.getBoundingClientRect = () => ({\n+ width: 200,\n+ height: 200,\n+ top: 0,\n+ left: 0,\n+ right: 550,\n+ bottom: 550,\n+ });\n+ const coordinates = {\n+ pageX: rectMock.left - 50,\n+ pageY: rectMock.top - 50,\n+ };\n+ \/\/ move to an area within the post-activation region\n+ ref.current.dispatchEvent(createEvent('touchmove', coordinates));\n+ ref.current.dispatchEvent(createEvent('touchend', coordinates));\n+ expect(events).toEqual(['onPressStart', 'onPressEnd', 'onPress']);\n+ });\n+ });\n+\n+ describe('beyond bounds of hit rect', () => {\n+ \/** ┌──────────────────┐\n+ * │ ┌────────────┐ │\n+ * │ │ VisualRect │ │\n+ * │ └────────────┘ │\n+ * │ HitRect │\n+ * └──────────────────┘\n+ * X <= Move to X and release\n+ *\/\n+\n+ it('\"onPress\" is not called on release', () => {\n+ let events = [];\n+ const ref = React.createRef();\n+ const createEventHandler = msg => () => {\n+ events.push(msg);\n+ };\n+\n+ const element = (\n+ \n+

\n+ <\/Press>\n+ );\n+\n+ ReactDOM.render(element, container);\n+\n+ ref.current.getBoundingClientRect = getBoundingClientRectMock;\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n+ ref.current.dispatchEvent(createEvent('touchmove', coordinatesInside));\n+ container.dispatchEvent(createEvent('touchmove', coordinatesOutside));\n+ container.dispatchEvent(createEvent('touchend', coordinatesOutside));\n+ jest.runAllTimers();\n+\n+ expect(events).toEqual([\n+ 'onPressStart',\n+ 'onPressChange',\n+ 'onPressMove',\n+ 'onPressEnd',\n+ 'onPressChange',\n+ ]);\n+ });\n+\n+ it('\"onPress*\" events are not called after delay expires', () => {\n+ let events = [];\n+ const ref = React.createRef();\n+ const createEventHandler = msg => () => {\n+ events.push(msg);\n+ };\n+\n+ const element = (\n+ \n+

\n+ <\/Press>\n+ );\n+\n+ ReactDOM.render(element, container);\n+\n+ ref.current.getBoundingClientRect = getBoundingClientRectMock;\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n+ ref.current.dispatchEvent(createEvent('touchmove', coordinatesInside));\n+ container.dispatchEvent(createEvent('touchmove', coordinatesOutside));\n+ jest.runAllTimers();\n+ expect(events).toEqual(['onPressMove']);\n+ events = [];\n+ container.dispatchEvent(createEvent('touchend', coordinatesOutside));\n+ jest.runAllTimers();\n+ expect(events).toEqual([]);\n+ });\n+ });\n+\n+ it('\"onPress\" is called on re-entry to hit rect for touch', () => {\n+ let events = [];\n+ const ref = React.createRef();\n+ const createEventHandler = msg => () => {\n+ events.push(msg);\n+ };\n+\n+ const element = (\n+ \n+

\n+ <\/Press>\n+ );\n+\n+ ReactDOM.render(element, container);\n+\n+ ref.current.getBoundingClientRect = getBoundingClientRectMock;\n+ ref.current.dispatchEvent(\n+ createEvent('touchstart', {\n pointerType: 'touch',\n }),\n );\n ref.current.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('touchmove', {\n ...coordinatesInside,\n pointerType: 'touch',\n }),\n );\n container.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('touchmove', {\n ...coordinatesOutside,\n pointerType: 'touch',\n }),\n );\n container.dispatchEvent(\n- createPointerEvent('pointermove', {\n+ createEvent('touchmove', {\n ...coordinatesInside,\n pointerType: 'touch',\n }),\n );\n container.dispatchEvent(\n- createPointerEvent('pointerup', {\n+ createEvent('touchend', {\n ...coordinatesInside,\n pointerType: 'touch',\n }),\n@@ -1386,13 +1742,13 @@ describe('Event responder: Press', () => {\n \n \/\/ 1\n events = [];\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n ref.current.dispatchEvent(\n- createPointerEvent('pointerup', {pageX: 10, pageY: 10}),\n+ createEvent('pointerup', {pageX: 10, pageY: 10}),\n );\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n ref.current.dispatchEvent(\n- createPointerEvent('pointerup', {pageX: 10, pageY: 10}),\n+ createEvent('pointerup', {pageX: 10, pageY: 10}),\n );\n jest.runAllTimers();\n \n@@ -1408,11 +1764,11 @@ describe('Event responder: Press', () => {\n \n \/\/ 2\n events = [];\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(250);\n jest.advanceTimersByTime(500);\n ref.current.dispatchEvent(\n- createPointerEvent('pointerup', {pageX: 10, pageY: 10}),\n+ createEvent('pointerup', {pageX: 10, pageY: 10}),\n );\n jest.runAllTimers();\n \n@@ -1468,9 +1824,9 @@ describe('Event responder: Press', () => {\n right: 0,\n });\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n ref.current.dispatchEvent(\n- createPointerEvent('pointerup', {pageX: 10, pageY: 10}),\n+ createEvent('pointerup', {pageX: 10, pageY: 10}),\n );\n expect(events).toEqual([\n 'inner: onPressStart',\n@@ -1502,9 +1858,9 @@ describe('Event responder: Press', () => {\n right: 0,\n });\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n ref.current.dispatchEvent(\n- createPointerEvent('pointerup', {pageX: 10, pageY: 10}),\n+ createEvent('pointerup', {pageX: 10, pageY: 10}),\n );\n expect(fn).toHaveBeenCalledTimes(1);\n });\n@@ -1521,9 +1877,9 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(DEFAULT_LONG_PRESS_DELAY);\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n expect(fn).toHaveBeenCalledTimes(1);\n });\n \n@@ -1540,10 +1896,10 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n expect(fn).toHaveBeenCalledTimes(1);\n expect(fn2).toHaveBeenCalledTimes(0);\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n expect(fn).toHaveBeenCalledTimes(1);\n expect(fn2).toHaveBeenCalledTimes(1);\n });\n@@ -1560,9 +1916,9 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n expect(fn).toHaveBeenCalledTimes(1);\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n expect(fn).toHaveBeenCalledTimes(2);\n });\n });\n@@ -1580,9 +1936,9 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n- ref.current.dispatchEvent(createPointerEvent('click', {preventDefault}));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('click', {preventDefault}));\n expect(preventDefault).toBeCalled();\n });\n \n@@ -1599,13 +1955,13 @@ describe('Event responder: Press', () => {\n \n ['metaKey', 'ctrlKey', 'shiftKey'].forEach(modifierKey => {\n ref.current.dispatchEvent(\n- createPointerEvent('pointerdown', {[modifierKey]: true}),\n+ createEvent('pointerdown', {[modifierKey]: true}),\n );\n ref.current.dispatchEvent(\n- createPointerEvent('pointerup', {[modifierKey]: true}),\n+ createEvent('pointerup', {[modifierKey]: true}),\n );\n ref.current.dispatchEvent(\n- createPointerEvent('click', {[modifierKey]: true, preventDefault}),\n+ createEvent('click', {[modifierKey]: true, preventDefault}),\n );\n expect(preventDefault).not.toBeCalled();\n });\n@@ -1622,9 +1978,9 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n- ref.current.dispatchEvent(createPointerEvent('click', {preventDefault}));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('click', {preventDefault}));\n expect(preventDefault).not.toBeCalled();\n });\n });\n@@ -1641,8 +1997,8 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n- ref.current.dispatchEvent(createPointerEvent('scroll'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('scroll'));\n expect(onPressEnd).toHaveBeenCalledTimes(1);\n jest.runAllTimers();\n expect(onLongPress).not.toBeCalled();\n@@ -1651,8 +2007,8 @@ describe('Event responder: Press', () => {\n onPressEnd.mockReset();\n \n \/\/ When pointer events are supported\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n- ref.current.dispatchEvent(createPointerEvent('pointercancel'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointercancel'));\n expect(onPressEnd).toHaveBeenCalledTimes(1);\n jest.runAllTimers();\n expect(onLongPress).not.toBeCalled();\n@@ -1661,8 +2017,8 @@ describe('Event responder: Press', () => {\n onPressEnd.mockReset();\n \n \/\/ Touch fallback\n- ref.current.dispatchEvent(createPointerEvent('touchstart'));\n- ref.current.dispatchEvent(createPointerEvent('touchcancel'));\n+ ref.current.dispatchEvent(createEvent('touchstart'));\n+ ref.current.dispatchEvent(createEvent('touchcancel'));\n expect(onPressEnd).toHaveBeenCalledTimes(1);\n jest.runAllTimers();\n expect(onLongPress).not.toBeCalled();\n@@ -1671,8 +2027,8 @@ describe('Event responder: Press', () => {\n onPressEnd.mockReset();\n \n \/\/ Mouse fallback\n- ref.current.dispatchEvent(createPointerEvent('mousedown'));\n- ref.current.dispatchEvent(createPointerEvent('dragstart'));\n+ ref.current.dispatchEvent(createEvent('mousedown'));\n+ ref.current.dispatchEvent(createEvent('dragstart'));\n expect(onPressEnd).toHaveBeenCalledTimes(1);\n jest.runAllTimers();\n expect(onLongPress).not.toBeCalled();\n@@ -1692,11 +2048,11 @@ describe('Event responder: Press', () => {\n );\n ReactDOM.render(element, container);\n \n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n jest.advanceTimersByTime(DEFAULT_LONG_PRESS_DELAY);\n- ref.current.dispatchEvent(createPointerEvent('pointermove'));\n- ref.current.dispatchEvent(createPointerEvent('pointerup'));\n- ref.current.dispatchEvent(createPointerEvent('pointerdown'));\n+ ref.current.dispatchEvent(createEvent('pointermove'));\n+ ref.current.dispatchEvent(createEvent('pointerup'));\n+ ref.current.dispatchEvent(createEvent('pointerdown'));\n ReactDOM.render(element, container);\n });\n });\n","parents":["c7398f33966c4fedcba2c48e915b379e8f334607"],"body":"","commit":{"revision":"8abf243b86e062cf54110d4b3bf629cd5d071dd8","shortRevision":"8abf243b86","authorName":"Dominic Gannaway","subject":"Ensure touch events are properly handled for pageX and pageY (#15587)","authorEmail":"trueadm@users.noreply.github.com","authoredAt":"2019-05-08T19:08:15+01:00"},"files":[{"path":"packages\/react-events\/src\/Press.js","status":"M"},{"path":"packages\/react-events\/src\/__tests__\/Press-test.internal.js","status":"M"}]}

dillon1000/react

Files changed