In this episode, you'll learn how to use visual regression tests in WordPress to track website changes. We explain the benefits of visual tests, how they'll help you detect critical issues and how you can set up visual regression tests with software libraries or WordPress plugins.
VRTs WordPress Plugin
https://vrts.app
Highlights
00:00 Intro
00:22 What are visual regression tests (VRTs)?
01:39 Why we build a VRTs plugin for WordPress
04:54 Experience with BackstopJS
11:40 Questions to consider before building a tool
14:22 Why don't we use an existing tool?
18:02 Why did we need visual regression tests for our websites?
19:00 Reason 1: Automatic Plugin-Updates
24:45 Reason 2: Code-Changes
25:28 Reason 3: Unnoticed Changes
30:31 How does our plugin work?
33:47 The technical structure
37:35 Don't miss the promo code and get 50% off :)
38:58 Why VRTs is so simple
Links
VRTs WordPress Plugin: https://wordpress.org/plugins/visual-regression-tests/
BackstopJS: http://garris.github.io/BackstopJS/
Selenium: https://www.selenium.dev/
PhantomJS: https://phantomjs.org/
Puppeteer: https://pptr.dev/
Playwright: https://playwright.dev/
Storybook: https://storybook.js.org/
Flynt Starter Theme: https://flyntwp.com/
More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)