[Demo & Integration] Canvas Automation with Katalon

:information_source: This is Part 2 of our Demo & Integration series. See the first topic here: [Demo & Integration] TestProject Migration to Katalon

Today we will take a look at the video Canvas Automation using Katalon

:pushpin: Please note that the video will be opened in a new tab.


This project demonstrates how you can use Katalon Studio to automate Canvas applications. Canvas is something a bit tricky to automate so this project contains some of the test cases for Canvas.

What is Canvas?

A canvas is a rectangular area on an HTML page, and it is specified with the element in HTML 5.

All the objects inside the canvas can not be accessible via DOM(Xpath/CSS/Property) because of the limited access to the DOM itself. This means users usually have to find the coordinates for the objects before performing the actions.


Repository for the GitHub project

Use Cases

We have two different applications which we have used for our sample project:

Test Steps

  • We will be performing calculations (1+8=9) on the calculator.
  • Open the Web application with Canvas.
  • Capture the Canvas Object.
  • Find the Coordinates for the Targeted Object inside the Canvas.
  • Perform the action.

How to automate?

  • Canvas application is completely working on coordinates.
  • You have to find the coordinates for the object
  • Write a test script by using object coordinates.
  • Run the test script on the browser.
  • Verify the test result.

Thanks for reading! :sunglasses:

:pushpin: See the rest of our Demo & Integration videos here.
:pushpin: You can find similar topics to this one by searching for the tag #demo-integration

1 Like