source: imaps-frontend/node_modules/react-dom/umd/react-dom-test-utils.development.js

main
Last change on this file was d565449, checked in by stefan toskovski <stefantoska84@…>, 4 weeks ago

Update repo after prototype presentation

  • Property mode set to 100644
File size: 57.7 KB
RevLine 
[d565449]1/**
2 * @license React
3 * react-dom-test-utils.development.js
4 *
5 * Copyright (c) Facebook, Inc. and its affiliates.
6 *
7 * This source code is licensed under the MIT license found in the
8 * LICENSE file in the root directory of this source tree.
9 */
10(function (global, factory) {
11 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom')) :
12 typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom'], factory) :
13 (global = global || self, factory(global.ReactTestUtils = {}, global.React, global.ReactDOM));
14}(this, (function (exports, React, ReactDOM) { 'use strict';
15
16 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
17
18 // by calls to these methods by a Babel plugin.
19 //
20 // In PROD (or in packages without access to React internals),
21 // they are left as they are instead.
22
23 function warn(format) {
24 {
25 {
26 for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
27 args[_key - 1] = arguments[_key];
28 }
29
30 printWarning('warn', format, args);
31 }
32 }
33 }
34 function error(format) {
35 {
36 {
37 for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
38 args[_key2 - 1] = arguments[_key2];
39 }
40
41 printWarning('error', format, args);
42 }
43 }
44 }
45
46 function printWarning(level, format, args) {
47 // When changing this logic, you might want to also
48 // update consoleWithStackDev.www.js as well.
49 {
50 var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
51 var stack = ReactDebugCurrentFrame.getStackAddendum();
52
53 if (stack !== '') {
54 format += '%s';
55 args = args.concat([stack]);
56 } // eslint-disable-next-line react-internal/safe-string-coercion
57
58
59 var argsWithFormat = args.map(function (item) {
60 return String(item);
61 }); // Careful: RN currently depends on this prefix
62
63 argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
64 // breaks IE9: https://github.com/facebook/react/issues/13610
65 // eslint-disable-next-line react-internal/no-production-logging
66
67 Function.prototype.apply.call(console[level], console, argsWithFormat);
68 }
69 }
70
71 /**
72 * `ReactInstanceMap` maintains a mapping from a public facing stateful
73 * instance (key) and the internal representation (value). This allows public
74 * methods to accept the user facing instance as an argument and map them back
75 * to internal methods.
76 *
77 * Note that this module is currently shared and assumed to be stateless.
78 * If this becomes an actual Map, that will break.
79 */
80 function get(key) {
81 return key._reactInternals;
82 }
83
84 var FunctionComponent = 0;
85 var ClassComponent = 1;
86
87 var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
88
89 var HostComponent = 5;
90 var HostText = 6;
91
92 // Don't change these two values. They're used by React Dev Tools.
93 var NoFlags =
94 /* */
95 0;
96
97 var Placement =
98 /* */
99 2;
100 var Hydrating =
101 /* */
102 4096;
103
104 var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
105 function getNearestMountedFiber(fiber) {
106 var node = fiber;
107 var nearestMounted = fiber;
108
109 if (!fiber.alternate) {
110 // If there is no alternate, this might be a new tree that isn't inserted
111 // yet. If it is, then it will have a pending insertion effect on it.
112 var nextNode = node;
113
114 do {
115 node = nextNode;
116
117 if ((node.flags & (Placement | Hydrating)) !== NoFlags) {
118 // This is an insertion or in-progress hydration. The nearest possible
119 // mounted fiber is the parent but we need to continue to figure out
120 // if that one is still mounted.
121 nearestMounted = node.return;
122 }
123
124 nextNode = node.return;
125 } while (nextNode);
126 } else {
127 while (node.return) {
128 node = node.return;
129 }
130 }
131
132 if (node.tag === HostRoot) {
133 // TODO: Check if this was a nested HostRoot when used with
134 // renderContainerIntoSubtree.
135 return nearestMounted;
136 } // If we didn't hit the root, that means that we're in an disconnected tree
137 // that has been unmounted.
138
139
140 return null;
141 }
142
143 function assertIsMounted(fiber) {
144 if (getNearestMountedFiber(fiber) !== fiber) {
145 throw new Error('Unable to find node on an unmounted component.');
146 }
147 }
148
149 function findCurrentFiberUsingSlowPath(fiber) {
150 var alternate = fiber.alternate;
151
152 if (!alternate) {
153 // If there is no alternate, then we only need to check if it is mounted.
154 var nearestMounted = getNearestMountedFiber(fiber);
155
156 if (nearestMounted === null) {
157 throw new Error('Unable to find node on an unmounted component.');
158 }
159
160 if (nearestMounted !== fiber) {
161 return null;
162 }
163
164 return fiber;
165 } // If we have two possible branches, we'll walk backwards up to the root
166 // to see what path the root points to. On the way we may hit one of the
167 // special cases and we'll deal with them.
168
169
170 var a = fiber;
171 var b = alternate;
172
173 while (true) {
174 var parentA = a.return;
175
176 if (parentA === null) {
177 // We're at the root.
178 break;
179 }
180
181 var parentB = parentA.alternate;
182
183 if (parentB === null) {
184 // There is no alternate. This is an unusual case. Currently, it only
185 // happens when a Suspense component is hidden. An extra fragment fiber
186 // is inserted in between the Suspense fiber and its children. Skip
187 // over this extra fragment fiber and proceed to the next parent.
188 var nextParent = parentA.return;
189
190 if (nextParent !== null) {
191 a = b = nextParent;
192 continue;
193 } // If there's no parent, we're at the root.
194
195
196 break;
197 } // If both copies of the parent fiber point to the same child, we can
198 // assume that the child is current. This happens when we bailout on low
199 // priority: the bailed out fiber's child reuses the current child.
200
201
202 if (parentA.child === parentB.child) {
203 var child = parentA.child;
204
205 while (child) {
206 if (child === a) {
207 // We've determined that A is the current branch.
208 assertIsMounted(parentA);
209 return fiber;
210 }
211
212 if (child === b) {
213 // We've determined that B is the current branch.
214 assertIsMounted(parentA);
215 return alternate;
216 }
217
218 child = child.sibling;
219 } // We should never have an alternate for any mounting node. So the only
220 // way this could possibly happen is if this was unmounted, if at all.
221
222
223 throw new Error('Unable to find node on an unmounted component.');
224 }
225
226 if (a.return !== b.return) {
227 // The return pointer of A and the return pointer of B point to different
228 // fibers. We assume that return pointers never criss-cross, so A must
229 // belong to the child set of A.return, and B must belong to the child
230 // set of B.return.
231 a = parentA;
232 b = parentB;
233 } else {
234 // The return pointers point to the same fiber. We'll have to use the
235 // default, slow path: scan the child sets of each parent alternate to see
236 // which child belongs to which set.
237 //
238 // Search parent A's child set
239 var didFindChild = false;
240 var _child = parentA.child;
241
242 while (_child) {
243 if (_child === a) {
244 didFindChild = true;
245 a = parentA;
246 b = parentB;
247 break;
248 }
249
250 if (_child === b) {
251 didFindChild = true;
252 b = parentA;
253 a = parentB;
254 break;
255 }
256
257 _child = _child.sibling;
258 }
259
260 if (!didFindChild) {
261 // Search parent B's child set
262 _child = parentB.child;
263
264 while (_child) {
265 if (_child === a) {
266 didFindChild = true;
267 a = parentB;
268 b = parentA;
269 break;
270 }
271
272 if (_child === b) {
273 didFindChild = true;
274 b = parentB;
275 a = parentA;
276 break;
277 }
278
279 _child = _child.sibling;
280 }
281
282 if (!didFindChild) {
283 throw new Error('Child was not found in either parent set. This indicates a bug ' + 'in React related to the return pointer. Please file an issue.');
284 }
285 }
286 }
287
288 if (a.alternate !== b) {
289 throw new Error("Return fibers should always be each others' alternates. " + 'This error is likely caused by a bug in React. Please file an issue.');
290 }
291 } // If the root is not a host container, we're in a disconnected tree. I.e.
292 // unmounted.
293
294
295 if (a.tag !== HostRoot) {
296 throw new Error('Unable to find node on an unmounted component.');
297 }
298
299 if (a.stateNode.current === a) {
300 // We've determined that A is the current branch.
301 return fiber;
302 } // Otherwise B has to be current branch.
303
304
305 return alternate;
306 }
307
308 var assign = Object.assign;
309
310 /**
311 * `charCode` represents the actual "character code" and is safe to use with
312 * `String.fromCharCode`. As such, only keys that correspond to printable
313 * characters produce a valid `charCode`, the only exception to this is Enter.
314 * The Tab-key is considered non-printable and does not have a `charCode`,
315 * presumably because it does not produce a tab-character in browsers.
316 *
317 * @param {object} nativeEvent Native browser event.
318 * @return {number} Normalized `charCode` property.
319 */
320 function getEventCharCode(nativeEvent) {
321 var charCode;
322 var keyCode = nativeEvent.keyCode;
323
324 if ('charCode' in nativeEvent) {
325 charCode = nativeEvent.charCode; // FF does not set `charCode` for the Enter-key, check against `keyCode`.
326
327 if (charCode === 0 && keyCode === 13) {
328 charCode = 13;
329 }
330 } else {
331 // IE8 does not implement `charCode`, but `keyCode` has the correct value.
332 charCode = keyCode;
333 } // IE and Edge (on Windows) and Chrome / Safari (on Windows and Linux)
334 // report Enter as charCode 10 when ctrl is pressed.
335
336
337 if (charCode === 10) {
338 charCode = 13;
339 } // Some non-printable keys are reported in `charCode`/`keyCode`, discard them.
340 // Must not discard the (non-)printable Enter-key.
341
342
343 if (charCode >= 32 || charCode === 13) {
344 return charCode;
345 }
346
347 return 0;
348 }
349
350 function functionThatReturnsTrue() {
351 return true;
352 }
353
354 function functionThatReturnsFalse() {
355 return false;
356 } // This is intentionally a factory so that we have different returned constructors.
357 // If we had a single constructor, it would be megamorphic and engines would deopt.
358
359
360 function createSyntheticEvent(Interface) {
361 /**
362 * Synthetic events are dispatched by event plugins, typically in response to a
363 * top-level event delegation handler.
364 *
365 * These systems should generally use pooling to reduce the frequency of garbage
366 * collection. The system should check `isPersistent` to determine whether the
367 * event should be released into the pool after being dispatched. Users that
368 * need a persisted event should invoke `persist`.
369 *
370 * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
371 * normalizing browser quirks. Subclasses do not necessarily have to implement a
372 * DOM interface; custom application-specific events can also subclass this.
373 */
374 function SyntheticBaseEvent(reactName, reactEventType, targetInst, nativeEvent, nativeEventTarget) {
375 this._reactName = reactName;
376 this._targetInst = targetInst;
377 this.type = reactEventType;
378 this.nativeEvent = nativeEvent;
379 this.target = nativeEventTarget;
380 this.currentTarget = null;
381
382 for (var _propName in Interface) {
383 if (!Interface.hasOwnProperty(_propName)) {
384 continue;
385 }
386
387 var normalize = Interface[_propName];
388
389 if (normalize) {
390 this[_propName] = normalize(nativeEvent);
391 } else {
392 this[_propName] = nativeEvent[_propName];
393 }
394 }
395
396 var defaultPrevented = nativeEvent.defaultPrevented != null ? nativeEvent.defaultPrevented : nativeEvent.returnValue === false;
397
398 if (defaultPrevented) {
399 this.isDefaultPrevented = functionThatReturnsTrue;
400 } else {
401 this.isDefaultPrevented = functionThatReturnsFalse;
402 }
403
404 this.isPropagationStopped = functionThatReturnsFalse;
405 return this;
406 }
407
408 assign(SyntheticBaseEvent.prototype, {
409 preventDefault: function () {
410 this.defaultPrevented = true;
411 var event = this.nativeEvent;
412
413 if (!event) {
414 return;
415 }
416
417 if (event.preventDefault) {
418 event.preventDefault(); // $FlowFixMe - flow is not aware of `unknown` in IE
419 } else if (typeof event.returnValue !== 'unknown') {
420 event.returnValue = false;
421 }
422
423 this.isDefaultPrevented = functionThatReturnsTrue;
424 },
425 stopPropagation: function () {
426 var event = this.nativeEvent;
427
428 if (!event) {
429 return;
430 }
431
432 if (event.stopPropagation) {
433 event.stopPropagation(); // $FlowFixMe - flow is not aware of `unknown` in IE
434 } else if (typeof event.cancelBubble !== 'unknown') {
435 // The ChangeEventPlugin registers a "propertychange" event for
436 // IE. This event does not support bubbling or cancelling, and
437 // any references to cancelBubble throw "Member not found". A
438 // typeof check of "unknown" circumvents this issue (and is also
439 // IE specific).
440 event.cancelBubble = true;
441 }
442
443 this.isPropagationStopped = functionThatReturnsTrue;
444 },
445
446 /**
447 * We release all dispatched `SyntheticEvent`s after each event loop, adding
448 * them back into the pool. This allows a way to hold onto a reference that
449 * won't be added back into the pool.
450 */
451 persist: function () {// Modern event system doesn't use pooling.
452 },
453
454 /**
455 * Checks if this event should be released back into the pool.
456 *
457 * @return {boolean} True if this should not be released, false otherwise.
458 */
459 isPersistent: functionThatReturnsTrue
460 });
461 return SyntheticBaseEvent;
462 }
463 /**
464 * @interface Event
465 * @see http://www.w3.org/TR/DOM-Level-3-Events/
466 */
467
468
469 var EventInterface = {
470 eventPhase: 0,
471 bubbles: 0,
472 cancelable: 0,
473 timeStamp: function (event) {
474 return event.timeStamp || Date.now();
475 },
476 defaultPrevented: 0,
477 isTrusted: 0
478 };
479 var SyntheticEvent = createSyntheticEvent(EventInterface);
480
481 var UIEventInterface = assign({}, EventInterface, {
482 view: 0,
483 detail: 0
484 });
485
486 var SyntheticUIEvent = createSyntheticEvent(UIEventInterface);
487 var lastMovementX;
488 var lastMovementY;
489 var lastMouseEvent;
490
491 function updateMouseMovementPolyfillState(event) {
492 if (event !== lastMouseEvent) {
493 if (lastMouseEvent && event.type === 'mousemove') {
494 lastMovementX = event.screenX - lastMouseEvent.screenX;
495 lastMovementY = event.screenY - lastMouseEvent.screenY;
496 } else {
497 lastMovementX = 0;
498 lastMovementY = 0;
499 }
500
501 lastMouseEvent = event;
502 }
503 }
504 /**
505 * @interface MouseEvent
506 * @see http://www.w3.org/TR/DOM-Level-3-Events/
507 */
508
509
510 var MouseEventInterface = assign({}, UIEventInterface, {
511 screenX: 0,
512 screenY: 0,
513 clientX: 0,
514 clientY: 0,
515 pageX: 0,
516 pageY: 0,
517 ctrlKey: 0,
518 shiftKey: 0,
519 altKey: 0,
520 metaKey: 0,
521 getModifierState: getEventModifierState,
522 button: 0,
523 buttons: 0,
524 relatedTarget: function (event) {
525 if (event.relatedTarget === undefined) return event.fromElement === event.srcElement ? event.toElement : event.fromElement;
526 return event.relatedTarget;
527 },
528 movementX: function (event) {
529 if ('movementX' in event) {
530 return event.movementX;
531 }
532
533 updateMouseMovementPolyfillState(event);
534 return lastMovementX;
535 },
536 movementY: function (event) {
537 if ('movementY' in event) {
538 return event.movementY;
539 } // Don't need to call updateMouseMovementPolyfillState() here
540 // because it's guaranteed to have already run when movementX
541 // was copied.
542
543
544 return lastMovementY;
545 }
546 });
547
548 var SyntheticMouseEvent = createSyntheticEvent(MouseEventInterface);
549 /**
550 * @interface DragEvent
551 * @see http://www.w3.org/TR/DOM-Level-3-Events/
552 */
553
554 var DragEventInterface = assign({}, MouseEventInterface, {
555 dataTransfer: 0
556 });
557
558 var SyntheticDragEvent = createSyntheticEvent(DragEventInterface);
559 /**
560 * @interface FocusEvent
561 * @see http://www.w3.org/TR/DOM-Level-3-Events/
562 */
563
564 var FocusEventInterface = assign({}, UIEventInterface, {
565 relatedTarget: 0
566 });
567
568 var SyntheticFocusEvent = createSyntheticEvent(FocusEventInterface);
569 /**
570 * @interface Event
571 * @see http://www.w3.org/TR/css3-animations/#AnimationEvent-interface
572 * @see https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent
573 */
574
575 var AnimationEventInterface = assign({}, EventInterface, {
576 animationName: 0,
577 elapsedTime: 0,
578 pseudoElement: 0
579 });
580
581 var SyntheticAnimationEvent = createSyntheticEvent(AnimationEventInterface);
582 /**
583 * @interface Event
584 * @see http://www.w3.org/TR/clipboard-apis/
585 */
586
587 var ClipboardEventInterface = assign({}, EventInterface, {
588 clipboardData: function (event) {
589 return 'clipboardData' in event ? event.clipboardData : window.clipboardData;
590 }
591 });
592
593 var SyntheticClipboardEvent = createSyntheticEvent(ClipboardEventInterface);
594 /**
595 * @interface Event
596 * @see http://www.w3.org/TR/DOM-Level-3-Events/#events-compositionevents
597 */
598
599 var CompositionEventInterface = assign({}, EventInterface, {
600 data: 0
601 });
602
603 var SyntheticCompositionEvent = createSyntheticEvent(CompositionEventInterface);
604 /**
605 * Normalization of deprecated HTML5 `key` values
606 * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Key_names
607 */
608
609 var normalizeKey = {
610 Esc: 'Escape',
611 Spacebar: ' ',
612 Left: 'ArrowLeft',
613 Up: 'ArrowUp',
614 Right: 'ArrowRight',
615 Down: 'ArrowDown',
616 Del: 'Delete',
617 Win: 'OS',
618 Menu: 'ContextMenu',
619 Apps: 'ContextMenu',
620 Scroll: 'ScrollLock',
621 MozPrintableKey: 'Unidentified'
622 };
623 /**
624 * Translation from legacy `keyCode` to HTML5 `key`
625 * Only special keys supported, all others depend on keyboard layout or browser
626 * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Key_names
627 */
628
629 var translateToKey = {
630 '8': 'Backspace',
631 '9': 'Tab',
632 '12': 'Clear',
633 '13': 'Enter',
634 '16': 'Shift',
635 '17': 'Control',
636 '18': 'Alt',
637 '19': 'Pause',
638 '20': 'CapsLock',
639 '27': 'Escape',
640 '32': ' ',
641 '33': 'PageUp',
642 '34': 'PageDown',
643 '35': 'End',
644 '36': 'Home',
645 '37': 'ArrowLeft',
646 '38': 'ArrowUp',
647 '39': 'ArrowRight',
648 '40': 'ArrowDown',
649 '45': 'Insert',
650 '46': 'Delete',
651 '112': 'F1',
652 '113': 'F2',
653 '114': 'F3',
654 '115': 'F4',
655 '116': 'F5',
656 '117': 'F6',
657 '118': 'F7',
658 '119': 'F8',
659 '120': 'F9',
660 '121': 'F10',
661 '122': 'F11',
662 '123': 'F12',
663 '144': 'NumLock',
664 '145': 'ScrollLock',
665 '224': 'Meta'
666 };
667 /**
668 * @param {object} nativeEvent Native browser event.
669 * @return {string} Normalized `key` property.
670 */
671
672 function getEventKey(nativeEvent) {
673 if (nativeEvent.key) {
674 // Normalize inconsistent values reported by browsers due to
675 // implementations of a working draft specification.
676 // FireFox implements `key` but returns `MozPrintableKey` for all
677 // printable characters (normalized to `Unidentified`), ignore it.
678 var key = normalizeKey[nativeEvent.key] || nativeEvent.key;
679
680 if (key !== 'Unidentified') {
681 return key;
682 }
683 } // Browser does not implement `key`, polyfill as much of it as we can.
684
685
686 if (nativeEvent.type === 'keypress') {
687 var charCode = getEventCharCode(nativeEvent); // The enter-key is technically both printable and non-printable and can
688 // thus be captured by `keypress`, no other non-printable key should.
689
690 return charCode === 13 ? 'Enter' : String.fromCharCode(charCode);
691 }
692
693 if (nativeEvent.type === 'keydown' || nativeEvent.type === 'keyup') {
694 // While user keyboard layout determines the actual meaning of each
695 // `keyCode` value, almost all function keys have a universal value.
696 return translateToKey[nativeEvent.keyCode] || 'Unidentified';
697 }
698
699 return '';
700 }
701 /**
702 * Translation from modifier key to the associated property in the event.
703 * @see http://www.w3.org/TR/DOM-Level-3-Events/#keys-Modifiers
704 */
705
706
707 var modifierKeyToProp = {
708 Alt: 'altKey',
709 Control: 'ctrlKey',
710 Meta: 'metaKey',
711 Shift: 'shiftKey'
712 }; // Older browsers (Safari <= 10, iOS Safari <= 10.2) do not support
713 // getModifierState. If getModifierState is not supported, we map it to a set of
714 // modifier keys exposed by the event. In this case, Lock-keys are not supported.
715
716 function modifierStateGetter(keyArg) {
717 var syntheticEvent = this;
718 var nativeEvent = syntheticEvent.nativeEvent;
719
720 if (nativeEvent.getModifierState) {
721 return nativeEvent.getModifierState(keyArg);
722 }
723
724 var keyProp = modifierKeyToProp[keyArg];
725 return keyProp ? !!nativeEvent[keyProp] : false;
726 }
727
728 function getEventModifierState(nativeEvent) {
729 return modifierStateGetter;
730 }
731 /**
732 * @interface KeyboardEvent
733 * @see http://www.w3.org/TR/DOM-Level-3-Events/
734 */
735
736
737 var KeyboardEventInterface = assign({}, UIEventInterface, {
738 key: getEventKey,
739 code: 0,
740 location: 0,
741 ctrlKey: 0,
742 shiftKey: 0,
743 altKey: 0,
744 metaKey: 0,
745 repeat: 0,
746 locale: 0,
747 getModifierState: getEventModifierState,
748 // Legacy Interface
749 charCode: function (event) {
750 // `charCode` is the result of a KeyPress event and represents the value of
751 // the actual printable character.
752 // KeyPress is deprecated, but its replacement is not yet final and not
753 // implemented in any major browser. Only KeyPress has charCode.
754 if (event.type === 'keypress') {
755 return getEventCharCode(event);
756 }
757
758 return 0;
759 },
760 keyCode: function (event) {
761 // `keyCode` is the result of a KeyDown/Up event and represents the value of
762 // physical keyboard key.
763 // The actual meaning of the value depends on the users' keyboard layout
764 // which cannot be detected. Assuming that it is a US keyboard layout
765 // provides a surprisingly accurate mapping for US and European users.
766 // Due to this, it is left to the user to implement at this time.
767 if (event.type === 'keydown' || event.type === 'keyup') {
768 return event.keyCode;
769 }
770
771 return 0;
772 },
773 which: function (event) {
774 // `which` is an alias for either `keyCode` or `charCode` depending on the
775 // type of the event.
776 if (event.type === 'keypress') {
777 return getEventCharCode(event);
778 }
779
780 if (event.type === 'keydown' || event.type === 'keyup') {
781 return event.keyCode;
782 }
783
784 return 0;
785 }
786 });
787
788 var SyntheticKeyboardEvent = createSyntheticEvent(KeyboardEventInterface);
789 /**
790 * @interface PointerEvent
791 * @see http://www.w3.org/TR/pointerevents/
792 */
793
794 var PointerEventInterface = assign({}, MouseEventInterface, {
795 pointerId: 0,
796 width: 0,
797 height: 0,
798 pressure: 0,
799 tangentialPressure: 0,
800 tiltX: 0,
801 tiltY: 0,
802 twist: 0,
803 pointerType: 0,
804 isPrimary: 0
805 });
806
807 var SyntheticPointerEvent = createSyntheticEvent(PointerEventInterface);
808 /**
809 * @interface TouchEvent
810 * @see http://www.w3.org/TR/touch-events/
811 */
812
813 var TouchEventInterface = assign({}, UIEventInterface, {
814 touches: 0,
815 targetTouches: 0,
816 changedTouches: 0,
817 altKey: 0,
818 metaKey: 0,
819 ctrlKey: 0,
820 shiftKey: 0,
821 getModifierState: getEventModifierState
822 });
823
824 var SyntheticTouchEvent = createSyntheticEvent(TouchEventInterface);
825 /**
826 * @interface Event
827 * @see http://www.w3.org/TR/2009/WD-css3-transitions-20090320/#transition-events-
828 * @see https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent
829 */
830
831 var TransitionEventInterface = assign({}, EventInterface, {
832 propertyName: 0,
833 elapsedTime: 0,
834 pseudoElement: 0
835 });
836
837 var SyntheticTransitionEvent = createSyntheticEvent(TransitionEventInterface);
838 /**
839 * @interface WheelEvent
840 * @see http://www.w3.org/TR/DOM-Level-3-Events/
841 */
842
843 var WheelEventInterface = assign({}, MouseEventInterface, {
844 deltaX: function (event) {
845 return 'deltaX' in event ? event.deltaX : // Fallback to `wheelDeltaX` for Webkit and normalize (right is positive).
846 'wheelDeltaX' in event ? -event.wheelDeltaX : 0;
847 },
848 deltaY: function (event) {
849 return 'deltaY' in event ? event.deltaY : // Fallback to `wheelDeltaY` for Webkit and normalize (down is positive).
850 'wheelDeltaY' in event ? -event.wheelDeltaY : // Fallback to `wheelDelta` for IE<9 and normalize (down is positive).
851 'wheelDelta' in event ? -event.wheelDelta : 0;
852 },
853 deltaZ: 0,
854 // Browsers without "deltaMode" is reporting in raw wheel delta where one
855 // notch on the scroll is always +/- 120, roughly equivalent to pixels.
856 // A good approximation of DOM_DELTA_LINE (1) is 5% of viewport size or
857 // ~40 pixels, for DOM_DELTA_SCREEN (2) it is 87.5% of viewport size.
858 deltaMode: 0
859 });
860
861 var SyntheticWheelEvent = createSyntheticEvent(WheelEventInterface);
862
863 /**
864 * HTML nodeType values that represent the type of the node
865 */
866 var ELEMENT_NODE = 1;
867
868 function invokeGuardedCallbackProd(name, func, context, a, b, c, d, e, f) {
869 var funcArgs = Array.prototype.slice.call(arguments, 3);
870
871 try {
872 func.apply(context, funcArgs);
873 } catch (error) {
874 this.onError(error);
875 }
876 }
877
878 var invokeGuardedCallbackImpl = invokeGuardedCallbackProd;
879
880 {
881 // In DEV mode, we swap out invokeGuardedCallback for a special version
882 // that plays more nicely with the browser's DevTools. The idea is to preserve
883 // "Pause on exceptions" behavior. Because React wraps all user-provided
884 // functions in invokeGuardedCallback, and the production version of
885 // invokeGuardedCallback uses a try-catch, all user exceptions are treated
886 // like caught exceptions, and the DevTools won't pause unless the developer
887 // takes the extra step of enabling pause on caught exceptions. This is
888 // unintuitive, though, because even though React has caught the error, from
889 // the developer's perspective, the error is uncaught.
890 //
891 // To preserve the expected "Pause on exceptions" behavior, we don't use a
892 // try-catch in DEV. Instead, we synchronously dispatch a fake event to a fake
893 // DOM node, and call the user-provided callback from inside an event handler
894 // for that fake event. If the callback throws, the error is "captured" using
895 // a global event handler. But because the error happens in a different
896 // event loop context, it does not interrupt the normal program flow.
897 // Effectively, this gives us try-catch behavior without actually using
898 // try-catch. Neat!
899 // Check that the browser supports the APIs we need to implement our special
900 // DEV version of invokeGuardedCallback
901 if (typeof window !== 'undefined' && typeof window.dispatchEvent === 'function' && typeof document !== 'undefined' && typeof document.createEvent === 'function') {
902 var fakeNode = document.createElement('react');
903
904 invokeGuardedCallbackImpl = function invokeGuardedCallbackDev(name, func, context, a, b, c, d, e, f) {
905 // If document doesn't exist we know for sure we will crash in this method
906 // when we call document.createEvent(). However this can cause confusing
907 // errors: https://github.com/facebook/create-react-app/issues/3482
908 // So we preemptively throw with a better message instead.
909 if (typeof document === 'undefined' || document === null) {
910 throw new Error('The `document` global was defined when React was initialized, but is not ' + 'defined anymore. This can happen in a test environment if a component ' + 'schedules an update from an asynchronous callback, but the test has already ' + 'finished running. To solve this, you can either unmount the component at ' + 'the end of your test (and ensure that any asynchronous operations get ' + 'canceled in `componentWillUnmount`), or you can change the test itself ' + 'to be asynchronous.');
911 }
912
913 var evt = document.createEvent('Event');
914 var didCall = false; // Keeps track of whether the user-provided callback threw an error. We
915 // set this to true at the beginning, then set it to false right after
916 // calling the function. If the function errors, `didError` will never be
917 // set to false. This strategy works even if the browser is flaky and
918 // fails to call our global error handler, because it doesn't rely on
919 // the error event at all.
920
921 var didError = true; // Keeps track of the value of window.event so that we can reset it
922 // during the callback to let user code access window.event in the
923 // browsers that support it.
924
925 var windowEvent = window.event; // Keeps track of the descriptor of window.event to restore it after event
926 // dispatching: https://github.com/facebook/react/issues/13688
927
928 var windowEventDescriptor = Object.getOwnPropertyDescriptor(window, 'event');
929
930 function restoreAfterDispatch() {
931 // We immediately remove the callback from event listeners so that
932 // nested `invokeGuardedCallback` calls do not clash. Otherwise, a
933 // nested call would trigger the fake event handlers of any call higher
934 // in the stack.
935 fakeNode.removeEventListener(evtType, callCallback, false); // We check for window.hasOwnProperty('event') to prevent the
936 // window.event assignment in both IE <= 10 as they throw an error
937 // "Member not found" in strict mode, and in Firefox which does not
938 // support window.event.
939
940 if (typeof window.event !== 'undefined' && window.hasOwnProperty('event')) {
941 window.event = windowEvent;
942 }
943 } // Create an event handler for our fake event. We will synchronously
944 // dispatch our fake event using `dispatchEvent`. Inside the handler, we
945 // call the user-provided callback.
946
947
948 var funcArgs = Array.prototype.slice.call(arguments, 3);
949
950 function callCallback() {
951 didCall = true;
952 restoreAfterDispatch();
953 func.apply(context, funcArgs);
954 didError = false;
955 } // Create a global error event handler. We use this to capture the value
956 // that was thrown. It's possible that this error handler will fire more
957 // than once; for example, if non-React code also calls `dispatchEvent`
958 // and a handler for that event throws. We should be resilient to most of
959 // those cases. Even if our error event handler fires more than once, the
960 // last error event is always used. If the callback actually does error,
961 // we know that the last error event is the correct one, because it's not
962 // possible for anything else to have happened in between our callback
963 // erroring and the code that follows the `dispatchEvent` call below. If
964 // the callback doesn't error, but the error event was fired, we know to
965 // ignore it because `didError` will be false, as described above.
966
967
968 var error; // Use this to track whether the error event is ever called.
969
970 var didSetError = false;
971 var isCrossOriginError = false;
972
973 function handleWindowError(event) {
974 error = event.error;
975 didSetError = true;
976
977 if (error === null && event.colno === 0 && event.lineno === 0) {
978 isCrossOriginError = true;
979 }
980
981 if (event.defaultPrevented) {
982 // Some other error handler has prevented default.
983 // Browsers silence the error report if this happens.
984 // We'll remember this to later decide whether to log it or not.
985 if (error != null && typeof error === 'object') {
986 try {
987 error._suppressLogging = true;
988 } catch (inner) {// Ignore.
989 }
990 }
991 }
992 } // Create a fake event type.
993
994
995 var evtType = "react-" + (name ? name : 'invokeguardedcallback'); // Attach our event handlers
996
997 window.addEventListener('error', handleWindowError);
998 fakeNode.addEventListener(evtType, callCallback, false); // Synchronously dispatch our fake event. If the user-provided function
999 // errors, it will trigger our global error handler.
1000
1001 evt.initEvent(evtType, false, false);
1002 fakeNode.dispatchEvent(evt);
1003
1004 if (windowEventDescriptor) {
1005 Object.defineProperty(window, 'event', windowEventDescriptor);
1006 }
1007
1008 if (didCall && didError) {
1009 if (!didSetError) {
1010 // The callback errored, but the error event never fired.
1011 // eslint-disable-next-line react-internal/prod-error-codes
1012 error = new Error('An error was thrown inside one of your components, but React ' + "doesn't know what it was. This is likely due to browser " + 'flakiness. React does its best to preserve the "Pause on ' + 'exceptions" behavior of the DevTools, which requires some ' + "DEV-mode only tricks. It's possible that these don't work in " + 'your browser. Try triggering the error in production mode, ' + 'or switching to a modern browser. If you suspect that this is ' + 'actually an issue with React, please file an issue.');
1013 } else if (isCrossOriginError) {
1014 // eslint-disable-next-line react-internal/prod-error-codes
1015 error = new Error("A cross-origin error was thrown. React doesn't have access to " + 'the actual error object in development. ' + 'See https://reactjs.org/link/crossorigin-error for more information.');
1016 }
1017
1018 this.onError(error);
1019 } // Remove our event listeners
1020
1021
1022 window.removeEventListener('error', handleWindowError);
1023
1024 if (!didCall) {
1025 // Something went really wrong, and our event was not dispatched.
1026 // https://github.com/facebook/react/issues/16734
1027 // https://github.com/facebook/react/issues/16585
1028 // Fall back to the production implementation.
1029 restoreAfterDispatch();
1030 return invokeGuardedCallbackProd.apply(this, arguments);
1031 }
1032 };
1033 }
1034 }
1035
1036 var invokeGuardedCallbackImpl$1 = invokeGuardedCallbackImpl;
1037
1038 var hasError = false;
1039 var caughtError = null; // Used by event system to capture/rethrow the first error.
1040
1041 var hasRethrowError = false;
1042 var rethrowError = null;
1043 var reporter = {
1044 onError: function (error) {
1045 hasError = true;
1046 caughtError = error;
1047 }
1048 };
1049 /**
1050 * Call a function while guarding against errors that happens within it.
1051 * Returns an error if it throws, otherwise null.
1052 *
1053 * In production, this is implemented using a try-catch. The reason we don't
1054 * use a try-catch directly is so that we can swap out a different
1055 * implementation in DEV mode.
1056 *
1057 * @param {String} name of the guard to use for logging or debugging
1058 * @param {Function} func The function to invoke
1059 * @param {*} context The context to use when calling the function
1060 * @param {...*} args Arguments for function
1061 */
1062
1063 function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
1064 hasError = false;
1065 caughtError = null;
1066 invokeGuardedCallbackImpl$1.apply(reporter, arguments);
1067 }
1068 /**
1069 * Same as invokeGuardedCallback, but instead of returning an error, it stores
1070 * it in a global so it can be rethrown by `rethrowCaughtError` later.
1071 * TODO: See if caughtError and rethrowError can be unified.
1072 *
1073 * @param {String} name of the guard to use for logging or debugging
1074 * @param {Function} func The function to invoke
1075 * @param {*} context The context to use when calling the function
1076 * @param {...*} args Arguments for function
1077 */
1078
1079 function invokeGuardedCallbackAndCatchFirstError(name, func, context, a, b, c, d, e, f) {
1080 invokeGuardedCallback.apply(this, arguments);
1081
1082 if (hasError) {
1083 var error = clearCaughtError();
1084
1085 if (!hasRethrowError) {
1086 hasRethrowError = true;
1087 rethrowError = error;
1088 }
1089 }
1090 }
1091 /**
1092 * During execution of guarded functions we will capture the first error which
1093 * we will rethrow to be handled by the top level error handler.
1094 */
1095
1096 function rethrowCaughtError() {
1097 if (hasRethrowError) {
1098 var error = rethrowError;
1099 hasRethrowError = false;
1100 rethrowError = null;
1101 throw error;
1102 }
1103 }
1104 function clearCaughtError() {
1105 if (hasError) {
1106 var error = caughtError;
1107 hasError = false;
1108 caughtError = null;
1109 return error;
1110 } else {
1111 throw new Error('clearCaughtError was called but no error was captured. This error ' + 'is likely caused by a bug in React. Please file an issue.');
1112 }
1113 }
1114
1115 var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
1116
1117 function isArray(a) {
1118 return isArrayImpl(a);
1119 }
1120
1121 var SecretInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
1122 var EventInternals = SecretInternals.Events;
1123 var getInstanceFromNode = EventInternals[0];
1124 var getNodeFromInstance = EventInternals[1];
1125 var getFiberCurrentPropsFromNode = EventInternals[2];
1126 var enqueueStateRestore = EventInternals[3];
1127 var restoreStateIfNeeded = EventInternals[4];
1128 var reactAct = React.unstable_act;
1129
1130 function Event(suffix) {}
1131
1132 var hasWarnedAboutDeprecatedMockComponent = false;
1133 /**
1134 * @class ReactTestUtils
1135 */
1136
1137 function findAllInRenderedFiberTreeInternal(fiber, test) {
1138 if (!fiber) {
1139 return [];
1140 }
1141
1142 var currentParent = findCurrentFiberUsingSlowPath(fiber);
1143
1144 if (!currentParent) {
1145 return [];
1146 }
1147
1148 var node = currentParent;
1149 var ret = [];
1150
1151 while (true) {
1152 if (node.tag === HostComponent || node.tag === HostText || node.tag === ClassComponent || node.tag === FunctionComponent) {
1153 var publicInst = node.stateNode;
1154
1155 if (test(publicInst)) {
1156 ret.push(publicInst);
1157 }
1158 }
1159
1160 if (node.child) {
1161 node.child.return = node;
1162 node = node.child;
1163 continue;
1164 }
1165
1166 if (node === currentParent) {
1167 return ret;
1168 }
1169
1170 while (!node.sibling) {
1171 if (!node.return || node.return === currentParent) {
1172 return ret;
1173 }
1174
1175 node = node.return;
1176 }
1177
1178 node.sibling.return = node.return;
1179 node = node.sibling;
1180 }
1181 }
1182
1183 function validateClassInstance(inst, methodName) {
1184 if (!inst) {
1185 // This is probably too relaxed but it's existing behavior.
1186 return;
1187 }
1188
1189 if (get(inst)) {
1190 // This is a public instance indeed.
1191 return;
1192 }
1193
1194 var received;
1195 var stringified = String(inst);
1196
1197 if (isArray(inst)) {
1198 received = 'an array';
1199 } else if (inst && inst.nodeType === ELEMENT_NODE && inst.tagName) {
1200 received = 'a DOM node';
1201 } else if (stringified === '[object Object]') {
1202 received = 'object with keys {' + Object.keys(inst).join(', ') + '}';
1203 } else {
1204 received = stringified;
1205 }
1206
1207 throw new Error(methodName + "(...): the first argument must be a React class instance. " + ("Instead received: " + received + "."));
1208 }
1209 /**
1210 * Utilities for making it easy to test React components.
1211 *
1212 * See https://reactjs.org/docs/test-utils.html
1213 *
1214 * Todo: Support the entire DOM.scry query syntax. For now, these simple
1215 * utilities will suffice for testing purposes.
1216 * @lends ReactTestUtils
1217 */
1218
1219
1220 var didWarnAboutReactTestUtilsDeprecation = false;
1221
1222 function renderIntoDocument(element) {
1223 {
1224 if (!didWarnAboutReactTestUtilsDeprecation) {
1225 didWarnAboutReactTestUtilsDeprecation = true;
1226
1227 error('ReactDOMTestUtils is deprecated and will be removed in a future ' + 'major release, because it exposes internal implementation details ' + 'that are highly likely to change between releases. Upgrade to a ' + 'modern testing library, such as @testing-library/react. See ' + 'https://react.dev/warnings/react-dom-test-utils for more info.');
1228 }
1229 }
1230
1231 var div = document.createElement('div'); // None of our tests actually require attaching the container to the
1232 // DOM, and doing so creates a mess that we rely on test isolation to
1233 // clean up, so we're going to stop honoring the name of this method
1234 // (and probably rename it eventually) if no problems arise.
1235 // document.documentElement.appendChild(div);
1236
1237 return ReactDOM.render(element, div);
1238 }
1239
1240 function isElement(element) {
1241 return React.isValidElement(element);
1242 }
1243
1244 function isElementOfType(inst, convenienceConstructor) {
1245 return React.isValidElement(inst) && inst.type === convenienceConstructor;
1246 }
1247
1248 function isDOMComponent(inst) {
1249 return !!(inst && inst.nodeType === ELEMENT_NODE && inst.tagName);
1250 }
1251
1252 function isDOMComponentElement(inst) {
1253 return !!(inst && React.isValidElement(inst) && !!inst.tagName);
1254 }
1255
1256 function isCompositeComponent(inst) {
1257 if (isDOMComponent(inst)) {
1258 // Accessing inst.setState warns; just return false as that'll be what
1259 // this returns when we have DOM nodes as refs directly
1260 return false;
1261 }
1262
1263 return inst != null && typeof inst.render === 'function' && typeof inst.setState === 'function';
1264 }
1265
1266 function isCompositeComponentWithType(inst, type) {
1267 if (!isCompositeComponent(inst)) {
1268 return false;
1269 }
1270
1271 var internalInstance = get(inst);
1272 var constructor = internalInstance.type;
1273 return constructor === type;
1274 }
1275
1276 function findAllInRenderedTree(inst, test) {
1277 validateClassInstance(inst, 'findAllInRenderedTree');
1278
1279 if (!inst) {
1280 return [];
1281 }
1282
1283 var internalInstance = get(inst);
1284 return findAllInRenderedFiberTreeInternal(internalInstance, test);
1285 }
1286 /**
1287 * Finds all instances of components in the rendered tree that are DOM
1288 * components with the class name matching `className`.
1289 * @return {array} an array of all the matches.
1290 */
1291
1292
1293 function scryRenderedDOMComponentsWithClass(root, classNames) {
1294 validateClassInstance(root, 'scryRenderedDOMComponentsWithClass');
1295 return findAllInRenderedTree(root, function (inst) {
1296 if (isDOMComponent(inst)) {
1297 var className = inst.className;
1298
1299 if (typeof className !== 'string') {
1300 // SVG, probably.
1301 className = inst.getAttribute('class') || '';
1302 }
1303
1304 var classList = className.split(/\s+/);
1305
1306 if (!isArray(classNames)) {
1307 if (classNames === undefined) {
1308 throw new Error('TestUtils.scryRenderedDOMComponentsWithClass expects a ' + 'className as a second argument.');
1309 }
1310
1311 classNames = classNames.split(/\s+/);
1312 }
1313
1314 return classNames.every(function (name) {
1315 return classList.indexOf(name) !== -1;
1316 });
1317 }
1318
1319 return false;
1320 });
1321 }
1322 /**
1323 * Like scryRenderedDOMComponentsWithClass but expects there to be one result,
1324 * and returns that one result, or throws exception if there is any other
1325 * number of matches besides one.
1326 * @return {!ReactDOMComponent} The one match.
1327 */
1328
1329
1330 function findRenderedDOMComponentWithClass(root, className) {
1331 validateClassInstance(root, 'findRenderedDOMComponentWithClass');
1332 var all = scryRenderedDOMComponentsWithClass(root, className);
1333
1334 if (all.length !== 1) {
1335 throw new Error('Did not find exactly one match (found: ' + all.length + ') ' + 'for class:' + className);
1336 }
1337
1338 return all[0];
1339 }
1340 /**
1341 * Finds all instances of components in the rendered tree that are DOM
1342 * components with the tag name matching `tagName`.
1343 * @return {array} an array of all the matches.
1344 */
1345
1346
1347 function scryRenderedDOMComponentsWithTag(root, tagName) {
1348 validateClassInstance(root, 'scryRenderedDOMComponentsWithTag');
1349 return findAllInRenderedTree(root, function (inst) {
1350 return isDOMComponent(inst) && inst.tagName.toUpperCase() === tagName.toUpperCase();
1351 });
1352 }
1353 /**
1354 * Like scryRenderedDOMComponentsWithTag but expects there to be one result,
1355 * and returns that one result, or throws exception if there is any other
1356 * number of matches besides one.
1357 * @return {!ReactDOMComponent} The one match.
1358 */
1359
1360
1361 function findRenderedDOMComponentWithTag(root, tagName) {
1362 validateClassInstance(root, 'findRenderedDOMComponentWithTag');
1363 var all = scryRenderedDOMComponentsWithTag(root, tagName);
1364
1365 if (all.length !== 1) {
1366 throw new Error('Did not find exactly one match (found: ' + all.length + ') ' + 'for tag:' + tagName);
1367 }
1368
1369 return all[0];
1370 }
1371 /**
1372 * Finds all instances of components with type equal to `componentType`.
1373 * @return {array} an array of all the matches.
1374 */
1375
1376
1377 function scryRenderedComponentsWithType(root, componentType) {
1378 validateClassInstance(root, 'scryRenderedComponentsWithType');
1379 return findAllInRenderedTree(root, function (inst) {
1380 return isCompositeComponentWithType(inst, componentType);
1381 });
1382 }
1383 /**
1384 * Same as `scryRenderedComponentsWithType` but expects there to be one result
1385 * and returns that one result, or throws exception if there is any other
1386 * number of matches besides one.
1387 * @return {!ReactComponent} The one match.
1388 */
1389
1390
1391 function findRenderedComponentWithType(root, componentType) {
1392 validateClassInstance(root, 'findRenderedComponentWithType');
1393 var all = scryRenderedComponentsWithType(root, componentType);
1394
1395 if (all.length !== 1) {
1396 throw new Error('Did not find exactly one match (found: ' + all.length + ') ' + 'for componentType:' + componentType);
1397 }
1398
1399 return all[0];
1400 }
1401 /**
1402 * Pass a mocked component module to this method to augment it with
1403 * useful methods that allow it to be used as a dummy React component.
1404 * Instead of rendering as usual, the component will become a simple
1405 * <div> containing any provided children.
1406 *
1407 * @param {object} module the mock function object exported from a
1408 * module that defines the component to be mocked
1409 * @param {?string} mockTagName optional dummy root tag name to return
1410 * from render method (overrides
1411 * module.mockTagName if provided)
1412 * @return {object} the ReactTestUtils object (for chaining)
1413 */
1414
1415
1416 function mockComponent(module, mockTagName) {
1417 {
1418 if (!hasWarnedAboutDeprecatedMockComponent) {
1419 hasWarnedAboutDeprecatedMockComponent = true;
1420
1421 warn('ReactTestUtils.mockComponent() is deprecated. ' + 'Use shallow rendering or jest.mock() instead.\n\n' + 'See https://reactjs.org/link/test-utils-mock-component for more information.');
1422 }
1423 }
1424
1425 mockTagName = mockTagName || module.mockTagName || 'div';
1426 module.prototype.render.mockImplementation(function () {
1427 return React.createElement(mockTagName, null, this.props.children);
1428 });
1429 return this;
1430 }
1431
1432 function nativeTouchData(x, y) {
1433 return {
1434 touches: [{
1435 pageX: x,
1436 pageY: y
1437 }]
1438 };
1439 } // Start of inline: the below functions were inlined from
1440 // EventPropagator.js, as they deviated from ReactDOM's newer
1441 // implementations.
1442
1443 /**
1444 * Dispatch the event to the listener.
1445 * @param {SyntheticEvent} event SyntheticEvent to handle
1446 * @param {function} listener Application-level callback
1447 * @param {*} inst Internal component instance
1448 */
1449
1450
1451 function executeDispatch(event, listener, inst) {
1452 var type = event.type || 'unknown-event';
1453 event.currentTarget = getNodeFromInstance(inst);
1454 invokeGuardedCallbackAndCatchFirstError(type, listener, undefined, event);
1455 event.currentTarget = null;
1456 }
1457 /**
1458 * Standard/simple iteration through an event's collected dispatches.
1459 */
1460
1461
1462 function executeDispatchesInOrder(event) {
1463 var dispatchListeners = event._dispatchListeners;
1464 var dispatchInstances = event._dispatchInstances;
1465
1466 if (isArray(dispatchListeners)) {
1467 for (var i = 0; i < dispatchListeners.length; i++) {
1468 if (event.isPropagationStopped()) {
1469 break;
1470 } // Listeners and Instances are two parallel arrays that are always in sync.
1471
1472
1473 executeDispatch(event, dispatchListeners[i], dispatchInstances[i]);
1474 }
1475 } else if (dispatchListeners) {
1476 executeDispatch(event, dispatchListeners, dispatchInstances);
1477 }
1478
1479 event._dispatchListeners = null;
1480 event._dispatchInstances = null;
1481 }
1482 /**
1483 * Dispatches an event and releases it back into the pool, unless persistent.
1484 *
1485 * @param {?object} event Synthetic event to be dispatched.
1486 * @private
1487 */
1488
1489
1490 var executeDispatchesAndRelease = function (event) {
1491 if (event) {
1492 executeDispatchesInOrder(event);
1493
1494 if (!event.isPersistent()) {
1495 event.constructor.release(event);
1496 }
1497 }
1498 };
1499
1500 function isInteractive(tag) {
1501 return tag === 'button' || tag === 'input' || tag === 'select' || tag === 'textarea';
1502 }
1503
1504 function getParent(inst) {
1505 do {
1506 inst = inst.return; // TODO: If this is a HostRoot we might want to bail out.
1507 // That is depending on if we want nested subtrees (layers) to bubble
1508 // events to their parent. We could also go through parentNode on the
1509 // host node but that wouldn't work for React Native and doesn't let us
1510 // do the portal feature.
1511 } while (inst && inst.tag !== HostComponent);
1512
1513 if (inst) {
1514 return inst;
1515 }
1516
1517 return null;
1518 }
1519 /**
1520 * Simulates the traversal of a two-phase, capture/bubble event dispatch.
1521 */
1522
1523
1524 function traverseTwoPhase(inst, fn, arg) {
1525 var path = [];
1526
1527 while (inst) {
1528 path.push(inst);
1529 inst = getParent(inst);
1530 }
1531
1532 var i;
1533
1534 for (i = path.length; i-- > 0;) {
1535 fn(path[i], 'captured', arg);
1536 }
1537
1538 for (i = 0; i < path.length; i++) {
1539 fn(path[i], 'bubbled', arg);
1540 }
1541 }
1542
1543 function shouldPreventMouseEvent(name, type, props) {
1544 switch (name) {
1545 case 'onClick':
1546 case 'onClickCapture':
1547 case 'onDoubleClick':
1548 case 'onDoubleClickCapture':
1549 case 'onMouseDown':
1550 case 'onMouseDownCapture':
1551 case 'onMouseMove':
1552 case 'onMouseMoveCapture':
1553 case 'onMouseUp':
1554 case 'onMouseUpCapture':
1555 case 'onMouseEnter':
1556 return !!(props.disabled && isInteractive(type));
1557
1558 default:
1559 return false;
1560 }
1561 }
1562 /**
1563 * @param {object} inst The instance, which is the source of events.
1564 * @param {string} registrationName Name of listener (e.g. `onClick`).
1565 * @return {?function} The stored callback.
1566 */
1567
1568
1569 function getListener(inst, registrationName) {
1570 // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
1571 // live here; needs to be moved to a better place soon
1572 var stateNode = inst.stateNode;
1573
1574 if (!stateNode) {
1575 // Work in progress (ex: onload events in incremental mode).
1576 return null;
1577 }
1578
1579 var props = getFiberCurrentPropsFromNode(stateNode);
1580
1581 if (!props) {
1582 // Work in progress.
1583 return null;
1584 }
1585
1586 var listener = props[registrationName];
1587
1588 if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
1589 return null;
1590 }
1591
1592 if (listener && typeof listener !== 'function') {
1593 throw new Error("Expected `" + registrationName + "` listener to be a function, instead got a value of `" + typeof listener + "` type.");
1594 }
1595
1596 return listener;
1597 }
1598
1599 function listenerAtPhase(inst, event, propagationPhase) {
1600 var registrationName = event._reactName;
1601
1602 if (propagationPhase === 'captured') {
1603 registrationName += 'Capture';
1604 }
1605
1606 return getListener(inst, registrationName);
1607 }
1608
1609 function accumulateDispatches(inst, ignoredDirection, event) {
1610 if (inst && event && event._reactName) {
1611 var registrationName = event._reactName;
1612 var listener = getListener(inst, registrationName);
1613
1614 if (listener) {
1615 if (event._dispatchListeners == null) {
1616 event._dispatchListeners = [];
1617 }
1618
1619 if (event._dispatchInstances == null) {
1620 event._dispatchInstances = [];
1621 }
1622
1623 event._dispatchListeners.push(listener);
1624
1625 event._dispatchInstances.push(inst);
1626 }
1627 }
1628 }
1629
1630 function accumulateDirectionalDispatches(inst, phase, event) {
1631 {
1632 if (!inst) {
1633 error('Dispatching inst must not be null');
1634 }
1635 }
1636
1637 var listener = listenerAtPhase(inst, event, phase);
1638
1639 if (listener) {
1640 if (event._dispatchListeners == null) {
1641 event._dispatchListeners = [];
1642 }
1643
1644 if (event._dispatchInstances == null) {
1645 event._dispatchInstances = [];
1646 }
1647
1648 event._dispatchListeners.push(listener);
1649
1650 event._dispatchInstances.push(inst);
1651 }
1652 }
1653
1654 function accumulateDirectDispatchesSingle(event) {
1655 if (event && event._reactName) {
1656 accumulateDispatches(event._targetInst, null, event);
1657 }
1658 }
1659
1660 function accumulateTwoPhaseDispatchesSingle(event) {
1661 if (event && event._reactName) {
1662 traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
1663 }
1664 } // End of inline
1665
1666
1667 var Simulate = {};
1668 var directDispatchEventTypes = new Set(['mouseEnter', 'mouseLeave', 'pointerEnter', 'pointerLeave']);
1669 /**
1670 * Exports:
1671 *
1672 * - `Simulate.click(Element)`
1673 * - `Simulate.mouseMove(Element)`
1674 * - `Simulate.change(Element)`
1675 * - ... (All keys from event plugin `eventTypes` objects)
1676 */
1677
1678 function makeSimulator(eventType) {
1679 return function (domNode, eventData) {
1680 if (React.isValidElement(domNode)) {
1681 throw new Error('TestUtils.Simulate expected a DOM node as the first argument but received ' + 'a React element. Pass the DOM node you wish to simulate the event on instead. ' + 'Note that TestUtils.Simulate will not work if you are using shallow rendering.');
1682 }
1683
1684 if (isCompositeComponent(domNode)) {
1685 throw new Error('TestUtils.Simulate expected a DOM node as the first argument but received ' + 'a component instance. Pass the DOM node you wish to simulate the event on instead.');
1686 }
1687
1688 var reactName = 'on' + eventType[0].toUpperCase() + eventType.slice(1);
1689 var fakeNativeEvent = new Event();
1690 fakeNativeEvent.target = domNode;
1691 fakeNativeEvent.type = eventType.toLowerCase();
1692 var targetInst = getInstanceFromNode(domNode);
1693 var event = new SyntheticEvent(reactName, fakeNativeEvent.type, targetInst, fakeNativeEvent, domNode); // Since we aren't using pooling, always persist the event. This will make
1694 // sure it's marked and won't warn when setting additional properties.
1695
1696 event.persist();
1697 assign(event, eventData);
1698
1699 if (directDispatchEventTypes.has(eventType)) {
1700 accumulateDirectDispatchesSingle(event);
1701 } else {
1702 accumulateTwoPhaseDispatchesSingle(event);
1703 }
1704
1705 ReactDOM.unstable_batchedUpdates(function () {
1706 // Normally extractEvent enqueues a state restore, but we'll just always
1707 // do that since we're by-passing it here.
1708 enqueueStateRestore(domNode);
1709 executeDispatchesAndRelease(event);
1710 rethrowCaughtError();
1711 });
1712 restoreStateIfNeeded();
1713 };
1714 } // A one-time snapshot with no plans to update. We'll probably want to deprecate Simulate API.
1715
1716
1717 var simulatedEventTypes = ['blur', 'cancel', 'click', 'close', 'contextMenu', 'copy', 'cut', 'auxClick', 'doubleClick', 'dragEnd', 'dragStart', 'drop', 'focus', 'input', 'invalid', 'keyDown', 'keyPress', 'keyUp', 'mouseDown', 'mouseUp', 'paste', 'pause', 'play', 'pointerCancel', 'pointerDown', 'pointerUp', 'rateChange', 'reset', 'resize', 'seeked', 'submit', 'touchCancel', 'touchEnd', 'touchStart', 'volumeChange', 'drag', 'dragEnter', 'dragExit', 'dragLeave', 'dragOver', 'mouseMove', 'mouseOut', 'mouseOver', 'pointerMove', 'pointerOut', 'pointerOver', 'scroll', 'toggle', 'touchMove', 'wheel', 'abort', 'animationEnd', 'animationIteration', 'animationStart', 'canPlay', 'canPlayThrough', 'durationChange', 'emptied', 'encrypted', 'ended', 'error', 'gotPointerCapture', 'load', 'loadedData', 'loadedMetadata', 'loadStart', 'lostPointerCapture', 'playing', 'progress', 'seeking', 'stalled', 'suspend', 'timeUpdate', 'transitionEnd', 'waiting', 'mouseEnter', 'mouseLeave', 'pointerEnter', 'pointerLeave', 'change', 'select', 'beforeInput', 'compositionEnd', 'compositionStart', 'compositionUpdate'];
1718
1719 function buildSimulators() {
1720 simulatedEventTypes.forEach(function (eventType) {
1721 Simulate[eventType] = makeSimulator(eventType);
1722 });
1723 }
1724
1725 buildSimulators();
1726 var didWarnAboutUsingAct = false;
1727 var act = function actWithWarning(callback) {
1728 {
1729 if (!didWarnAboutUsingAct) {
1730 didWarnAboutUsingAct = true;
1731
1732 error('`ReactDOMTestUtils.act` is deprecated in favor of `React.act`. ' + 'Import `act` from `react` instead of `react-dom/test-utils`. ' + 'See https://react.dev/warnings/react-dom-test-utils for more info.');
1733 }
1734 }
1735
1736 return reactAct(callback);
1737 } ;
1738
1739 exports.Simulate = Simulate;
1740 exports.act = act;
1741 exports.findAllInRenderedTree = findAllInRenderedTree;
1742 exports.findRenderedComponentWithType = findRenderedComponentWithType;
1743 exports.findRenderedDOMComponentWithClass = findRenderedDOMComponentWithClass;
1744 exports.findRenderedDOMComponentWithTag = findRenderedDOMComponentWithTag;
1745 exports.isCompositeComponent = isCompositeComponent;
1746 exports.isCompositeComponentWithType = isCompositeComponentWithType;
1747 exports.isDOMComponent = isDOMComponent;
1748 exports.isDOMComponentElement = isDOMComponentElement;
1749 exports.isElement = isElement;
1750 exports.isElementOfType = isElementOfType;
1751 exports.mockComponent = mockComponent;
1752 exports.nativeTouchData = nativeTouchData;
1753 exports.renderIntoDocument = renderIntoDocument;
1754 exports.scryRenderedComponentsWithType = scryRenderedComponentsWithType;
1755 exports.scryRenderedDOMComponentsWithClass = scryRenderedDOMComponentsWithClass;
1756 exports.scryRenderedDOMComponentsWithTag = scryRenderedDOMComponentsWithTag;
1757 exports.traverseTwoPhase = traverseTwoPhase;
1758
1759})));
Note: See TracBrowser for help on using the repository browser.