Add support for auxclick event (#11571)

* Add support for auxclick event * Add to simpleEventPLugin * Add auxclick as interactive event type in SimpleEventPlugin * Update ReactTestUtils fixture to include auxClick
facebook · Aug 3, 2018 · ac72388 · ac72388
1 parent 75491a8
commit ac72388
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/packages/react-dom/src/__tests__/__snapshots__/ReactTestUtils-test.js.snap b/packages/react-dom/src/__tests__/__snapshots__/ReactTestUtils-test.js.snap
@@ -6,6 +6,7 @@ Array [
   "animationEnd",
   "animationIteration",
   "animationStart",
+  "auxClick",
   "beforeInput",
   "blur",
   "canPlay",

diff --git a/packages/react-dom/src/events/DOMTopLevelEventTypes.js b/packages/react-dom/src/events/DOMTopLevelEventTypes.js
@@ -56,6 +56,7 @@ export const TOP_CONTEXT_MENU = unsafeCastStringToDOMTopLevelType(
 export const TOP_COPY = unsafeCastStringToDOMTopLevelType('copy');
 export const TOP_CUT = unsafeCastStringToDOMTopLevelType('cut');
 export const TOP_DOUBLE_CLICK = unsafeCastStringToDOMTopLevelType('dblclick');
+export const TOP_AUX_CLICK = unsafeCastStringToDOMTopLevelType('auxclick');
 export const TOP_DRAG = unsafeCastStringToDOMTopLevelType('drag');
 export const TOP_DRAG_END = unsafeCastStringToDOMTopLevelType('dragend');
 export const TOP_DRAG_ENTER = unsafeCastStringToDOMTopLevelType('dragenter');

diff --git a/packages/react-dom/src/events/SimpleEventPlugin.js b/packages/react-dom/src/events/SimpleEventPlugin.js
@@ -64,6 +64,7 @@ const interactiveEventTypeNames: Array<EventTuple> = [
   [DOMTopLevelEventTypes.TOP_CONTEXT_MENU, 'contextMenu'],
   [DOMTopLevelEventTypes.TOP_COPY, 'copy'],
   [DOMTopLevelEventTypes.TOP_CUT, 'cut'],
+  [DOMTopLevelEventTypes.TOP_AUX_CLICK, 'auxClick'],
   [DOMTopLevelEventTypes.TOP_DOUBLE_CLICK, 'doubleClick'],
   [DOMTopLevelEventTypes.TOP_DRAG_END, 'dragEnd'],
   [DOMTopLevelEventTypes.TOP_DRAG_START, 'dragStart'],
@@ -245,6 +246,7 @@ const SimpleEventPlugin: PluginModule<MouseEvent> & {
           return null;
         }
       /* falls through */
+      case DOMTopLevelEventTypes.TOP_AUX_CLICK:
       case DOMTopLevelEventTypes.TOP_DOUBLE_CLICK:
       case DOMTopLevelEventTypes.TOP_MOUSE_DOWN:
       case DOMTopLevelEventTypes.TOP_MOUSE_MOVE: