Getting Started

What are you testing?

ViSnap needs to know what to test. You can use ViSnap with your Storybook stories, with any website or web app (using URL testing), or with both at the same time in a single project. Pick the option below that best matches your workflow:

Testing Storybook Stories

If you're using Storybook, this is the easiest way to get started. ViSnap automatically finds and tests all your stories.

👉 Start with Storybook Setup

Testing Websites

If you want to test any website, landing pages, or an app without Storybook, use the URL adapter.

👉 Start with URL Testing

Not Sure Yet?

Both guides walk you through the complete setup from installation to seeing your first visual test results. You can also use both approaches together in the same project.

Quick Commands Reference

Once you're set up, these are the commands you'll use daily:

# Initialize ViSnap
npx visnap init

# Take baseline screenshots
npx visnap update

# Test for visual changes
npx visnap test

# View the HTML report
npx visnap open

Learn More

Why ViSnap - Understand why visual testing matters
How It Works - Learn about the testing process
Interactive Testing - Test hover states and forms
CI Integration - Run tests in your pipeline