Tutorials

👍

Covered in this doc

• Visual testing tutorials for web apps, components, and end-to-end testing frameworks
• Links to example apps with Percy already integrated

Before you get started with a tutorial, we recommend reading our Getting started guide.

Tutorials

Our 2-minute, step-by-step tutorials will walk you through getting started with Percy—cloning an example app, making some changes, and seeing the visual changes in Percy.

• Ember tutorial
• Capybara tutorial
• Storybook tutorial
• Cypress tutorial
• Nightmare tutorial
• Puppeteer testing tutorial
• Java Selenium testing tutorial
• Protractor testing tutorial
• Nightwatch testing tutorial
• TestCafe testing tutorial
• WebDriverIO testing tutorial

Tutorial example apps

Want to jump right into code? Check out these example apps with Percy already integrated:

• percy/example-ember
• percy/example-rails
• percy/example-storybook-for-react
• percy/example-percy-cypress
• percy/example-percy-nightmare
• percy/example-percy-puppeteer
• percy/example-percy-puppeteer-standalone
• percy/example-percy-java-selenium
• percy/example-percy-protractor
• percy/example-percy-nightwatch
• percy/example-percy-testcafe