add pointerDown, pointerMove and pointerUp events for API

I think it would be beneficial to have pointerDown, pointerMove, and pointerUp user events so you can encapsulate touch events, mouse events, pointer events all under one API.

The reason why I think something like this should exist is it would allow for testing complex UI components like a slider input.

the basic implementation I think could work from a high level is the following:

const input = document.getElementById('input');
// you could use a percent to represent the bounds of the element
// or use a specific number to represent a pixel value
userEvent.pointerDown(input, {x: '50%', y: '50%'}); // starting point of where you "clicked"
userEvent.pointerMove(input, {x: '75%', y: '50%', duration: '1s'}); // where you want to move to over a period of time
userEvent.pointerUp(input); // remove your finger from the screen/mouse/etc

@kentcdodds what do you think?

[kentcdodds]

Personally I’d just use cypress. JSDOM doesn’t support layout so you’d have to mock that out of you wanted to do it in that environment…

[allcontributors[bot]]

@ph-fritsche

I’ve put up a pull request to add @lifeiscontent! 🎉