How to automate visual reviews with Percy

Buddy
2 min readFeb 7, 2018

--

Percy is a great choice if you want to see diffs between changes in the application. Automating it with Buddy will allow for automated visual reviews on every push to Git .

In this example, we’ll show you how to automate screenshot grabbing in Mocha/Chai tests of an Ember app.

Step 1: Add pipeline

If you haven’t used Buddy before, sign up with your GitHub/Bitbucket account or email. Select the repository with your tests and create a new delivery pipeline.

Step 2: Configure action

Now let’s add and configure the Node.js action. To make it work with Percy you need to head to the Packages tab and copy paste the following code:

apt-get update
apt-get install -y wget --no-install-recommends
wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add -
sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list'
apt-get update
apt-get install -y google-chrome-unstable --no-install-recommends
rm -rf /var/lib/apt/lists/*
apt-get purge --auto-remove -y curl
rm -rf /src/*.deb

Like what you read? Check out the full guide here!

--

--

No responses yet