Automating interaction on the HTML5 canvas element
Web developers can now create cool drawing applications within web browsers using the new HTML5 <canvas> element. This element is used to build drawing and charting applications by using JavaScript. Canvas has several methods for drawing paths, boxes, circles, characters, and adding images.
In this recipe, we will automate a simple drawing application through the Selenium WebDriver action class for mouse movements. We will also implement an image comparison feature to test the drawing on a canvas.
Internet Explorer 9+, Firefox, Opera, Chrome, and Safari support the <canvas> element.
How to do it...
Create a new test named testHTML5CanvasDrawing for testing the <canvas> element. We will draw a shape ...
Get Selenium Testing Tools Cookbook - Second Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
