Visual Validation with Dynamic Data

Match Levels

  • “Strict” — Visual AI distinguishes location, dimension, color, and content differences as a human viewer would.
  • “Content” — Visual AI distinguishes location, dimension, and content differences. Color differences are ignored as long as the content can be distinguished. Imagine wanting to see the impact of a global CSS color change.
  • “Layout” — Visual AI distinguishes location and dimension and ignores content like text and pictures. This match level makes it easy to validate the layout of shopping and publication sites with a consistent layout and dynamic content.

Handling Exceptions — Regions

eyes.checkWindow();

Control Region Comparisons

  • Ignore — ignore that region completely. Its contents do not matter to the test identifying differences. Useful for counters
  • Floating — the content within the region can shift around. Text that can shift around.
  • Strict — content that should stay in the same place and color from screen to screen
  • Content — Content that should stay in the same place with varying color from screen to screen
  • Layout — Content that can change but has a common layout structure from screen to screen

Testers Choice

eyes.checkRegion()
eyes.checkElement()

Handling Expected Changes

Conclusions about Visual Validation and Dynamic Data

For More Information

--

--

--

Deliver visually perfect web and mobile apps with AI-powered end-to-end visual testing & monitoring. Get started, free: http://bit.ly/ApplitoolsFree

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

AEM Forms as a Cloud Service: Cloud Is the Future, and There’s More

Azure Service Bus — Queue Storage

ML.NET (Hands-On Machine Learning with ML.NET) | Part 3

Top 5 Powerful Features of AWS Amplify Web Hosting

What you forgot when you planned your brand new application

Gojek’s bootcamp experience: A Shiny Ruby (part 2)

Digital Twin Technology Building and Use

STONE STVI056WT-01 + Arduino + Serial Screen Pressure Gauge Project

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Applitools

Applitools

Deliver visually perfect web and mobile apps with AI-powered end-to-end visual testing & monitoring. Get started, free: http://bit.ly/ApplitoolsFree

More from Medium

Requiring an event before each iteration of a “for” loop (using async functions and promise…

overview image of the final code solution

GIT(GitHub) || NOSQL(MongoDB)

Strong Read on Master-Slave MySQL Setup — Part 1

POST large JSON Data without cURL call in Node.js