Raised: $10,006
83.4% of monthly goalHelp us cross the finish line!
Goal: $12,000
Raised: $10,006Goal: $12,000
83.4% of monthly goalHelp us cross the finish line!
Sponsor DDEV

Introduction: The Diffy DDEV plugin

Announcements
Yuri Gerasymov avatar
Yuri Gerasymov

August 9, 2024 2 min read

Edit this page
Microsoft image creator: camera and laptop
Microsoft image creator: camera and laptop

Diffy is a visual regression testing tool that allows you to take screenshots of your website from different environments and compare them. For example, you can visually compare your production vs. development. Or your local environment vs development.

We help developers see how their code changes affect the site visually, quickly, and on multiple pages.

As it is essential to spot the changes as early as possible, we built an integration with DDEV so you can take screenshots from your local environment.

For that you need a few steps:

  • create an account in Diffy, create a project, API key
  • add a DDEV add-on ddev add-on get diffywebsite/ddev-diffy and run ddev restart
  • set the API key and project ID with ddev dotenv set: ddev dotenv set .ddev/diffy-worker/.env --diffy-api-key=XXX --diffy-project-id=XXX
  • run screenshots from local environment with ddev screenshot and see them uploaded to Diffy

Once you have screenshots uploaded you can compare them to any other set of screenshots. For example with screenshots from production.

Here is a video walkthrough for the comparing local environment with your production with the integration.

Sponsor perk: DDEV sponsors at the $100/month “Featured Sponsor” level or above get a free one-year Diffy Pro plan license ($800 value) as part of their sponsorship. See the sponsor page for details.