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 | })));
|
---|