Automation library · Content

Report post-deploy visual regressions with Snapshot Site

Started by another system calling it, and works across GitHub and Slack. 9 steps, 2 branches, 1 loop or waits: a working afternoon to understand properly.

Medium

9 stepsMedium: a working afternoon
2Branches: places the flow splits
1Loop or waits
2Services it connects to

The flow

Starts it 1Logic 4Service 4

The steps in the order they run, from what starts it.

  1. 1When a Deploy FinishesWebhookStarts it
  2. 2Wait for Deploy to SettleWaitLogic
  3. 3Compare Deploy to BaselineSnapshot SiteService
  4. 4Check for API ErrorIfLogic
  5. 5Notify Comparison Failure on SlackSlackService
  6. 6Check for Layout RegressionIfLogic
  7. 7Notify Visual Regression on SlackSlackService
  8. 8Create Visual Regression Issue on GitHubGithubService
  9. 9No Visual RegressionNo OpLogic

How it's built

Starts on
Another system calling it
Steps
9, with 2 branches, 1 loop or waits
Size
Medium: a working afternoon
Connects to
GitHub, Slack
Model
None. This is plumbing, not judgement

Questions

What does it need to run?

An n8n account, plus your own GitHub and Slack accounts. You connect your own accounts after importing it; none are included.

What starts it?

It starts on another system calling it.

Does it use AI?

No. Every step is fixed logic or a call to a service, so it does the same thing every time.

How long does it take to set up?

Plan an afternoon. 9 steps is enough that you should read each one before running it.

How do I import it?

Copy the workflow, open a new workflow in n8n and paste. The steps appear on the canvas, ready for your own accounts.

Before you run it

Nothing here has been tested by us. It is somebody's working automation, read and described from its own steps. Treat the connections it wants as a list of accounts it will touch, and read the 9 steps before you point it at anything that matters.