@depup/testing-library__user-event 14.6.3-depup.0

package/dist/cjs/document/trackValue.js

@@ -0,0 +1,57 @@
+'use strict';
+
+require('../utils/dataTransfer/Clipboard.js');
+var getWindow = require('../utils/misc/getWindow.js');
+var UI = require('./UI.js');
+
+const TrackChanges = Symbol('Track programmatic changes for React workaround');
+// When the input event happens in the browser, React executes all event handlers
+// and if they change state of a controlled value, nothing happens.
+// But when we trigger the event handlers in test environment with React@17,
+// the changes are rolled back before the state update is applied.
+// This results in a reset cursor.
+// There might be a better way to work around if we figure out
+// why the batched update is executed differently in our test environment.
+function isReact17Element(element) {
+    return Object.getOwnPropertyNames(element).some((k)=>k.startsWith('__react')) && getWindow.getWindow(element).REACT_VERSION === 17;
+}
+function startTrackValue(element) {
+    if (!isReact17Element(element)) {
+        return;
+    }
+    element[TrackChanges] = {
+        previousValue: String(element.value),
+        tracked: []
+    };
+}
+function trackOrSetValue(element, v) {
+    var _element_TrackChanges_tracked, _element_TrackChanges;
+    (_element_TrackChanges = element[TrackChanges]) === null || _element_TrackChanges === void 0 ? void 0 : (_element_TrackChanges_tracked = _element_TrackChanges.tracked) === null || _element_TrackChanges_tracked === void 0 ? void 0 : _element_TrackChanges_tracked.push(v);
+    if (!element[TrackChanges]) {
+        UI.setUIValueClean(element);
+        UI.setUISelection(element, {
+            focusOffset: v.length
+        });
+    }
+}
+function commitValueAfterInput(element, cursorOffset) {
+    var _changes_tracked;
+    const changes = element[TrackChanges];
+    element[TrackChanges] = undefined;
+    if (!(changes === null || changes === void 0 ? void 0 : (_changes_tracked = changes.tracked) === null || _changes_tracked === void 0 ? void 0 : _changes_tracked.length)) {
+        return;
+    }
+    const isJustReactStateUpdate = changes.tracked.length === 2 && changes.tracked[0] === changes.previousValue && changes.tracked[1] === element.value;
+    if (!isJustReactStateUpdate) {
+        UI.setUIValueClean(element);
+    }
+    if (UI.hasUISelection(element)) {
+        UI.setUISelection(element, {
+            focusOffset: isJustReactStateUpdate ? cursorOffset : element.value.length
+        });
+    }
+}
+
+exports.commitValueAfterInput = commitValueAfterInput;
+exports.startTrackValue = startTrackValue;
+exports.trackOrSetValue = trackOrSetValue;

package/dist/cjs/event/behavior/click.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var isElementType = require('../../utils/misc/isElementType.js');
+require('../../utils/dataTransfer/Clipboard.js');
+var getWindow = require('../../utils/misc/getWindow.js');
+var isFocusable = require('../../utils/focus/isFocusable.js');
+var cloneEvent = require('../../utils/misc/cloneEvent.js');
+var focus = require('../focus.js');
+var registry = require('./registry.js');
+
+registry.behavior.click = (event, target, instance)=>{
+    const context = target.closest('button,input,label,select,textarea');
+    const control = context && isElementType.isElementType(context, 'label') && context.control;
+    if (control && control !== target) {
+        return ()=>{
+            if (isFocusable.isFocusable(control)) {
+                focus.focusElement(control);
+                instance.dispatchEvent(control, cloneEvent.cloneEvent(event));
+            }
+        };
+    } else if (isElementType.isElementType(target, 'input', {
+        type: 'file'
+    })) {
+        return ()=>{
+            // blur fires when the file selector pops up
+            focus.blurElement(target);
+            target.dispatchEvent(new (getWindow.getWindow(target)).Event('fileDialog'));
+            // focus fires after the file selector has been closed
+            focus.focusElement(target);
+        };
+    }
+};

package/dist/cjs/event/behavior/cut.js

