You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
2.3 KiB
80 lines
2.3 KiB
"use strict"; |
|
|
|
Object.defineProperty(exports, "__esModule", { |
|
value: true |
|
}); |
|
exports.fireEvent = void 0; |
|
|
|
var _dom = require("@testing-library/dom"); |
|
|
|
// react-testing-library's version of fireEvent will call |
|
// dom-testing-library's version of fireEvent. The reason |
|
// we make this distinction however is because we have |
|
// a few extra events that work a bit differently |
|
const fireEvent = (...args) => (0, _dom.fireEvent)(...args); |
|
|
|
exports.fireEvent = fireEvent; |
|
Object.keys(_dom.fireEvent).forEach(key => { |
|
fireEvent[key] = (...args) => _dom.fireEvent[key](...args); |
|
}); // React event system tracks native mouseOver/mouseOut events for |
|
// running onMouseEnter/onMouseLeave handlers |
|
// @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/EnterLeaveEventPlugin.js#L24-L31 |
|
|
|
const mouseEnter = fireEvent.mouseEnter; |
|
const mouseLeave = fireEvent.mouseLeave; |
|
|
|
fireEvent.mouseEnter = (...args) => { |
|
mouseEnter(...args); |
|
return fireEvent.mouseOver(...args); |
|
}; |
|
|
|
fireEvent.mouseLeave = (...args) => { |
|
mouseLeave(...args); |
|
return fireEvent.mouseOut(...args); |
|
}; |
|
|
|
const pointerEnter = fireEvent.pointerEnter; |
|
const pointerLeave = fireEvent.pointerLeave; |
|
|
|
fireEvent.pointerEnter = (...args) => { |
|
pointerEnter(...args); |
|
return fireEvent.pointerOver(...args); |
|
}; |
|
|
|
fireEvent.pointerLeave = (...args) => { |
|
pointerLeave(...args); |
|
return fireEvent.pointerOut(...args); |
|
}; |
|
|
|
const select = fireEvent.select; |
|
|
|
fireEvent.select = (node, init) => { |
|
select(node, init); // React tracks this event only on focused inputs |
|
|
|
node.focus(); // React creates this event when one of the following native events happens |
|
// - contextMenu |
|
// - mouseUp |
|
// - dragEnd |
|
// - keyUp |
|
// - keyDown |
|
// so we can use any here |
|
// @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/SelectEventPlugin.js#L203-L224 |
|
|
|
fireEvent.keyUp(node, init); |
|
}; // React event system tracks native focusout/focusin events for |
|
// running blur/focus handlers |
|
// @link https://github.com/facebook/react/pull/19186 |
|
|
|
|
|
const blur = fireEvent.blur; |
|
const focus = fireEvent.focus; |
|
|
|
fireEvent.blur = (...args) => { |
|
fireEvent.focusOut(...args); |
|
return blur(...args); |
|
}; |
|
|
|
fireEvent.focus = (...args) => { |
|
fireEvent.focusIn(...args); |
|
return focus(...args); |
|
}; |