Early release of Katalon TestOps Vision (visual testing / image comparison)

Hi everyone,

An early release of Katalon Vision is available now. This is a handy feature to help you compare screenshots between executions when assertion steps do not provide enough coverage or the webpage layout is important.

The Keywords for Katalon Studio are not available yet, but you can still try it using the following steps:

  1. Save images with name prefix keyes-, e.g. WebUI.takeScreenshot(RunConfiguration.getReportFolder() + '/keyes-screenshot.png').

Here is a sample test case:

import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject

import com.kms.katalon.core.configuration.RunConfiguration
import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI

WebUI.openBrowser('')

WebUI.navigateToUrl('https://katalon-test.s3.amazonaws.com/aut/html/form.html')

WebUI.setText(findTestObject('Object Repository/Page_Demo AUT/input_First name_firstName'), 'First name')

WebUI.setText(findTestObject('Object Repository/Page_Demo AUT/input_Last name_lastName'), 'Last name')

WebUI.click(findTestObject('Object Repository/Page_Demo AUT/input_Female_gender'))

WebUI.click(findTestObject('Object Repository/Page_Demo AUT/input_Date of birth_dob'))

WebUI.click(findTestObject('Object Repository/Page_Demo AUT/td_1'))

WebUI.setText(findTestObject('Object Repository/Page_Demo AUT/input_Address_address'), 'Address')

WebUI.setText(findTestObject('Object Repository/Page_Demo AUT/input_Email_email'), 'email@email.com')

WebUI.setEncryptedText(findTestObject('Object Repository/Page_Demo AUT/input_Password_password'), 'p4y+y39Ir5MSxNs1t5lTZQ==')

WebUI.setText(findTestObject('Object Repository/Page_Demo AUT/input_Company_company'), 'Company')

WebUI.selectOptionByValue(findTestObject('Object Repository/Page_Demo AUT/select_DeveloperQAManagerTechnical Architec_7258a1'), 
    'QA', true)

WebUI.selectOptionByValue(findTestObject('Object Repository/Page_Demo AUT/select_High salaryNice managerleaderExcelle_8daca8'), 
    'High salary', true)

WebUI.click(findTestObject('Object Repository/Page_Demo AUT/input'))

WebUI.setText(findTestObject('Object Repository/Page_Demo AUT/textarea_Comment_comment'), 'Comment')

WebUI.click(findTestObject('Object Repository/Page_Demo AUT/button_Submit'))

WebUI.takeScreenshot(RunConfiguration.getReportFolder() + '/keyes-screenshot.png')

WebUI.closeBrowser()
  1. Visit the TestOps project where the execution has been submitted, navigate to TestOps Vision.

  1. In TestOps Vision, the first execution’s screenshots will serve as baseline images.

  1. Images from subsequent executions (checkpoints) will be compared with the baselines.

  1. Resolve mismatches.

The mismatch will be labeled “red”.

You can show/hide the difference layer to closely inspect the difference. If the difference is marked as “passed”, the newer image will be used as the baseline for next executions. Don’t forget to click “Save as Baseline” after finish the review.

We are working on the new Keywords for Katalon Studio, including:

  • Capture an element.
  • Capture an area (by position).
  • Capture the current viewport.
  • Capture the whole page (with scrollbars).

I hope this feature will be helpful for your test projects.

7 Likes

Does Katalon TestOps Vision support taking screenshots and visual testing for Mobile apps?

1 Like

@kazurayam Yes, we are working on the Keywords to capture screenshot for Web, Mobile, and Windows App.

1 Like

Where can the early release be downloaded?

Currently, we are working the Katalon Studio keywords, which will be available for a couple weeks. But you can follow the first topic above to try it.