@@ -0,0 +1,14 @@
+'use strict';
+
+require('../../utils/dataTransfer/Clipboard.js');
+var isEditable = require('../../utils/edit/isEditable.js');
+var input = require('../input.js');
+var registry = require('./registry.js');
+
+registry.behavior.cut = (event, target, instance)=>{
+    return ()=>{
+        if (isEditable.isEditable(target)) {
+            input.input(instance, target, '', 'deleteByCut');
+        }
+    };
+};

package/dist/cjs/event/behavior/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+require('./click.js');
+require('./cut.js');
+require('./keydown.js');
+require('./keypress.js');
+require('./keyup.js');
+require('./paste.js');
+var registry = require('./registry.js');
+
+
+
+exports.behavior = registry.behavior;

package/dist/cjs/event/behavior/keydown.js

@@ -0,0 +1,128 @@
+'use strict';
+
+var UI = require('../../document/UI.js');
+var getValueOrTextContent = require('../../document/getValueOrTextContent.js');
+var isElementType = require('../../utils/misc/isElementType.js');
+require('../../utils/dataTransfer/Clipboard.js');
+var isContentEditable = require('../../utils/edit/isContentEditable.js');
+var isEditable = require('../../utils/edit/isEditable.js');
+var getTabDestination = require('../../utils/focus/getTabDestination.js');
+var selection = require('../../utils/focus/selection.js');
+var focus = require('../focus.js');
+var input = require('../input.js');
+var moveSelection = require('../selection/moveSelection.js');
+var selectAll = require('../selection/selectAll.js');
+var setSelectionRange = require('../selection/setSelectionRange.js');
+var radio = require('../radio.js');
+var registry = require('./registry.js');
+
+registry.behavior.keydown = (event, target, instance)=>{
+    var _ref;
+    var _keydownBehavior_event_key;
+    return (_ref = (_keydownBehavior_event_key = keydownBehavior[event.key]) === null || _keydownBehavior_event_key === void 0 ? void 0 : _keydownBehavior_event_key.call(keydownBehavior, event, target, instance)) !== null && _ref !== void 0 ? _ref : combinationBehavior(event, target, instance);
+};
+const keydownBehavior = {
+    ArrowDown: (event, target, instance)=>{
+        /* istanbul ignore else */ if (isElementType.isElementType(target, 'input', {
+            type: 'radio'
+        })) {
+            return ()=>radio.walkRadio(instance, target, 1);
+        }
+    },
+    ArrowLeft: (event, target, instance)=>{
+        if (isElementType.isElementType(target, 'input', {
+            type: 'radio'
+        })) {
+            return ()=>radio.walkRadio(instance, target, -1);
+        }
+        return ()=>moveSelection.moveSelection(target, -1);
+    },
+    ArrowRight: (event, target, instance)=>{
+        if (isElementType.isElementType(target, 'input', {
+            type: 'radio'
+        })) {
+            return ()=>radio.walkRadio(instance, target, 1);
+        }
+        return ()=>moveSelection.moveSelection(target, 1);
+    },
+    ArrowUp: (event, target, instance)=>{
+        /* istanbul ignore else */ if (isElementType.isElementType(target, 'input', {
+            type: 'radio'
+        })) {
+            return ()=>radio.walkRadio(instance, target, -1);
+        }
+    },
+    Backspace: (event, target, instance)=>{
+        if (isEditable.isEditable(target)) {
+            return ()=>{
+                input.input(instance, target, '', 'deleteContentBackward');
+            };
+        }
+    },
+    Delete: (event, target, instance)=>{
+        if (isEditable.isEditable(target)) {
+            return ()=>{
+                input.input(instance, target, '', 'deleteContentForward');
+            };
+        }
+    },
+    End: (event, target)=>{
+        if (isElementType.isElementType(target, [
+            'input',
+            'textarea'
+        ]) || isContentEditable.isContentEditable(target)) {
+            return ()=>{
+                var _ref;
+                var _getValueOrTextContent;
+                const newPos = (_ref = (_getValueOrTextContent = getValueOrTextContent.getValueOrTextContent(target)) === null || _getValueOrTextContent === void 0 ? void 0 : _getValueOrTextContent.length) !== null && _ref !== void 0 ? _ref : /* istanbul ignore next */ 0;
+                setSelectionRange.setSelectionRange(target, newPos, newPos);
+            };
+        }
+    },
+    Home: (event, target)=>{
+        if (isElementType.isElementType(target, [
+            'input',
+            'textarea'
+        ]) || isContentEditable.isContentEditable(target)) {
+            return ()=>{
+                setSelectionRange.setSelectionRange(target, 0, 0);
+            };
+        }
+    },
+    PageDown: (event, target)=>{
+        if (isElementType.isElementType(target, [
+            'input'
+        ])) {
+            return ()=>{
+                const newPos = UI.getUIValue(target).length;
+                setSelectionRange.setSelectionRange(target, newPos, newPos);
+            };
+        }
+    },
+    PageUp: (event, target)=>{
+        if (isElementType.isElementType(target, [
+            'input'
+        ])) {
+            return ()=>{
+                setSelectionRange.setSelectionRange(target, 0, 0);
+            };
+        }
+    },
+    Tab: (event, target, instance)=>{
+        return ()=>{
+            const dest = getTabDestination.getTabDestination(target, instance.system.keyboard.modifiers.Shift);
+            focus.focusElement(dest);
+            if (selection.hasOwnSelection(dest)) {
+                UI.setUISelection(dest, {
+                    anchorOffset: 0,
+                    focusOffset: dest.value.length
+                });
+            }
+        };
+    }
+};
+const combinationBehavior = (event, target, instance)=>{
+    if (event.code === 'KeyA' && instance.system.keyboard.modifiers.Control) {
+        return ()=>selectAll.selectAll(target);
+    }
+};

