For this visual UI testing demo, I want to automate this task to verify that Google maps show the right place in London, and the information window for Hyde Park works. First we record a skeleton macro, and then upgrade it to a visual UI test. The macro has been recorded. Now, I add a VisualAssert command to check that London’s Hyde park is on the map. I use the select button to take a screenshot of the area that I want test. Next I want to simulate a click inside Hyde Park to show and test that the information bubble is correct. For this, I replace the fixed coordinates
with #efp, which stands for “element from point”. It uses the coordinates from the last found image. And then, as the last step, I add another
VisualAssert command to visually confirm that the text in the information bubble is correct. I finished the macro. Now lets run a test. All done – the replay worked fine. And since we are using visual UI testing,
the test case does not break when the web page… … is resized and elements move around:
Let’s play it again… All done. This was a quick look at Visual UI Testing
with the Kantu web browser macro recorder.