Visual Testing

Katalon TestOps Visual Testing is a feature to help us compare screenshots of executions.

On Katalon Studio, go to Menu Project > Settings. The board Project Settings displays, click Katalon TestOps on the left sidebar. We choose Team and Project, then click Apply and Close. And now, we integrate the current Katalon Studio project with Katalon TestOps.

Before testing a Test Suite (or Test Suite Collection) on Katalon Studio, we need to run this Test Suite (or execute Test Suite Collection). If we do not have a Test Suite, we can download the sample code to test this feature. Or we can create a Test Case and Test Suite with this page, because the time usually changes, and we can compare screenshots of executions easily.

We create a Test Suite with one Test Case.

We insert a Web UI Keyword below the row in which we want to take a screenshot.

In the new row, and we choose the Take Screenshot As Checkpoint.

In the row Take Screenshot As Checkpoint, column Input, we double click.

An Input board displays, we assign a label for the new Item (Take Screenshot As Checkpoint) and click the button OK.

We save the project and run Test Suite.

After running, Katalon Studio will upload the result to the Katalon TestOps. In Katalon TestOps, a new Test Run is created in the project which we have chosen in Project Settings.

On Katalon TestOps, run Test Suite second time. After that, in Katalon TestOps, a new Test Run is created.

On Katalon TestOps, sidebar Reports & Analytics > Visual Testing, we click the ID of the second Test Run.

Choose the tab Checkpoints, click on the checkpoint.

The board sample visual testing displays a Baseline image and a Checkpoint image.

In the board Visual, click the button Hide diff (Show diff) to hide (show) all the differences.

If we want to change the Baseline, choose the icon Check on the top right corner board sample visual testing and exit.

We choose the tab Results and click the button Save to baseline.

And now, Katalon TestOps will compare the new baseline with the screenshot of the new Test Run.

See also

[WebUI] Take Area Screenshot As Checkpoint

[WebUI] Take Element Screenshot As Checkpoint

[WebUI] Take Full Page Screenshot As Checkpoint

[WebUI] Take Screenshot As Checkpoint

[Mobile] Take Area Screenshot As Checkpoint

[Mobile] Take Element Screenshot As Checkpoint

[Mobile] Take Screenshot As Checkpoint

Feedback