package/dist/cjs/event/behavior/keypress.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var isElementType = require('../../utils/misc/isElementType.js');
+require('../../utils/dataTransfer/Clipboard.js');
+var isContentEditable = require('../../utils/edit/isContentEditable.js');
+var isEditable = require('../../utils/edit/isEditable.js');
+var input = require('../input.js');
+var registry = require('./registry.js');
+
+registry.behavior.keypress = (event, target, instance)=>{
+    if (event.key === 'Enter') {
+        if (isElementType.isElementType(target, 'button') || isElementType.isElementType(target, 'input') && ClickInputOnEnter.includes(target.type) || isElementType.isElementType(target, 'a') && Boolean(target.href)) {
+            return ()=>{
+                instance.dispatchUIEvent(target, 'click');
+            };
+        } else if (isElementType.isElementType(target, 'input')) {
+            const form = target.form;
+            const submit = form === null || form === void 0 ? void 0 : form.querySelector('input[type="submit"], button:not([type]), button[type="submit"]');
+            if (submit) {
+                return ()=>instance.dispatchUIEvent(submit, 'click');
+            } else if (form && SubmitSingleInputOnEnter.includes(target.type) && form.querySelectorAll('input').length === 1) {
+                return ()=>instance.dispatchUIEvent(form, 'submit');
+            } else {
+                return;
+            }
+        }
+    }
+    if (isEditable.isEditable(target)) {
+        const inputType = event.key === 'Enter' ? isContentEditable.isContentEditable(target) && !instance.system.keyboard.modifiers.Shift ? 'insertParagraph' : 'insertLineBreak' : 'insertText';
+        const inputData = event.key === 'Enter' ? '\n' : event.key;
+        return ()=>input.input(instance, target, inputData, inputType);
+    }
+};
+const ClickInputOnEnter = [
+    'button',
+    'color',
+    'file',
+    'image',
+    'reset',
+    'submit'
+];
+const SubmitSingleInputOnEnter = [
+    'email',
+    'month',
+    'password',
+    'search',
+    'tel',
+    'text',
+    'url',
+    'week'
+];

package/dist/cjs/event/behavior/keyup.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var isClickableInput = require('../../utils/click/isClickableInput.js');
+require('../../utils/dataTransfer/Clipboard.js');
+var registry = require('./registry.js');
+
+registry.behavior.keyup = (event, target, instance)=>{
+    var _keyupBehavior_event_key;
+    return (_keyupBehavior_event_key = keyupBehavior[event.key]) === null || _keyupBehavior_event_key === void 0 ? void 0 : _keyupBehavior_event_key.call(keyupBehavior, event, target, instance);
+};
+const keyupBehavior = {
+    ' ': (event, target, instance)=>{
+        if (isClickableInput.isClickableInput(target)) {
+            return ()=>instance.dispatchUIEvent(target, 'click');
+        }
+    }
+};

