Website logo
⌘
K
Try it for freeRequest Sandbox
🚀GETTING STARTED
👋Welcome to Relicx 🎉
Quick Introduction
Sign-up
Join an existing Org
Create your first Test
Create a login task
Setup Session Replay
Sandbox Quick Start
📝TEST AUTHORING
🧪TEST SUITE
🧠APPLICATION DISCOVERY & VISUAL VALIDATION
🚅AUTOMATIC RELEASE VALIDATION
📽️USER SESSIONS
🎯TEST ENVIRONMENTS
🧩INTEGRATIONS
🔔NOTIFICATIONS
ℹ️ADDITIONAL RESOURCES
Changelog
Docs powered by Archbee
APPLICATION DISCOVERY & VISUAL...

Generative AI-Powered Visual Validation

6min

Relicx visual validation uses Generative AI to completely automate the visual regression testing.

Visual validation Challenges

  • Laborious manual baselining: Visual validation typically relies on comparing full or partial screenshots with a manually created baseline. Creating and maintaining these baselines can be extremely painful and time-consuming.
  • Noisy diffs: Traditional visual validation techniques rely on pixel diffs. This results in noisy diffs and false alarms because of the inability of these tools to differentiate between real visual regression and expected data/content differences.

Reimagining Visual Validation with Generative AI

Relicx leverages Generative AI to address these challenges.

Automatic component identification and visual baselining

Relicx uses Generative AI to analyze the application page structure and identify the key components (e.g., navigation bar, headers, body, etc.) that make up this page. The ability to identify and diff visually at the component level ensures that Relicx can detect visual regressions with minimal noise.

Screenshot showing components and visual baseline
Automatic component identification and visual baselining


Automatic noise suppression

Relicx AI analyzes the visual diffs to ascertain if the changes are content-related, visual or style regressions, or functional bugs.

Visual Regression Example: Below is an example of Visual Regression detected due to missing icons.

Visual Regression Screenshot
Example of Visual Regression


Functional Diff Example: Here is another example showing a functional difference discovered visually. Please note that the "Banking Accounts" and "Transaction/Transfer" category headings are missing in the navigation bar. Such regressions are extremely hard to detect using tranditional testing techniques

Visual Functional Diff
Example of Functional Visual Dffs


Running Visual Validation

Visual validation is automatically triggered as a part Automatic Release Validation.

  1. Click on the "Validate Release" button to start a end-to-end release readiness validation, which includes visual regression testing
  2. Once the validation run is completed, the flow map will be color coded to identify the pages with visual issues
Screenshot with Visual Issues
Visual Issue Map Overlay




  1. 



Updated 04 Dec 2023
Did this page help you?
PREVIOUS
Application Discovery and Baselining
NEXT
Automatic Release Validation
Docs powered by Archbee
TABLE OF CONTENTS
Visual validation Challenges
Reimagining Visual Validation with Generative AI
Automatic component identification and visual baselining
Automatic noise suppression
Running Visual Validation
Docs powered by Archbee