All Projects → percy → snapshot-action

percy / snapshot-action

Licence: MIT license
[Deprecated] A GitHub action to visually test static sites with Percy

Programming Languages

SCSS
7915 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language
ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to snapshot-action

percy-puppeteer
Visual testing with Puppeteer and Percy
Stars: ✭ 47 (+235.71%)
Mutual labels:  visual-testing, percy
percy-agent
[Deprecated in favor of `@percy/cli`] An agent process for integrating with Percy.
Stars: ✭ 21 (+50%)
Mutual labels:  visual-testing, percy
percy-webdriverio
Visual testing with WebdriverIO and Percy
Stars: ✭ 25 (+78.57%)
Mutual labels:  visual-testing, percy
percy-node
Utilities for visual regression testing in node based testing setups (like Protractor) for use with percy.io
Stars: ✭ 17 (+21.43%)
Mutual labels:  percy
jest-puppe-shots
A Jest plugin for creating screenshots of React components with a little help of Puppeteer
Stars: ✭ 86 (+514.29%)
Mutual labels:  visual-testing
hackernews
This project is based on the book "The Road to React" by Robin Wieruch
Stars: ✭ 19 (+35.71%)
Mutual labels:  percy
next.js-boilerplate
next.js bolierplate, next.js 的开发模板
Stars: ✭ 28 (+100%)
Mutual labels:  visual-testing
vuetify-with-storybook
Setting up Storybook with Vuetify the right way
Stars: ✭ 116 (+728.57%)
Mutual labels:  visual-testing
example-percy-cypress
Example app demonstrating Percy's Cypress integration.
Stars: ✭ 48 (+242.86%)
Mutual labels:  visual-testing
Gazo-san
Detect difference between two images.
Stars: ✭ 40 (+185.71%)
Mutual labels:  visual-testing
laravel-visual-testing
Visual UI screenshot testing with Laravel Dusk using percy.io
Stars: ✭ 29 (+107.14%)
Mutual labels:  percy
aerobatic-cli
CLI for interacting with Aerobatic static hosting platform
Stars: ✭ 13 (-7.14%)
Mutual labels:  static-sites

Percy for Static Sites

Deprecated

⚠️ This action is only required if you're using an older SDK not using Percy CLI. In Percy CLI, GitHub actions will work out of the box.

Example for how to migrate

Before

name: CI
on: [push, pull_request]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@master
      - name: Install
        run: bundle install
      - name: Build
        run: bundle exec jekyll build
      - name: Percy Test
        uses: percy/[email protected]
        with:
          build-directory: "_site/"
        env:
          PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}

After

name: CI
on: [push, pull_request]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@master
      - name: Install
        run: bundle install
      - name: Build
        run: bundle exec jekyll build
      - name: Percy Test
        run: npx percy snapshot _site/
        env:
          PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}


A GitHub action to visuall test static sites with Percy. Full API docs for this action can be found here

Quick start

To use the Percy snapshot GitHub action you will need to add a new step to your actions config using the percy/snapshot-action action. snapshot-action has one required input: the directory where your static site is built to. You will also need to set your PERCY_TOKEN in your GitHub projects settings.

Below is a sample config that tests a Jekyll static site with Percy:

name: CI
on: [push, pull_request]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@master
      - name: Install
        run: bundle install
      - name: Build
        run: bundle exec jekyll build
      - name: Percy Test
        uses: percy/[email protected]
        with:
          build-directory: "_site/"
        env:
          PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].