package/dist/cjs/event/behavior/paste.js

@@ -0,0 +1,18 @@
+'use strict';
+
+require('../../utils/dataTransfer/Clipboard.js');
+var isEditable = require('../../utils/edit/isEditable.js');
+var input = require('../input.js');
+var registry = require('./registry.js');
+
+registry.behavior.paste = (event, target, instance)=>{
+    if (isEditable.isEditable(target)) {
+        return ()=>{
+            var _event_clipboardData;
+            const insertData = (_event_clipboardData = event.clipboardData) === null || _event_clipboardData === void 0 ? void 0 : _event_clipboardData.getData('text');
+            if (insertData) {
+                input.input(instance, target, insertData, 'insertFromPaste');
+            }
+        };
+    }
+};

package/dist/cjs/event/behavior/registry.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const behavior = {};
+
+exports.behavior = behavior;

package/dist/cjs/event/createEvent.js

@@ -0,0 +1,193 @@
+'use strict';
+
+require('../utils/dataTransfer/Clipboard.js');
+var getWindow = require('../utils/misc/getWindow.js');
+var eventMap = require('./eventMap.js');
+
+const eventInitializer = {
+    ClipboardEvent: [
+        initClipboardEvent
+    ],
+    Event: [],
+    FocusEvent: [
+        initUIEvent,
+        initFocusEvent
+    ],
+    InputEvent: [
+        initUIEvent,
+        initInputEvent
+    ],
+    MouseEvent: [
+        initUIEvent,
+        initUIEventModifiers,
+        initMouseEvent
+    ],
+    PointerEvent: [
+        initUIEvent,
+        initUIEventModifiers,
+        initMouseEvent,
+        initPointerEvent
+    ],
+    KeyboardEvent: [
+        initUIEvent,
+        initUIEventModifiers,
+        initKeyboardEvent
+    ]
+};
+function createEvent(type, target, init) {
+    const window = getWindow.getWindow(target);
+    const { EventType, defaultInit } = eventMap.eventMap[type];
+    const event = new (getEventConstructors(window))[EventType](type, defaultInit);
+    eventInitializer[EventType].forEach((f)=>f(event, init !== null && init !== void 0 ? init : {}));
+    return event;
+}
+/* istanbul ignore next */ function getEventConstructors(window) {
+    var _window_Event, _window_AnimationEvent, _window_ClipboardEvent, _window_PopStateEvent, _window_ProgressEvent, _window_TransitionEvent, _window_UIEvent, _window_CompositionEvent, _window_FocusEvent, _window_InputEvent, _window_KeyboardEvent, _window_MouseEvent, _window_DragEvent, _window_PointerEvent, _window_TouchEvent;
+    const Event = (_window_Event = window.Event) !== null && _window_Event !== void 0 ? _window_Event : class Event {
+    };
+    const AnimationEvent = (_window_AnimationEvent = window.AnimationEvent) !== null && _window_AnimationEvent !== void 0 ? _window_AnimationEvent : class AnimationEvent extends Event {
+    };
+    const ClipboardEvent = (_window_ClipboardEvent = window.ClipboardEvent) !== null && _window_ClipboardEvent !== void 0 ? _window_ClipboardEvent : class ClipboardEvent extends Event {
+    };
+    const PopStateEvent = (_window_PopStateEvent = window.PopStateEvent) !== null && _window_PopStateEvent !== void 0 ? _window_PopStateEvent : class PopStateEvent extends Event {
+    };
+    const ProgressEvent = (_window_ProgressEvent = window.ProgressEvent) !== null && _window_ProgressEvent !== void 0 ? _window_ProgressEvent : class ProgressEvent extends Event {
+    };
+    const TransitionEvent = (_window_TransitionEvent = window.TransitionEvent) !== null && _window_TransitionEvent !== void 0 ? _window_TransitionEvent : class TransitionEvent extends Event {
+    };
+    const UIEvent = (_window_UIEvent = window.UIEvent) !== null && _window_UIEvent !== void 0 ? _window_UIEvent : class UIEvent extends Event {
+    };
+    const CompositionEvent = (_window_CompositionEvent = window.CompositionEvent) !== null && _window_CompositionEvent !== void 0 ? _window_CompositionEvent : class CompositionEvent extends UIEvent {
+    };
+    const FocusEvent = (_window_FocusEvent = window.FocusEvent) !== null && _window_FocusEvent !== void 0 ? _window_FocusEvent : class FocusEvent extends UIEvent {
+    };
+    const InputEvent = (_window_InputEvent = window.InputEvent) !== null && _window_InputEvent !== void 0 ? _window_InputEvent : class InputEvent extends UIEvent {
+    };
+    const KeyboardEvent = (_window_KeyboardEvent = window.KeyboardEvent) !== null && _window_KeyboardEvent !== void 0 ? _window_KeyboardEvent : class KeyboardEvent extends UIEvent {
+    };
+    const MouseEvent = (_window_MouseEvent = window.MouseEvent) !== null && _window_MouseEvent !== void 0 ? _window_MouseEvent : class MouseEvent extends UIEvent {
+    };
+    const DragEvent = (_window_DragEvent = window.DragEvent) !== null && _window_DragEvent !== void 0 ? _window_DragEvent : class DragEvent extends MouseEvent {
+    };
+    const PointerEvent = (_window_PointerEvent = window.PointerEvent) !== null && _window_PointerEvent !== void 0 ? _window_PointerEvent : class PointerEvent extends MouseEvent {
+    };
+    const TouchEvent = (_window_TouchEvent = window.TouchEvent) !== null && _window_TouchEvent !== void 0 ? _window_TouchEvent : class TouchEvent extends UIEvent {
+    };
+    return {
+        Event,
+        AnimationEvent,
+        ClipboardEvent,
+        PopStateEvent,
+        ProgressEvent,
+        TransitionEvent,
+        UIEvent,
+        CompositionEvent,
+        FocusEvent,
+        InputEvent,
+        KeyboardEvent,
+        MouseEvent,
+        DragEvent,
+        PointerEvent,
+        TouchEvent
+    };
+}
+function assignProps(obj, props) {
+    for (const [key, value] of Object.entries(props)){
+        Object.defineProperty(obj, key, {
+            get: ()=>value !== null && value !== void 0 ? value : null
+        });
+    }
+}
+function sanitizeNumber(n) {
+    return Number(n !== null && n !== void 0 ? n : 0);
+}
+function initClipboardEvent(event, { clipboardData }) {
+    assignProps(event, {
+        clipboardData
+    });
+}
+function initFocusEvent(event, { relatedTarget }) {
+    assignProps(event, {
+        relatedTarget
+    });
+}
+function initInputEvent(event, { data, inputType, isComposing }) {
+    assignProps(event, {
+        data,
+        isComposing: Boolean(isComposing),
+        inputType: String(inputType)
+    });
+}
+function initUIEvent(event, { view, detail }) {
+    assignProps(event, {
+        view,
+        detail: sanitizeNumber(detail !== null && detail !== void 0 ? detail : 0)
+    });
+}
+function initUIEventModifiers(event, { altKey, ctrlKey, metaKey, shiftKey, modifierAltGraph, modifierCapsLock, modifierFn, modifierFnLock, modifierNumLock, modifierScrollLock, modifierSymbol, modifierSymbolLock }) {
+    assignProps(event, {
+        altKey: Boolean(altKey),
+        ctrlKey: Boolean(ctrlKey),
+        metaKey: Boolean(metaKey),
+        shiftKey: Boolean(shiftKey),
+        getModifierState (k) {
+            return Boolean({
+                Alt: altKey,
+                AltGraph: modifierAltGraph,
+                CapsLock: modifierCapsLock,
+                Control: ctrlKey,
+                Fn: modifierFn,
+                FnLock: modifierFnLock,
+                Meta: metaKey,
+                NumLock: modifierNumLock,
+                ScrollLock: modifierScrollLock,
+                Shift: shiftKey,
+                Symbol: modifierSymbol,
+                SymbolLock: modifierSymbolLock
+            }[k]);
+        }
+    });
+}
+function initKeyboardEvent(event, { key, code, location, repeat, isComposing, charCode }) {
+    assignProps(event, {
+        key: String(key),
+        code: String(code),
+        location: sanitizeNumber(location),
+        repeat: Boolean(repeat),
+        isComposing: Boolean(isComposing),
+        charCode
+    });
+}
+function initMouseEvent(event, { x, y, screenX, screenY, clientX = x, clientY = y, button, buttons, relatedTarget, offsetX, offsetY, pageX, pageY }) {
+    assignProps(event, {
+        screenX: sanitizeNumber(screenX),
+        screenY: sanitizeNumber(screenY),
+        clientX: sanitizeNumber(clientX),
+        x: sanitizeNumber(clientX),
+        clientY: sanitizeNumber(clientY),
+        y: sanitizeNumber(clientY),
+        button: sanitizeNumber(button),
+        buttons: sanitizeNumber(buttons),
+        relatedTarget,
+        offsetX: sanitizeNumber(offsetX),
+        offsetY: sanitizeNumber(offsetY),
+        pageX: sanitizeNumber(pageX),
+        pageY: sanitizeNumber(pageY)
+    });
+}
+function initPointerEvent(event, { pointerId, width, height, pressure, tangentialPressure, tiltX, tiltY, twist, pointerType, isPrimary, buttons }) {
+    assignProps(event, {
+        pointerId: sanitizeNumber(pointerId),
+        width: sanitizeNumber(width !== null && width !== void 0 ? width : 1),
+        height: sanitizeNumber(height !== null && height !== void 0 ? height : 1),
+        pressure: sanitizeNumber(pressure !== null && pressure !== void 0 ? pressure : buttons ? 0.5 : 0),
+        tangentialPressure: sanitizeNumber(tangentialPressure),
+        tiltX: sanitizeNumber(tiltX),
+        tiltY: sanitizeNumber(tiltY),
+        twist: sanitizeNumber(twist),
+        pointerType: String(pointerType),
+        isPrimary: Boolean(isPrimary)
+    });
+}
+
+exports.createEvent = createEvent;

