41 min

Track Website Changes With Visual Regression Tests - Try this WordPress plugin Siegfried, deploy!

    • Technologie

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)

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)

41 min

Top Podcasts In Technologie

Lex Fridman Podcast
Lex Fridman
Flugforensik - Abstürze und ihre Geschichte
Flugforensik
Apfelfunk
Malte Kirchner & Jean-Claude Frick
Darknet Diaries
Jack Rhysider
c’t uplink - der IT-Podcast aus Nerdistan
c’t Magazin
Bits und so
Undsoversum GmbH