[{"name":"VRTs – Visual Regression Tests","slug":"visual-regression-tests","version":"1.9.1","author":"Bleech","author_profile":"https://profiles.wordpress.org/bleechberlin/","requires":"5.0","tested":"6.6.2","requires_php":"7.0","requires_plugins":[],"rating":92,"ratings":{"1":1,"2":0,"3":0,"4":0,"5":8},"num_ratings":9,"support_threads":1,"support_threads_resolved":0,"downloaded":6222,"last_updated":"2024-07-19 12:56pm GMT","added":"2022-11-28","homepage":"https://bleech.de/en/products/visual-regression-tests/","sections":{"description":"

VRTs – Visual Regression Tests is a plugin to test your website for unwanted visual changes. The plugin runs automatic daily tests for chosen pages and posts. The tool creates daily comparison screenshots and compares them with a reference snapshot. If there is a difference between the screenshots, you’ll be automatically notified via email. Use three comparison modes to spot the differences easily.

Please note: The website must be publicly accessible in order to set up and run the tests. Password protection or any kind of firewall might prevent the plugin from working correctly.

YOUR STRATEGY TO SPOT UNWANTED CHANGES

How do you usually check your website after updates and code changes? Do you go manually through all pages or do you just hope everything will run ok? Visual regression testing provides you a method that helps you find errors and visual abnormalities. The VRTs plugin gives you an environment to automate your process.

Activate daily tests for any page or post: Upon activation, a reference screenshot is taken. This will be renewed when a post is saved or updated.
Receive instant alerts: If a change is detected between the snapshot and the comparison screenshot, the plugin will create an alert and notify you via email. The daily test will be paused, until the alert is resolved.
Compare two screenshots: Detect differences between the two snapshots with the difference, split screen or side-by-side view.
Exclude elements: Prevent false positives by excluding dynamic elements, ads and animations from snapshots.
Resolve tests: After fixing an issue, mark the alert as resolved. A new snapshot will be generated and the test will start running again.

USE CASES

In which cases can visual regression testing help you spot issues?

Plugin and core software updates
Manual code changes
External software and API issues
Server issues
Malware and other malicious code
Missing quality assurance

FEATURES

Instant first test: After plugin activation, the homepage is immediately monitored and alerts are sent to the stored admin email.
Daily Tests: The plugin automatically scans selected posts and pages daily. It validates the visual content by comparing two screenshots.
3 comparison modi: Choose between three ways to compare snapshots – Difference, Split, Side-by-Side view.
Instant alerts: As soon as a change is detected between the snapshot and the comparison screenshot, you will be notified via email.
GDPR compliant: Snapshots are stored on European servers. We do not collect any personal data.
Cross-team: Team members with admin rights can create and view tests and work together on the immediate solution.

FREE FOREVER

test up to 3 pages
on one domain
automatic daily tests

GO PRO

Do you like VRTs and want to run more tests?
\nUnlock more features with our paid plans:

test up to 500 pages in total
on multiple domains
with automatic daily test
and unlimited manual tests
run tests programmatically with do_action( ‘vrts_run_tests’ )
add multiple alert recipients
get e-mail support
and access to new features

See all pricing plans

BUG-REPORT

You found a bug? Please report it by creating an issue on the support forum.

You want to learn more about VRTs?

Official product page:

VRTs – Visual Regression Tests

Resources:

How does visual regression testing work?

\n","installation":"

INSTALL VRTS WITHIN WORDPRESS

(recommended)

Open Plugins > Add new
Search for Visual Regression Tests
Click install and activate the plugin

INSTALL VRTS MANUALLY THROUGH FTP

Download the plugin on the WordPress plugin page
Upload the ‘visual-regression-tests’ folder to the /wp-content/plugins/ directory
Activate the VRTs plugin through the ‘Plugins’ menu in WordPress

AFTER ACTIVATION

By default: The homepage is immediately monitored and alerts are sent to the stored admin email.
Open the settings to configure who should receive alerts.
Open a page or post to activate more tests.

UPGRADE TO VRTS PRO

Open VRTs > Upgrade
Click Buy Pro
Enter license key you have received after purchasing the plugin

\n","faq":"\n

\nWhat is Visual Regression Testing?\n\n

With visual regression testing, you can detect errors and unwanted changes on your website by comparing a previous state of the website with a more recent one. For example, errors in the frontend can be caused by plugin updates and changes. For small websites, you may be able to find them right away, but for complex websites, it becomes difficult. A tool can help by taking pictures of pages and posts to detect visual changes and inform you automatically.

\nHow does visual regression testing work?\n\n

Tests can be done manually, pixel-by-pixel, DOM-based or AI-based. In all cases you compare an earlier website state with a newer website state. Our Visual Regression Tests Plugin takes periodical screenshots and compares them on a split screen.

\nWhy should I use a tool for visual regression tests?\n\n

You can do visual testing either manually or with automated tools. Checking your website for errors manually is time-consuming and less accurate. Automated tests may find errors that are minimal and irrelevant. But the chance of finding critical errors is much higher with a tool. As soon as you discover an error, you’ll receive a warning so that you can fix the problem as soon as possible.

\nIs the testing done on my server?\n\n

Screenshots and comparisons are performed on an external server and sent to your WordPress website. Only required meta data is stored in your database.

\nWhy are email notifications not working properly?\n\n

If our external screenshot service can not access your WordPress installation directly, test status updates and sending emails will be handled by the WP-Cron system. In order to be notified by the plugin about new alerts, please make sure that your WordPress instance can send emails and that the WordPress cron system is set up correctly. The default configuration of the WordPress cron system does not work reliably if you cache your site heavily, do not have frequent visitors or do not use wp-admin regularly. In this case, you should hook the WP-Cron into the system task scheduler, or use an external cron job scheduling service.

\nDoes the plugin work with cookie consent banners?\n\n

Yes, cookie banners are not an issue. Before taking a snapshot, the tool can automatically trigger the Accept button to hide the banner. This option can be configured with CSS selectors in the plugin settings.

\nCan I test custom post type archives with VRTs?\n\n

The VRTs plugin primarily supports WordPress pages and posts. Automated visual testing of pages with dynamically changing content can lead to false positives. However, you can test such pages by following these steps:

Create a new blank page or post in WordPress.
Set up a redirect from this page to your desired URL.
Configure a test for this page. The screenshotter will follow the redirect.

\nHow do I prevent screenshots from getting blocked?\n\n

If your firewall is blocking our screenshot service, whitelist our IP address to resolve this: 49.13.14.240.

For Cloudflare, follow these steps:

Log in to your Cloudflare account.
Navigate to Security → WAF.
Click on Tools.
In the IP Access Rules box, enter 49.13.14.240.
Select Allow from the action dropdown.
Add “VRTs” as the note.
Click Add.

\n\n","changelog":"

1.9.1

Fixed alerts pagination SQL query compatibility with MySQL 5.7 and lower.

1.9.0

Test now run continuously and do not pause upon alerts.
Added onboarding for tests and alerts.
Fixed character encoding in alert emails.
Improved test status display inside the Gutenberg editor and classic metaboxes.
Removed pagination for tests.
Minor wording and styling changes.

1.8.0

Added option to mark alerts as false positive.
Improved tests order by status.
Minor wording and styling changes.

1.7.1

Fixed issue with uninstalling the plugin.

1.7.0

Fixed issue with formatted entities for page title inside email notifications.
Added bulk action “Add to VRTs” for all public post types.
Improved test status display flow.

1.6.0

Fixed WordPress 6.4 deprecated notices for list tables.
Added hook allowing developers to run tests by calling do_action( 'vrts_run_tests' ).
Added test page title and url to email notifications.

1.5.2

Changed internal option name.

1.5.1

Fixed issues with empty rest data on post update

1.5.0

Fixed test status display
Fixed url display in alerts list table
Added ability to trigger tests manually in specific plans

1.4.0

Fixed text domains for translation usage.
Added ability to hide elements on the page during screenshot with a css selector. Editable per test via quick edit or on the post’s edit page.
Improved outdated base screenshots are removed after fixing an alert or changing a posts content.

1.3.1

Improved functionality to create alerts only if pixel difference is > 1
Show the current plan on the update page

1.3.0

Changed initial validation logic
Made functionality work with protected websites
Added cron job to fetch test results
Allowed adding of tests for unpublished posts
Improved code structure
Improved communication with external service
Improved block editor compatibility and functionality with rest api

1.2.4

Fixed an issue that crashes the Gutenberg editor after upgrading to WordPress 6.2
Improved metabox behaviour inside the Gutenberg editor

1.2.3

Fixed tests and alerts search

1.2.2

Fixed url verification for sites using the WPML plugin

1.2.1

Fixed url validation on plugin update

1.2

Fixed license validations and notifications
Fixed alert pixel count
Fixed alert view metabox pixel count
Fixed status codes for admin ajax
Added notification messages if site is moved
Added notification inside metabox when service is not available
Improved license handling when license is added / removed
Improved data removal on plugin uninstall
Improved notifications logic inside metabox
Minor UI/UX adjustments and improvements

1.1

Fixed an issue with the add new test modal in specific cases
Fixed notification email site url
Added admin-ajax fallback functionality
Added messages for error when connecting to external service
Improved plugin deactivation & activation
Improved test deletion
General UI/UX adjustments and improvements

1.0

Initial Release

\n","screenshots":"

$\"Start$
Start a test by toggling on Run Tests in the sidebar of your WordPress page or post.
$\"Get$
Get an overview of all running and paused tests.
$\"Get$
Get an overview of your alerts. Review and resolve them one by one.
$\"The$
The difference view merges the reference snapshot and the newly created screenshot. Differences between them are highlighted in red.
$\"In$
In the split view you can compare two snapshots with a vertical slider.
$\"The$
The side by side view displays two snapshots next to each other.
$\"Run$
Run unlimited manual tests.

"},"short_description":"Test your website for unwanted visual changes. Run automatic tests and spot differences.","download_link":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.9.1.zip","screenshots":{"1":{"src":"https://ps.w.org/visual-regression-tests/assets/screenshot-1.png?rev=2953283","caption":"Start a test by toggling on Run Tests in the sidebar of your WordPress page or post."},"2":{"src":"https://ps.w.org/visual-regression-tests/assets/screenshot-2.png?rev=2953283","caption":"Get an overview of all running and paused tests."},"3":{"src":"https://ps.w.org/visual-regression-tests/assets/screenshot-3.png?rev=2953283","caption":"Get an overview of your alerts. Review and resolve them one by one."},"4":{"src":"https://ps.w.org/visual-regression-tests/assets/screenshot-4.png?rev=2953283","caption":"The difference view merges the reference snapshot and the newly created screenshot. Differences between them are highlighted in red."},"5":{"src":"https://ps.w.org/visual-regression-tests/assets/screenshot-5.png?rev=2953283","caption":"In the split view you can compare two snapshots with a vertical slider."},"6":{"src":"https://ps.w.org/visual-regression-tests/assets/screenshot-6.png?rev=2953283","caption":"The side by side view displays two snapshots next to each other."},"7":{"src":"https://ps.w.org/visual-regression-tests/assets/screenshot-7.png?rev=2953283","caption":"Run unlimited manual tests."}},"tags":{"regression":"regression","tests":"tests","visual":"visual","visual-regression":"visual regression","vrts":"vrts"},"versions":{"1.0.0":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.0.0.zip","1.1.0":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.1.0.zip","1.2.0":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.2.0.zip","1.2.1":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.2.1.zip","1.2.2":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.2.2.zip","1.2.3":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.2.3.zip","1.2.4":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.2.4.zip","1.3.0":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.3.0.zip","1.3.1":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.3.1.zip","1.4.0":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.4.0.zip","1.5.0":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.5.0.zip","1.5.1":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.5.1.zip","1.5.2":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.5.2.zip","1.6.0":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.6.0.zip","1.7.0":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.7.0.zip","1.7.1":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.7.1.zip","1.8.0":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.8.0.zip","1.9.0":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.9.0.zip","1.9.1":"https://downloads.wordpress.org/plugin/visual-regression-tests.1.9.1.zip","trunk":"https://downloads.wordpress.org/plugin/visual-regression-tests.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/visual-regression-tests/assets/icon.svg?rev=2825203","svg":"https://ps.w.org/visual-regression-tests/assets/icon.svg?rev=2825203"}},{"name":"Web Change Detector","slug":"webchangedetector","version":"3.0.3","author":"Mike Miler","author_profile":"https://profiles.wordpress.org/mikemiler/","requires":"5.2","tested":"6.6.2","requires_php":"7.0","requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":4},"num_ratings":4,"support_threads":0,"support_threads_resolved":0,"downloaded":1550,"last_updated":"2024-09-06 6:23pm GMT","added":"2020-08-15","homepage":"http://webchangedetector.com","sections":{"installation":"

Upload ‘webchangedetector’ to the /wp-content/plugins/ directory or install it directly from your backend at “Install Plugin”
Activate the plugin through the ‘Plugins’ menu in WordPress
Create a free account by filling the signup form
Activate your account by clicking the ‘Activate Account’ button in the email we sent you
Now you can start your visual regression tests

\n","changelog":"

3.0.3

Fix: Signup issues

3.0.2

Fix: Multiple API token usage

3.0.1

Fix: Activate account

3.0.0

Feature: Checks on WP auto updates
Feature: Set status for change detections
Improvement: Group change detections
Improvement: Cleaner design
Improvement: Better URL sync
Improvement: Filter and search urls to select
Fix: Calculation of available checks
Fix: Compatibility with WPML and Polylang
Fix: Saving of settings with more than 500 pages

2.3.3

Show updated pricing calculations
Fix when API is down

2.3.2

Fix: Activating mobile pages

2.3.1

Fix: Signup process
Test: Current WordPress version

2.3.0

Improvement: Integration of new account structure
Improvement: Changed names for screenshot types
Test: Current WordPress Version
Test: Current PHP Version

2.2.3

Fix: Upgrade Link
Test: Current WordPress version

2.2.2

Feature: Auto Detection Intervals of 15min and 30 min
Fix: Finish update change detections

2.2.1

Fix: Sync post_types

2.2.0

Fix: Bulk select in tables
Improvement: Simplify update detection wizard
Feature: Sync additional post types and taxonomies

2.1.2

Fix: Update Detection not shown

2.1.1

Testing compatibility for WP 5.7
Filter for urls
Compatibility fixes for api requests
Show selected URLs on top

2.1.0

Feature: Add threshold setting for change detections
Fix: Saving settings for auto and update detections

2.0.0

Feature: Create account directly from plugin
Feature: Slider for comparing screenshots
Feature: Navigate directly through change detections
Feature: Show browser time for next auto detections
Feature: Copy url settings to other detection type
Feature: Compare before and after screenshot with slider
Feature: Show live status when taking screenshots
Feature: Pagination for logs
Feature: Show change detections and screenshots in logs
Improvement: Available screenshot overview
Improvement: User experience
Fix: Error handling when changing domain
Fix: Skip URL sync for other post types

1.1.6

Fix comparison view

1.1.5

Fix for new accounts
Fix link to create free account
Update readme

1.1.4

Validation fixes

1.1.3

Remove Plugin Updater
Prepare for WP Directory

1.1.2

Update repository url

1.1.1

Fix initial sync of urls

1.1.0

New Layout
New dashboard
New Change Detection tab
Help texts
Directlink to upgrades

1.0.8

Redesign selecting urls
Move Change Detections to seperate tab

1.0.7

Switch to new API

1.0.6

Improvement: Free account with 50 change detections every month
Improvement: Only show change detections with differences
Improvement: Show icons for devices
Feature: Show queue for currently processing urls and already processed ones
Feature: Pre- and post-update change detections for less unnecessary compares
Feature: Filter showing change detections by days

1.0.5

Fix: Prepare Plugin for changes in API

1.0.4

Fix: Change in API for Amount of selected urls in Update Change Detection

1.0.3

Fix: Disabled auto sync after publishing posts. This caused issues on publishing posts.

1.0.2

Feature: Order urls by page title

1.0.1

Feature: Sync new posts with API

1.0.0

Launch Stable Version

\n","description":"

The #1 Visual Regression Test Tool For WordPress

Check your website visually after WP auto updates to see if something broke with visual regression tests. Or monitor your website visually in intervals and get notified about any change.
\nWith WebChange Detector you can find any difference on your website

after installing updates,
after installing new plugins,
after pagespeed optimization,
after CSS changes or
any other customization on your WordPress website.

See all differences highlighted in a new screenshot to easily compare your website before and after the changes.
\nWith our visual regression tests for WordPress you can make sure your website looks like it should, and fix anything which looks wrong, before your visitors see the issues.

Why You Should Use WebChange Detector

Save trouble by checkin your website visually for changes after installing updates.
Save time with checking all pages yourself after some changes.
Don’t miss sales because of overlooking issues on your site.

What You Can Do With Visual Regression Tests of WebChange Detector

Run a change detection to see changes before and after updates at your website.
Set Monitorings in intervals which automatically detects changes.
Receive email alerts for visual regression test results and check the changes.
Check desktop and mobile screen sizes.
Share the change detection link with your web designer to fix issues.

Free Plan Limitations

Get 50 checks per month for the visual regression tests.
Monitoring only works in 24h intervals.

Premium Plans

Get more checks and lower monitoring intervals with our premium plans. You find them at www.webchangedetector.com/pricing/.

\n","screenshots":"

$\"Show$
Show Change Detection: Check the changes before and after updates
$\"Dashboard:$
Dashboard: Show the latest change detections and account information
$\"Auto-update$
Auto-update checks: Make all settings for WP auto update checks and select the pages to check
$\"Manual$
Manual Checks: See all Change detections and their change in percent. Set the status for a better overview.
$\"Monitoring:$
Monitoring: Make all settings for Monitoring and select the pages to check
$\"Change$
Change Detections: Have all change detections in on overview - grouped by monitoring, manual checks or auto update checks
$\"Queue:$
Queue: Find all tasks which were done in this overwiew
$\"Settings:$
Settings: Additional settings are listed here.

"},"short_description":"The #1 Visual Regression Test Tool For WordPress","download_link":"https://downloads.wordpress.org/plugin/webchangedetector.3.0.3.zip","screenshots":{"1":{"src":"https://ps.w.org/webchangedetector/assets/screenshot-1.png?rev=3147088","caption":"Show Change Detection: Check the changes before and after updates"},"2":{"src":"https://ps.w.org/webchangedetector/assets/screenshot-2.png?rev=3147088","caption":"Dashboard: Show the latest change detections and account information"},"3":{"src":"https://ps.w.org/webchangedetector/assets/screenshot-3.png?rev=3147088","caption":"Auto-update checks: Make all settings for WP auto update checks and select the pages to check"},"4":{"src":"https://ps.w.org/webchangedetector/assets/screenshot-4.png?rev=3147088","caption":"Manual Checks: See all Change detections and their change in percent. Set the status for a better overview."},"5":{"src":"https://ps.w.org/webchangedetector/assets/screenshot-5.png?rev=3147088","caption":"Monitoring: Make all settings for Monitoring and select the pages to check"},"6":{"src":"https://ps.w.org/webchangedetector/assets/screenshot-6.png?rev=3147088","caption":"Change Detections: Have all change detections in on overview - grouped by monitoring, manual checks or auto update checks"},"7":{"src":"https://ps.w.org/webchangedetector/assets/screenshot-7.png?rev=3147088","caption":"Queue: Find all tasks which were done in this overwiew"},"8":{"src":"https://ps.w.org/webchangedetector/assets/screenshot-8.png?rev=3147088","caption":"Settings: Additional settings are listed here."}},"tags":{"auto-updates":"auto updates","screenshots":"screenshots","visual-check":"visual check","visual-regression-test":"visual regression test","vrt":"vrt"},"versions":{"1.1.4":"https://downloads.wordpress.org/plugin/webchangedetector.1.1.4.zip","1.1.5":"https://downloads.wordpress.org/plugin/webchangedetector.1.1.5.zip","1.1.6":"https://downloads.wordpress.org/plugin/webchangedetector.1.1.6.zip","2.0.0":"https://downloads.wordpress.org/plugin/webchangedetector.2.0.0.zip","2.1.0":"https://downloads.wordpress.org/plugin/webchangedetector.2.1.0.zip","2.1.1":"https://downloads.wordpress.org/plugin/webchangedetector.2.1.1.zip","2.1.2":"https://downloads.wordpress.org/plugin/webchangedetector.2.1.2.zip","2.2.0":"https://downloads.wordpress.org/plugin/webchangedetector.2.2.0.zip","2.2.1":"https://downloads.wordpress.org/plugin/webchangedetector.2.2.1.zip","2.2.2":"https://downloads.wordpress.org/plugin/webchangedetector.2.2.2.zip","2.2.3":"https://downloads.wordpress.org/plugin/webchangedetector.2.2.3.zip","2.3.0":"https://downloads.wordpress.org/plugin/webchangedetector.2.3.0.zip","2.3.1":"https://downloads.wordpress.org/plugin/webchangedetector.2.3.1.zip","2.3.2":"https://downloads.wordpress.org/plugin/webchangedetector.2.3.2.zip","2.3.3":"https://downloads.wordpress.org/plugin/webchangedetector.2.3.3.zip","3.0.0":"https://downloads.wordpress.org/plugin/webchangedetector.3.0.0.zip","3.0.1":"https://downloads.wordpress.org/plugin/webchangedetector.3.0.1.zip","3.0.2":"https://downloads.wordpress.org/plugin/webchangedetector.3.0.2.zip","3.0.3":"https://downloads.wordpress.org/plugin/webchangedetector.3.0.3.zip","trunk":"https://downloads.wordpress.org/plugin/webchangedetector.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/webchangedetector/assets/icon-128x128.jpg?rev=2361851","2x":"https://ps.w.org/webchangedetector/assets/icon-256x256.jpg?rev=2361851"}}]

YOUR STRATEGY TO SPOT UNWANTED CHANGES

USE CASES

FEATURES

FREE FOREVER

GO PRO

BUG-REPORT

READ MORE

INSTALL VRTS WITHIN WORDPRESS

INSTALL VRTS MANUALLY THROUGH FTP

AFTER ACTIVATION

UPGRADE TO VRTS PRO

1.9.1

1.9.0

1.8.0

1.7.1

1.7.0

1.6.0

1.5.2

1.5.1

1.5.0

1.4.0

1.3.1

1.3.0

1.2.4

1.2.3

1.2.2

1.2.1

1.2

1.1

1.0

3.0.3

3.0.2

3.0.1

3.0.0

2.3.3

2.3.2

2.3.1

2.3.0

2.2.3

2.2.2

2.2.1

2.2.0

2.1.2

2.1.1

2.1.0

2.0.0

1.1.6

1.1.5

1.1.4

1.1.3

1.1.2

1.1.1

1.1.0

1.0.8

1.0.7

1.0.6

1.0.5

1.0.4

1.0.3

1.0.2

1.0.1

1.0.0

The #1 Visual Regression Test Tool For WordPress

Why You Should Use WebChange Detector

What You Can Do With Visual Regression Tests of WebChange Detector

Free Plan Limitations

Premium Plans

vrts

VRTs – Visual Regression Tests

Web Change Detector

Get New Themes & Resources