package/dist/cjs/event/dispatchEvent.js

@@ -0,0 +1,54 @@
+'use strict';
+
+require('./behavior/click.js');
+require('./behavior/cut.js');
+require('./behavior/keydown.js');
+require('./behavior/keypress.js');
+require('./behavior/keyup.js');
+require('./behavior/paste.js');
+var registry = require('./behavior/registry.js');
+var wrapEvent = require('./wrapEvent.js');
+var eventMap = require('./eventMap.js');
+var createEvent = require('./createEvent.js');
+
+function dispatchUIEvent(target, type, init, preventDefault = false) {
+    if (eventMap.isMouseEvent(type) || eventMap.isKeyboardEvent(type)) {
+        init = {
+            ...init,
+            ...this.system.getUIEventModifiers()
+        };
+    }
+    const event = createEvent.createEvent(type, target, init);
+    return dispatchEvent.call(this, target, event, preventDefault);
+}
+function dispatchEvent(target, event, preventDefault = false) {
+    var _behavior_type;
+    const type = event.type;
+    const behaviorImplementation = preventDefault ? ()=>{} : (_behavior_type = registry.behavior[type]) === null || _behavior_type === void 0 ? void 0 : _behavior_type.call(registry.behavior, event, target, this);
+    if (behaviorImplementation) {
+        event.preventDefault();
+        let defaultPrevented = false;
+        Object.defineProperty(event, 'defaultPrevented', {
+            get: ()=>defaultPrevented
+        });
+        Object.defineProperty(event, 'preventDefault', {
+            value: ()=>{
+                defaultPrevented = event.cancelable;
+            }
+        });
+        wrapEvent.wrapEvent(()=>target.dispatchEvent(event));
+        if (!defaultPrevented) {
+            behaviorImplementation();
+        }
+        return !defaultPrevented;
+    }
+    return wrapEvent.wrapEvent(()=>target.dispatchEvent(event));
+}
+function dispatchDOMEvent(target, type, init) {
+    const event = createEvent.createEvent(type, target, init);
+    wrapEvent.wrapEvent(()=>target.dispatchEvent(event));
+}
+
+exports.dispatchDOMEvent = dispatchDOMEvent;
+exports.dispatchEvent = dispatchEvent;
+exports.dispatchUIEvent = dispatchUIEvent;