Code Monkey home page Code Monkey logo

appraise's Introduction

Appraise

Install from NPM Chat on Gitter MIT License

Painless visual test automation

Appraise is a tool for visual approval testing. It can help you:

  • Review and approve changes to web pages, visual layouts and browser components quickly through visual inspection
  • Automate acceptance/regression tests for visual look and feel in a visual language, rather than xUnit style code
  • Publish easily maintainable/verifiable developer docs with visual examples to Github easily (markdown) or as a static site (html)
  • Start Spec by Example/BDD from a sketch (hand-drawn, wireframe, or from a graphic tool), easily compare actual outcomes, then just approve the final result to make a regression test

This is what it will help you do in the near future:

  • Speed up visual exploratory testing by making it easier to rebuild visual components from example data/configuration
  • Run visual tests quickly/in parallel using AWS Lambda

For a more detailed introduction on when Appraise might be useful and why we built it, check out:

In action

Examples

The files in the Examples directory are automated tests, described in Markdown, that nicely render when viewed in GitHub and serve as living documentation for the tool. Check out the raw markdown source to see how the tests are set up.

Use Appraise

Get help

Head over to the AppraiseQA Chat on Gitter and let's talk about it!

Status

Alpha -- useful to us, let's make it useful to you together.

We've been using Appraise for a while now for developing MindMup so it is quite usable for our usage scenarios, but it's likely that we've not covered 100% of what you need.

Assume that before version 1.0, important stuff is likely going to change in a backwards-incompatible way based on community feedback.

Contribute to Appraise

Here's a list of tasks that we plan to do, so join in and take one of those!

License

MIT, see the license file.

appraise's People

Contributors

gojko avatar patriksvensson avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

appraise's Issues

URL test issue

Hi, I am just exploring this a little bit, and I wanted to take the image from a URL, however the Actual image is completely different from the Source and I don't understand why. Another issue I have seen is when you take an image using an URL you can see that the screenshots are a bit distorted (You can use google as an example) and every time you run the test it finds a difference.

React Support?

Hello, I think this is a great idea and wanted to know if there is any planned or way of making it work with React? it could render React components and then the snapshot maybe?

Ability to run examples only on a specific OS

Is there any way to run examples only on a specific OS?

We are having an issue with Roboto font - The font is rendered slightly different on Windows and Mac OS X and we want to approve our examples separately on different platforms.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.