80 lines
2.3 KiB
JavaScript
80 lines
2.3 KiB
JavaScript
|
"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);
|
||
|
|
};
|