Add an option to wait for a specific element to appear:

Action string example: 'wait .popup'

Full example:

  spaCheck([
    'click button',
    'wait .popup',
    'click .new-button',
  ]);

Should probably have a default max time to wait, perhaps add a 3rd string param override the default.

Currently spaces cannot be used in the action string CSS selectors in order to preserve the ease of a single-string action command. Recommend using >> instead. Should be able to replace >> with a space after the selector portion of the action string is already split off.

Note: >> is not a great solution because >> diverges from standard CSS, but I think it's worth it because it's relatively intuitive, will not conflict with existing CSS (because >> is invalid normally), and will unblock cases where using the descendant css combinator (space) would be helpful.

Example: click table>>.row:nth-child(2)>>button Edit Row // This would click an Edit button in the 2nd row of some table, regardless of how deeply nested. The resulting selector would be table .row:nth-child(2) button.

Also update the README so this functionality is well-documented.

Add css class spa-check-attribution so that users can more easily hide the "SPA Check" attribution shown under the message, if desired.

e.g.: document.querySelector('.class').dispatchEvent(new InputEvent('input'));

Need to use this on the value command.

Replace the testing page with a demo, include some sort of flag or url parameter which runs fast robust tests. Display simpler demo tests. Host via GH Pages.

Add animation to visually show what SPA Check is doing in the UI (completed in version 4.0.0)

Refactor to reduce the minified JS blob size and improve intellisense hints in VS Code

Hi there, I would like to use your project for an interactive tutorial on a business application I'm working on however for some reason it cannot resolve this package when I try to import userRoutine (as per the demo).

Not sure if this is something you've experienced yet as your demo appears to use the compiled scripts in /dist.

I'll probably just copy the built module out of /dist and use it inline in my project, but I'd much prefer to use this through npm.

Thanks!

So users can see what output to expect

Add animate option so the message can be shown without animating