🖼️Page_Comparison

Overview

The Page Comparison feature in our scriptless automation framework is a vital validation tool designed to maintain the visual integrity of web applications by comparing current page screenshots with baseline images.

Purpose

The Page Comparison validation aims to detect and highlight any discrepancies between a baseline image and the current state of the web page under test. This feature is crucial for ensuring the visual accuracy of web applications automatically.

How It Works

When the Page Comparison validation is activated, the framework captures a screenshot of the current web page and compares it against a predefined baseline image stored in:

projectDir/
├── src/
├── test_data/
│   └── web/
│       └── page_screenshot/

Example Usage

Designate Page Comparison as the validation type after performing the required interactions on the web page.

PAGE_NAME,WAIT_TYPE,SCROLL_TYPE,ELEMENT_NAME,ACTIONS,SEND_KEYS,VALIDATION,VALIDATION_TYPE
NONE,NONE,NONE,NONE,LOAD_URL,https://www.saucedemo.com/,NONE,NONE
SwagLabs,VISIBILITY,NONE,userName,SEND_KEYS,$text.firstName,NONE,NONE
SwagLabs,NONE,NONE,pageTitle,NONE,NONE,screenPage,PAGE_COMPARISON

Results Interpretation

• Identical Images: If the current screenshot and the baseline image are identical, the test is marked as Passed in the report. This confirms that the web page appears as expected and that there are no unintended changes.

• Non-Identical Images: If differences are detected between the baseline and the current screenshot, the tool highlights these discrepancies by marking them with arrows or outlines in the image. The altered screenshot is then attached to the test report for review. This enables testers to quickly identify and address unintended changes or verify updates.

Benefits

• Efficiency: Automates the process of visually comparing web elements, significantly saving time and effort.

• Accuracy: Reduces human error by providing exact visual comparisons.

• Documentation: Offers visual proof of test outcomes, essential for debugging and maintaining accountability in testing processes.

Demo

Image 1

Image 2

RESULT after comparison

Conclusion

The Page Comparison feature is an indispensable part of our scriptless automation framework, enhancing the reliability of automated testing by ensuring visual consistency of web applications. This tool not only identifies discrepancies but also documents them, making it easier for development and quality assurance teams to maintain high standards of web presentation.

This feature is available in License Code