Diffy

Screenshots based tool to ensure your design stays consistent during code changes.

Integrate the Diffy API with the Node API

Setup the Diffy API trigger to run a workflow which integrates with the Node API. Pipedream's integration platform allows you to integrate Diffy and Node remarkably fast. Free for developers.

Run Node Code with Node API on New Diff Created from Diffy API
Diffy + Node
 
Try it
Run Node Code with Node API on New Screenshot Created from Diffy API
Diffy + Node
 
Try it
New Diff Created from the Diffy API

Emit new event when a new diff is created in Diffy. See the documentation

 
Try it
New Screenshot Created from the Diffy API

Emit new event when a new screenshot is created in Diffy. See the documentation

 
Try it
Run Node Code with the Node API

Write custom Node.js code and use any of the 400k+ npm packages available. Refer to the Pipedream Node docs to learn more.

 
Try it

Overview of Diffy

The Diffy API offers visual regression testing, allowing you to compare visuals of web pages over time or across different environments. With Pipedream's serverless architecture, you can integrate Diffy into various workflows to automate visual testing, get notified of changes, or even trigger deployments in a CI/CD pipeline when a visual test passes.

Connect Diffy

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    diffy: {
      type: "app",
      app: "diffy",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://app.diffy.website/api/projects`,
      headers: {
        Authorization: `Bearer ${this.diffy.$auth.access_token}`,
      },
    })
  },
})

Overview of Node

Develop, run and deploy your Node.js code in Pipedream workflows, using it between no-code steps, with connected accounts, or integrate Data Stores and File Stores.

This includes installing NPM packages, within your code without having to manage a package.json file or running npm install.

Below is an example of installing the axios package in a Pipedream Node.js code step. Pipedream imports the axios package, performs the API request, and shares the response with subsequent workflow steps:

Connect Node

1
2
3
4
5
6
7
// To use previous step data, pass the `steps` object to the run() function
export default defineComponent({
  async run({ steps, $ }) {
    // Return data to use it in future steps
    return steps.trigger.event
  },
})

Community Posts

Automate checking a ticket system's availability with Node.js and Pipedream
Automate checking a ticket system's availability with Node.js and Pipedream
How I used Node.js and Pipedream to automatically scrape a ticket booking site and notify me if availability had changed.