Make sure you are comfortable with the following lesson(s):
By the end of this you will:
There are two types of visual change detection for trainer-created tests in mabl:
It's almost too easy to get started: just create any Test under a Plan and enable Visual Change Learning. That's all you have to do, then mabl takes care of the rest.
Once that Test executes, machine learning automatically creates a visual model of your app’s UI (some of these screenshots will appear in the test output).
Any additions, deletions or edits of steps (including Flows) in the test will automatically be detected and mabl will adjust the visual model of the UI
It's important to note: detected visual changes will not fail a test - they are treated as warnings and displayed in test output.
mabl decides what changes are important and generates insights for those changes.
On the left-hand side, you'll find the Insights bell icon.
From there you can filter by "Insight Type" to only see Visual changes and click through to the Test Output, or you can click the "Visual changes" tile at the top of the page to be taken to the Visual Explorer that will automatically apply the Visual changes filter. These will be explained in the next few pages.
Please note: a link to this Insights page is also included in an emailed Report that you can configure in the app (Reporting is covered in another lesson)
To get there from the Insights page, click the More actions ellipses (three dots) on the right side, then select View Insights Details, then Results.
When you get to the test results page, mabl will automatically filter the steps to show ones that have the corresponding visual changes.
Here you can see the Current or Baseline version, or a side-by-side comparison. The differences will be highlighted.
As shown in the accompanying image, you have the option to
(A) see where mabl identified dynamic content areas (if available) by clicking the Highlighting dropdown and selecting Dynamic content
(B) you can choose to rebaseline the current step, or all steps, or download a screenshot for further review/distribution by clicking the Actions dropdown.
If you click the Visual changes tile at the top of the Insights page, you'll be taken to the Explorer page (which can also be accessed by clicking the Explorer icon on the left side of the app) and the Visual changes filter will be automatically applied.
In the above video, you can see you're able to filter further by test, URL and apply a date range to narrow the changes down.
Clicking on an image will give you similar, but fewer options, than when you're viewing in the Test Output.
You can see the current or baseline image or a side-by-side comparison. You'll also be able to highlight visual changes or dynamic content by clicking the Highlighting dropdown.
For further review, you can click "Results" in the upper right corner and be taken to the Test Output page.