Doing a dive into browser UI testing. Also wondering where are we at with the cutting edge?
How are retail websites doing GUI testing (buttons, forms) vs more complex visual cases like Google Maps or websites with non-traditional layouts?
Are there any papers or interesting libs that come to mind?
Not retail, but it's a complex app (that is also available in Electron); things like video plays have trappable events to hook into.
For example, hit play -> time how long until video starts playing -> hit pause at 00:19 (random example time), take a screenshot of the #video-container element DOM, and do a comparison to a known-good screenshot.
It's not overly non-traditional, but still much more than forms and buttons.
Other things include typing into an autocompleting search box, and having middleware capture /autocomplete.json?q=* type of requests and comparing them to see whether they are coming up OK, what queries are coming up, and then dumping the DOM of .autocomplete-search-results-container or similar and iterating them through to turn it into an array again, and ensure sorting order matches.