Visual Testing Powered by CodeceptJS & Resemble.js
summary
Shows how to add automated visual diffing to CodeceptJS tests using Resemble.js by introducing the codeceptjs-resemblehelper. Covers using Resemble.js for pixel-level image comparison to validate plotted charts and metric visualizations in data-intensive apps, with use cases and examples of integrating the helper into CodeceptJS to speed up verification and increase release confidence.
AI-written summary · about
chapters (8)
- 0:00Start
- 3:38What?
- 5:43Resemble.js
- 17:36Basics
- 27:14Diff Image
- 27:47Acceptance Visual Test
- 28:24Comparison
- 29:18Conclusion
related talks
12mIntegrating visual testing into the build pipeline
09mVisual Regression with Puppeteer, Playwright and Cypress
27mWhat To Expect When You're Expecting: A guide to Regression Testing
30mImplementing a Visual CSS Testing Framework
27mPixel by Pixel: Visual Regression Testing in Ember
42mHow Visual AI Makes Testing Easy
20mVisual testing with Visual Regression Tracker
32mContinuous Visual Integration for Rails