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