UI ELEMENTS
Canvas
Two HTML canvas demos for testing clicks at coordinates and freehand drawing. Canvas content is not in the DOM, so you need other ways to check it.
How to use this page
Goal: Click each circle and draw on the pad, then verify the readouts under each canvas match what you did.
Challenge: There are no elements inside a canvas to select. Click by coordinates, read the readouts, and try pixel checks with getImageData or toDataURL.
Click Targets
Three circles drawn on a canvas at fixed positions. Click one and the readouts update.
- Last clicked shape
- None
- Click position
- -
- Hits
- 0
- Misses
- 0
Drawing Pad
Press and drag on the canvas to draw. Each press and release counts as one stroke.
- Strokes
- 0
- Canvas
- Empty
Need this tested professionally?
Testing canvas-based charts or editors on a production product? We run test automation services for apps that draw on canvas and manual testing services for the parts a script can't read. Get in touch to discuss your project.