Pause until element becomes visible or event is triggered

[mikocot]

Whenever the element to be highlighted in the next step is not yet available when moving to the next step (e.g. it's loading or within a modal) the process fails with an error that selector could not be find.

Thanks to pause function one can hide the overlay and wait until particular action happens:

• an event is triggered on body
• an event is triggered on specified element (can be different than the step selector)
• an element becomes visible

Especially the last one is extremely useful. One can for example wait for the modal to show up or control to load and automatically restart whenever it is shown. In the meantime user can see the whole app without an overlay.

This can be also used to let user play around and only restart the tour when particular action is triggered, meanwhile not disturbing the user with the overlay and instructions.

It's basically a timeout, but event-based.