[feature] mouse cursor and click visualisation

[kwladyka]

For the reason of using GIF recording to prepare demo of using library (#10) I would like to record mouse clicks and cursor moves on GIF to let user better see what happen on the screen.

I mean action click on the button is not obviously from GIF if you didn't write tests. It would be nice to see what happen.

[sriv]

Good suggestion. I was trying to see if this were possible.

Unfortunately, taiko-screencast uses chrome-devtools-protocol which does not send any details of the events that trigger changes.

Specifically, it uses Page.screencastFrame event from the protocol which does not send any data around mouse events or keypress.

I thought of trying to capture mouse/keyboard events separately, and overlay those by matching timestamp, but it turns out that they need not necessarily have any correlation.

If there are any ideas on how this can be done, we are all ears!