Learn the Screener workflow for reviewing UIs. Each UI state under test has one of the following statuses:
|New||A new UI state that has not been reviewed yet.|
|Changed||A UI state that has changed visually when compared to its accepted baseline.|
|Accepted||A UI state that is visually the same as its baseline|
OR has been reviewed and accepted by a team member.
|Rejected||A UI state that has been reviewed, found to have defects, and rejected by a team member.|
1. Start Reviewing
When a test has Changed or New UI states, it will show a Review button:
Clicking on the Review button will display a list of your UI states filtered to only those needing review.
Click on the first UI state to start reviewing:
2. Review UI State
You will be presented with screenshots of the selected UI state:
If a baseline exists, a side-by-side view will be displayed with the baseline screenshot on the left-hand side and the current screenshot from the latest build on the right-hand side.
Changed UI states will include highlights of visual changes directly overlayed on the screenshots.
Tip: Change Details
3. Accept or Reject
After reviewing the UI state, you can either:
Accept: if the screenshots are as expected, which will set the current as the new baseline (tip: keyboard shortcut is Shift + Up Arrow).
Reject: if defects are found which need to be fixed (tip: keyboard shortcut is Shift + Down Arrow).
4. Continue Reviewing
Continue reviewing the remaining UI states by clicking one of the below options (or use keyboard shortcuts to navigate through UI states).
Next arrow (tip: keyboard shortcut is Right Arrow).
Previous arrow (tip: keyboard shortcut is Left Arrow).
Tip: Accept All Button
Use the Accept All button to quickly set all filtered UI states to accepted.
5. Review Complete
When all UI states have been reviewed, the filtered state list will be empty.
The build status will be updated to Success when all UI states have been accepted.
The build status will be updated to Failure when there are rejected UI states.
- Integrate into your CI process for continuous visual testing.