Happo.io logo

Happo.io

Cross-platform, cross-browser screenshot testing for modern user interfaces.
0
3
+ 1
0

What is Happo.io?

Happo is a visual regression testing tool. It hooks into your CI environment to compare the visual appearance of UI components before and after a change. Screenshots are taken in different browsers and across different screen sizes to ensure consistent cross-browser and responsive styling of your application.
Happo.io is a tool in the Testing Frameworks category of a tech stack.

Why developers like Happo.io?

Here鈥檚 a list of reasons why companies and developers use Happo.io
Top Reasons
Be the first to leave a pro
Happo.io Reviews

Here are some stack decisions, common use cases and reviews by companies and developers who chose Happo.io in their tech stack.

Adam Neary
Adam Neary
Engineer at Airbnb | 6 upvotes 315K views
atAirbnbAirbnb
Happo.io
Happo.io
React Storybook
React Storybook

Happo.io is a straight up life-saver. It is the only screenshot testing tool I鈥檝e ever used, so I would not be sophisticated enough to compare it to alternatives, if there are any, but the essential idea is that you push code, and it goes off and renders all the components in your PR, comparing it with the version on master.

This means if you edit a component like <Input /> it will show you the impact on components that use Input, including the Search Bar you accidentally modified. It. Is. Fabulous.

How many times did you think your change was contained only to discover that ten other teams started using what you built, and your change breaks three of the ten? Without Happo, you might not know.

Until lately, the only downside with Happo was that our React Storybook variations (the input to the screenshot testing process) did not always reflect reliable data adequately. Now that Storybook is leveraging API data, we can feel much more confident. Plus, as our demo explores, it is automatic. If you add a field to the query and then the component, Happo will automatically post the diff to your PR, letting the engineers, designers, and product managers sitting next to you see the visual consequences of the change you have made.

See more
Russel Werner
Russel Werner
Lead Engineer at StackShare | 6 upvotes 63K views
atStackShareStackShare
Jest
Jest
Enzyme
Enzyme
React Storybook
React Storybook
Happo.io
Happo.io
Percy
Percy

We use Jest because when we rebooted our "front end" stack earlier last year, we need to have a testing solution (we didn't have any front-end tests before that!). Jest is fast and convenient and it has plenty of community support behind it. It let's us run our unit tests with Enzyme and snapshot tests.

This is an area that we are constantly reviewing to see what can be improved, both in terms of developer needs, accuracy, test maintainability, and coverage.

I'm currently exploring using React Storybook to be the record of snapshot tests and using some online services, such as Happo.io and Percy in our CI pipeline.

See more

Happo.io's Features

  • No more manual parsing of CSS
  • See the effects of changes directly
  • Test individual components in isolation

Happo.io Alternatives & Comparisons

What are some alternatives to Happo.io?
JUnit
JUnit is a simple framework to write repeatable tests. It is an instance of the xUnit architecture for unit testing frameworks.
Cucumber
Cucumber is a tool that supports Behaviour-Driven Development (BDD) - a software development process that aims to enhance software quality and reduce maintenance costs.
RSpec
Behaviour Driven Development for Ruby. Making TDD Productive and Fun.
PHPUnit
PHPUnit is a programmer-oriented testing framework for PHP. It is an instance of the xUnit architecture for unit testing frameworks.
Capybara
Capybara helps you test web applications by simulating how a real user would interact with your app. It is agnostic about the driver running your tests and comes with Rack::Test and Selenium support built in. WebKit is supported through an external gem.
See all alternatives

Happo.io's Followers
3 developers follow Happo.io to keep up with related blogs and decisions.
MohammadAsh15
miangel-pr
alejonext