Visual comparison & snapshot testing now in Beta

Checkly now supports Playwright Test's visual comparison & snapshot testing in our Playwright powered browser checks!

With one line of code, you can now check visual regressions for your sites, apps and component libraries. No extra tokens, wrappers or confusing config needed.

import { test, expect } from '@playwright/test';

test('Google search homepage', async ({ page }) => {
   await page.goto('https://google.com')
   await expect(page).toHaveScreenshot()
})

It's super simple:

Add an expect().toHaveScreenshot() or expect().toMatchSnapshot() line to any browser check.
Create a golden image with one click.
Run your check around the clock. Checkly takes care of storing your images in our cloud.

Using our CLI, you can manage this all from your code base. Just add the --update-snapshots flag to your test command.

npx checkly test --update-snapshots

When your snapshot comparison fails, you can inspect it in the handy diff viewer.

To get going with snapshot testing using our CLI and / or the Checkly agent on your private location, make sure to upgrade to the latest version.

Check out the full docs right here.

This feature is available on all plans during beta. Any pricing or plans limits will be introduced after the beta.

Questions or feedback? Join our Slack community.