Huddle/Resemble.js
Resemble.js
Resemble.js is an image comparison framework and visual difference engine designed for automated regression testing. It functions as a library to normalize image dimensions and analyze visual discrepancies to determine if two images are identical.
The system identifies pixel-level changes between images while providing capabilities for bounding-box isolation and the exclusion of specific regions. It calculates a percentage of difference by measuring the numerical distance between RGBA color channel values.
The library covers visual regression testing and frontend quality assurance by comparing rendered application screens against baseline images. It includes utilities for scaling image dimensions and restricting comparison areas to ignore irrelevant sections of an image.
Features
- Visual Regression Testing - Detects unintended visual changes in user interfaces by comparing screenshots of different application versions.
- Image Analysis Utilities - Provides utilities for comparing images to determine visual differences and the degree of mismatch.
- Image Comparison Libraries - Provides a framework to normalize image dimensions and quantify visual discrepancies between image buffers.
- Visual Difference Analyzers - Analyzes two images to identify specific pixel changes and determine if they are visually identical.
- Perceptual Distance Calculators - Determines visual mismatches by measuring the numerical distance between RGBA color channel values.
- UI Automation - Verifies that web or app elements appear correctly by comparing rendered screenshots against known baselines.
- Pixel-Level Image Comparison - Analyzes individual pixel differences between two raster images to identify visual changes and calculate mismatch percentages.
- Visual Layout Verification - Ensures consistent visual layouts across different browsers and screen sizes using automated image comparison.
- Canvas-Based Image Processors - Uses the HTML5 Canvas API to extract and manipulate raw RGBA pixel data for image processing.
- Comparison Region Isolation - Provides the ability to restrict visual comparisons to specific bounding boxes to ignore unrelated image areas.
- Region Isolation - Restricts comparisons to specific bounding boxes or excludes particular regions to ignore irrelevant sections.
- Image Dimension Standardizations - Scales the dimensions of a secondary image to match a primary image for consistent visual comparison.
- Dimension Resizing - Includes utilities for resizing images to ensure dimensions match before performing pixel-by-pixel comparisons.
- Frameworks de test - JavaScript library for analyzing and comparing images.
