Giter Club home page Giter Club logo

difflow's Introduction

#Difflow ####A Visual Regression Testing Tool using Sauce Labs

Created for Practice Fusion


##Prep:

####Configurations

  1. Open the difflow/config/config.js file and change the development keys for sauceAuth to your username and access key from Sauce Labs.
  2. Change your equalityThreshold to a value of your choosing. This number is a decimal, not a percent. Must be <1.

####Compile Move into the difflow folder and run the command grunt from the console to start the application

####MongoDB Start the database with mongod. See Getting Started for reference.

####Start Difflow Server Open or refresh the url or whatever port you are using localhost:3000/server/start to start the process of the server. Do not refresh multiple times. Check your console to ensure it is running.

####Sauce Labs Run automated tests on Sauce Labs. In order to see diffed images, must have at least 2 runs of the same test ######Take Note

  • Difflow cannot differentiate between environments
  • Will not work with most manual testing

##GUI ####Test Index

  • Navigate tolocalhost:3000
  • Clicking on one of the tests will lead to difftool
  • Uploading two photos in the upload tool will create ad hoc job that will not be saved into MongoDB. Images must be same height and width.

####Difftool

  • Side-by-side comparison of test image, baseline, and diff image
  • Clicking Set as New Baseline button will make test image new baseline for future tests

##Codebase ###Models: ####Screenshot One instance of an image.

####Timeline Collection of Screenshots for one test, one configuration, and one step within the test.

####SauceJob One instance of a test run on sauce.

####DiffJob One completed diff image, its equality, and its corresponponding baseline and testImage.

difflow's People

Contributors

zhawtof avatar

Watchers

 avatar

Forkers

jamiepg4

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.