Thanks to visit codestin.com
Credit goes to github.com

Skip to content

sherlo-io/sherlo

Repository files navigation


Sherlo logo

Visual Testing for React Native Storybook


Conceptual visualization of Sherlo's workflow showing how visual testing and review process works

Sherlo

Test your UI on iOS and Android automatically in the cloud. Built for React Native Storybook.

How It Works

  1. 📸 Capture – Sherlo takes screenshots of your UI on iOS and Android devices in the cloud
  2. 🔍 Detect – All visual changes are automatically detected by comparison with previous versions
  3. 👍 Review – Your team reviews detected changes before they go live

Key Benefits

  • 🖼️ Pixel Perfection – Your designs, implemented exactly as intended
  • ✅ Ship with Confidence – See exactly what changed before release – no surprises in production
  • ⏱️ Minutes Not Hours – Forget device-by-device checks – every UI update caught automatically
  • 🤝 Review Together – One place where devs, designers, PMs, and QA collaborate
  • 📱 Real Mobile Testing – Native iOS & Android testing – not web approximations like React Native Web
  • ☁️ Visual Testing Cloud – You build, we test – on infrastructure built specifically for mobile UI testing

Quick Start

1) Install Sherlo

npx sherlo@latest init

2)* Customize test devices (optional)

[
  { "id": "pixel.7", "osVersion": "13" },
  { "id": "iphone.15", "osVersion": "17", "osTheme": "dark" },
  { "id": "ipad.10.gen", "osVersion": "17", "osLocale": "en_GB", "osFontScale": "+2" }
]

3) Run visual tests

npx sherlo test

🎉 That's it! Your visual testing is ready.


Full documentation →


Review App + Demo

Review visual changes across devices in one web app as a team – from developers to designers.

Features

  • 📸 Visual Diff Comparison – Compare before/after screenshots with highlighted changes
  • 💬 Team Feedback – Approve or reject changes and leave comments
  • 🔍 Code Inspector – Inspect React Native styles directly in the browser
  • 🎨 Figma Integration – Compare UI with Figma designs side-by-side
  • …and more

🚀 Open Demo to see Sherlo in action

Demo of Sherlo's web application showing review workflow with visual diffs, comments, code inspection, and Figma preview

New to Storybook?

Join thousands of teams using Storybook – a tool that helps you develop and document UI components


🧘 Build in Isolation – No need to run the full app or navigate through screens

📚 Auto Docs – Write once, get both components and documentation

💖 Perfect with Sherlo – Plug in and get iOS & Android visual tests automatically – zero extra effort


Storybook for React Native →


Join the Community

💬 Join our Discord – Get help and chat with the community

📢 Follow us on X – Latest updates and React Native tips

📧 Questions? [email protected]



⭐ Star this repo to support the project!


Made with ❤️ by Devine team
WebsiteAppDemoDocs