Visual Regression Testing Tool
Development · Automation · Quality Assurance
🤔 About The Project
I developed and implemented a visual regression testing model to automate visual QA across UC systemwide websites. Built with Python and Selenium, the tool compares QA and production environments to detect layout shifts, UI inconsistencies, and accessibility regressions. By reducing manual QA time and improving visual consistency, the system helped streamline UCOP’s deployment workflow and maintain a high standard of design quality across all sites.
⚠️ The Problem
UI behavior varies between different browsers, making manual cross-browser QA unreliable and difficult to scale.
Without automated testing, subtle regressions can enter production unnoticed, impacting design consistency and user experience across systemwide sites.
UC systemwide sites use different templates and content structures, making it hard to ensure visual and accessibility consistency manually.
💡 Key Features
Automated Screenshot Capture – Stores baseline and comparison screenshots across multiple environments.
Cross-Browser Support – Fully compatible with Chrome, Firefox, and Edge.
Environment Comparison – Detects visual differences between QA and Production environments to catch regressions early.
Visual Diff Heatmap – Generates an overlay highlighting exactly where UI discrepancies occur.
CI/CD Integration – Runs automatically in the deployment pipeline, enabling continuous visual testing without manual effort.
🏆 Achievements
Reduced manual visual QA time by nearly 60%, improved cross-browser reliability, and streamlined UCOP’s deployment workflow by integrating automated visual checks directly into the CI/CD pipeline.
More Projects
Links
samgrace.lincoln@gmail.com
