Code Monkey home page Code Monkey logo

visual-regression's Introduction

Visual-Regression Example with Kobold

Gitter Support

Installation

  • git clone <repository-url> this repository
  • change into the new directory
  • npm install

Running the application

  • npm test

In the default configuration, Preceptor, the test-runner, will start a local instance of the Selenium stand-alone server and runs the tests on a locally installed Firefox. After all the tests are done, Preceptor will shutdown the Selenium server, freeing-up all the resources.

Configuration

Run on SauceLabs

You can easily switch to SauceLabs instead. For this, you need to modify the rule-book.js. This file holds all the configuration for this project.

About two-thirds down the configuration file is the setup for a Selenium server:

    "decorator": [
        {
            "type": "webDriver",

            "configuration": {
                "client": {
                    "type": "cabbie",
                    "configuration": {"mode": "sync"},
                    "capabilities": {"browserName": "firefox"}
                },
                "server": {
                    "type": "selenium" // <------
                }
            }
        }
    ],

Change the selenium entry to sauceLabs and add a configuration section to set the username and the access-key. You also want to be more specific on what browser you want to choose (see capabilities):

    "decorator": [
        {
            "type": "webDriver",

            "configuration": {
                "client": {
                    "type": "cabbie",
                    "configuration": {"mode": "sync"},
                    "capabilities": {"browserName": "firefox", "version": "35.0", "platform": "Windows 8"}
                },
                "server": {
                    "type": "sauceLabs",
                    "configuration": {
                        "user": "<username>", "accessKey": "<accessKey>"
                    }
                }
            }
        }
    ],

Run multiple tests

To run multiple tests, just turn the webDriver configuration into a list:

    "decorator": [
        {
            "type": "webDriver",

            "configuration": [
                {
                    "client": {
                        "type": "cabbie",
                        "configuration": {"mode": "sync"},
                        "capabilities": {"browserName": "firefox", "version": "35.0", "platform": "Windows 8"}
                    },
                    "server": {
                        "type": "sauceLabs",
                        "configuration": {
                            "user": "<username>", "accessKey": "<accessKey>"
                        }
                    }
                },
                {
                    "client": {
                        "type": "cabbie",
                        "configuration": {"mode": "sync"},
                        "capabilities": {"browserName": "chrome", "version": "39.0", "platform": "Windows 8"}
                    },
                    "server": {
                        "type": "sauceLabs",
                        "configuration": {
                            "user": "<username>", "accessKey": "<accessKey>"
                        }
                    }
                }
            ]
        }
    ],

Run the tests in parallel

For this, simply wrap the whole task in an array:

    [{ // <-----

        "type": "mocha",
        "name": "UI Screenshots",

        // ...

        "decorator": [
            {
                "type": "webDriver",

                // ...
            }
        ],

        // ...

    }] // <----

##Example Screenshot

firefox

visual-regression's People

Contributors

marcelerz avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

visual-regression's Issues

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.