Visual Regression Tests WordPress Plugin

WordPress Plugin

VRTs – Visual Regression Tests

Visual Regression Tests is a WordPress Plugin to test your site for visual changes and notifies you upon alerts automatically.

Download Plugin    How it works

Find issues, before others do

Only three steps to get the result. Compare snapshots with each other
and recognize website errors at first glance.

WP VRTs screenshot comparison

6 common website problems

These main causes have great potential to disrupt the user
experience or cause damage to the website.

  • 01
    Plugin updates

    and WordPress updates leave errors on the website.

  • 02
    Code changes

    unintentionally modify design elements on subpages and remain undetected.

  • 03
    Missing checks

    Manual quality assurance of complex websites is time-consuming and inaccurate.

  • 04
    External services

    and API integrations are no longer fetched correctly.

  • 05
    Server problems

    do not display subpages correctly and generate error messages.

  • 06
    Malicious code

    or problematic links are infiltrated by hackers.

These problems can be prevented –
with Visual Regression Tests

We wanted to help solve these problems for website owners.
That’s why we created VRTs – Visual Regression Tests.

No-code tool

Quick to install and uncomplicated to configure. Programming skills are not necessary.

 

WordPress Plugin

Visual Regression Tests is easy to integrate as a plugin into your WordPress website.

Daily tests

The tool automatically scans all selected pages and validates the visual content by comparing screenshots.

This is how the VRTs plugin works

Aktiviere Tests in der Post Editor Metabox

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. Comparison screenshots are created daily. You wanna remove a test? No problem. Just remove the test in the settings.

Schaue dir die Benachrichtigungen im WordPress Backend an

Catch issues on the go with email alerts

If a change is detected between the snapshot and the comparison screenshot, the plugin will create an alert and notify you via email. As an effect of an alert being raised, the daily testing is paused for that page. As soon as the alert is marked as resolved, the testing continues. The resolved state is taken as a new reference point.

Vergleiche Screenshots in verschiedenen Ansichten

Compare two snapshots and customize your alerts

To compare two versions of a website state you can use the option difference, split screen or side-by-side. With that you can easily detect the differences between the two snapshots and fix them quickly. And if you spot any false positives, you can cancel them out by excluding dynamic elements and animations individually for each test page.

Aktiviere Manuelle Tests

Run tests manually for quick checks on the spot (Pro Feature)

The manual testing feature for the VRTs Plugin allows immediate testing for all active tests, swiftly identifying issues resulting from plugin or WordPress updates. Take control of your testing process and ensure visual integrity without waiting for the next scheduled test.

Trigger tests automatically

Run tests automatically via code and CI/CD pipelines (Pro Feature)

Integrate visual regression testing into your deployment workflow for seamless automation. With each deployment, automatically trigger all visual tests and receive instant notifications on any visual changes. This is more than testing – it’s proactive quality assurance for your website’s ongoing development.

Since our website has now reached a very large scale and continues to grow steadily, we are happy to quickly detect and fix errors with the VRTs. Absolutely recommended for extensive projects!

Andreas Gomer Marketing Manager Online
Beumer Group

Siegfried, deploy!

Listen to our podcast

Learn more about the background, why we wanted to develop our own Visual Regression Testing plugin and how we technically implemented VRTs.

By loading the video, you agree to YouTube’s privacy policy.
Learn more

PGlmcmFtZSB0aXRsZT0iVHJhY2sgV2Vic2l0ZSBDaGFuZ2VzIFdpdGggVmlzdWFsIFJlZ3Jlc3Npb24gVGVzdHMgaW4gV29yZFByZXNzIiB3aWR0aD0iMTEyMCIgaGVpZ2h0PSI2MzAiIGZyYW1lYm9yZGVyPSIwIiBhbGxvdz0iYWNjZWxlcm9tZXRlcjsgYXV0b3BsYXk7IGNsaXBib2FyZC13cml0ZTsgZW5jcnlwdGVkLW1lZGlhOyBneXJvc2NvcGU7IHBpY3R1cmUtaW4tcGljdHVyZTsgd2ViLXNoYXJlIiBhbGxvd2Z1bGxzY3JlZW4gZGF0YS1zcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUtbm9jb29raWUuY29tL2VtYmVkL19LOFJBTmlNUDUwP2ZlYXR1cmU9b2VtYmVkJmFtcDttb2Rlc3RicmFuZGluZz0xJmFtcDthdXRvcGxheT0xJmFtcDtyZWw9MCI+PC9pZnJhbWU+

FEATURES

Why VRTs is so simple

1-click installation
Download the plugin directly in WordPress. No configuration needed. After activation, the start page is immediately monitored and alerts are sent to the stored admin email.

24h monitoring
The plugin monitors the website once per day. Problems do not go unnoticed for more than a day.

Instant alerts
As soon as the tool detects an error, deposited persons are notified. This gives you peace of mind in your daily business and assurance that nothing goes unnoticed.

GDPR compliant
Snapshots are stored on European servers. We do not collect any personal data.

Content compliant
The plugin detects intended content changes. After texts or images are updated, a new reference screenshot is taken.

Cross-team
Team members with admin rights can create and view tests and work together on the immediate solution.

Try the VRTs plugin – it’s free

Download Plugin

Pricing

Choose your plan

  • Free

    $0

    free forever


    • test up to 3 pages
    • on one domain
    • automatic daily tests
  • Pro

    $9/mo

    billed monthly or
    $6/mo billed annually


    • test 25 pages in total
    • on multiple domains
    • automatic daily tests
    • manual tests (unlimited)
    • multiple alert recipients
    • e-mail support
  • Most popular

    Business

    $29/mo

    billed monthly or
    $19/mo billed annually


    • test 100 pages in total
    • on multiple domains
    • automatic daily tests
    • manual tests (unlimited)
    • multiple alert recipients
    • e-mail support
  • Agency

    $89/mo

    billed monthly or
    $59/mo billed annually


    • test 500 pages in total
    • on multiple domains
    • automatic daily tests
    • manual tests (unlimited)
    • multiple alert recipients
    • e-mail support

FAQ

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.

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.

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.

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

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.

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.

Get Bleech Insights

We’re constantly looking at new developments on the web and questioning the status quo. You’re curious what we have to say? Stay up to date and subscribe to Bleech Insights!