feat: add support for @testing-library/user-event

[delca85]

What:

I am trying to enable user launching user-event methods in QueryMarkup.
Right now the click event is enabled while the others are not enabled yet.
Furthermore it could be useful to have a toggle to switch between the original state and the one obtained executing user-event inserted method.

Why:

It would be an awesome feature like requested in issue #10 .

How:

1. add userEvent to evaluator context
2. make the execution to be effective
3. retrieve code obtained by the execution of the user-event query on original markup
4. inject new code in result and passing it to Preview in Playground component
5. add evaluation of scripts inserted by the user in MarkupEditor in parser
6. show a new message in Result when the user inserts a user-event method
7. add toggle to switch between state after and before user-event method execution
8. markup to be shown handled in usePlayground adding a new action type to reducer

Checklist:

• add userEvent to evaluator context
• make the execution to be effective (right now just the click method is working and performs an actual transformation on the original markup)
• retrieve code obtained by the execution of the user-event query on original markup
• inject new code in result and passing it to Preview in Playground component
• add evaluation of scripts inserted by the user in MarkupEditor in parser
• show a new message in Result when the user inserts a user-event method
• add toggle to switch between state after and before user-event method execution
• markup to be shown handled in usePlayground adding a new action type to reducer

• Tests
• Ready to be merged
  

To achieve the complete resolution of #10 managing of state after and before user-event method execution is still needed.

Right now the only user-event method that seems work is click.

[smeijer]

@delca85, I'm just checking in to let you know that I've seen the PR. I'll try to take a better look at it this weekend.

[smeijer]

Hi @delca85!

Thanks for all the work you've done on this. Your research and attempt to resolve the issue, are much appreciated.

While working on the sandboxing ticket (#69), adding user-events (#10) became a logical next step. So I've decided to merge these two tickets together in one single PR (#209).

It still requires some polishing, but I got something working that enables us to use all user-events methods.

Thereby, I'm gonna close this PR. Thanks again for your time and effort.

[delca85]

I am happy you solved this issue and I am going to check your PR to deeply understand how you achieved that!