dom-event-simulate
simulate user interaction with DOM events.
Contributors
 xudafeng |
 paradite |
 elaine1234 |
 cyjake |
|---|
This project follows the git-contributor spec, auto updated at Wed Jan 26 2022 19:14:28 GMT+0800.
Installment
$ npm i dom-event-simulate --save-devCDN
https://unpkg.com/dom-event-simulate@latest/lib/dom-event-simulate.js
Usage
const { domEvent } = require('dom-event-simulate');
// input @
domEvent(element, 'keydown', {
keyCode: 50,
key: '@',
});
// start a drag
domEvent(dom, 'mousedown', {
clientX: point.x,
clientY: point.y,
});
domEvent(dom, 'mousemove', {
clientX: point.x + 10,
clientY: point.y + 10,
});
domEvent(dom, 'mouseup', {
clientX: point.x + 10,
clientY: point.y + 10,
});var element = document.querySelector('#input');
element.addEventListener('change', function(e) {
console.log(e.target.files);
}, false);
domEvent(element, 'change', {
data: {
target: {
files: [
{
file: 'file1.png',
},
{
file: 'file2.jpg',
}
],
},
}
});Use with macaca-wd
see: https://macacajs.github.io/macaca-wd/#domEvent
Support Events
| type | name | args |
|---|---|---|
| mouseEvents | click | |
| mouseEvents | dblclick | |
| mouseEvents | mouseover | |
| mouseEvents | mouseout | |
| mouseEvents | mouseenter | |
| mouseEvents | mouseleave | |
| mouseEvents | mousedown | |
| mouseEvents | mouseup | |
| mouseEvents | mousemove | |
| mouseEvents | dragstart | |
| mouseEvents | dragenter | |
| mouseEvents | dragover | |
| mouseEvents | dragleave | |
| mouseEvents | drag | |
| mouseEvents | drop | |
| mouseEvents | dragend | |
| mouseEvents | wheel | |
| keyboardEvent | keydown | |
| keyboardEvent | keyup | |
| keyboardEvent | keypress | |
| UIEvents | submit | |
| UIEvents | blur | |
| UIEvents | change | |
| UIEvents | focus | |
| UIEvents | resize | |
| UIEvents | scroll | |
| UIEvents | select | |
| bubbleEvents | scroll | |
| bubbleEvents | resize | |
| bubbleEvents | reset | |
| bubbleEvents | change | |
| bubbleEvents | select | |
| bubbleEvents | error | |
| bubbleEvents | abort | |
| TouchEvent | touchstart | |
| TouchEvent | touchmove | |
| TouchEvent | touchend | |
| TouchEvent | touchcancel | |
| GestureEvent | gesturestart | |
| GestureEvent | gesturechange | |
| GestureEvent | gestureend |
Helper Methods
const { helper: eventHelper } = require('dom-event-simulate');
// Type content to input element.
eventHelper.elementInput
// Type content to a contentEditable element.
eventHelper.formInputLicense
The MIT License (MIT)