klamping

var chai = require('chai');
var expect = chai.expect;

describe('Landing Page', function() {
  beforeEach(function () {
    browser.url('http://webdriver.io.s3-website-eu-west-1.amazonaws.com/');
  });

  it.only('should have the right title', function () {
    var title = browser.getTitle();

klamping

/**
 * Resets the browser for the next set of tests and sets the test name
 * for Browserstack organization
 *
 * @param {object} mochaTest The Mocha 'test' object (should be `this` in your tests)
 * @param {object} [viewportSize]
 * @param {number} [viewportSize.width] - Viewport width; defaults to 1280
 * @param {number} [viewportSize.height] - Viewport height, defaults to 960
 * @example
 * browser.startNewSession(this);

klamping

// @see https://github.com/webdriverio/webdrivercss/issues/103
var assert = require("assert");

function assertShots (err, shots) {
  assert.ifError(err);

  Object.keys(shots).forEach(function(element) {
    shots[element].forEach(function(shot) {
      assert.ok(shot.isWithinMisMatchTolerance, shot.message);
    })

klamping

[{
  "browser": "ie",
  "browser_version": ["11.0", "10.0"],
  "os_version": ["10", "8.1"]
}]

klamping

var expect = require("chai").expect;
var _ = require("lodash");

var checkMismatch = function(err, res) {
	expect(err).to.not.exist;

	_.forOwn(res, function(elementShots) {
		elementShots.forEach(function(shot) {
			expect(shot.isWithinMisMatchTolerance).to.equal(true, "'" + shot.properties.name + "' visual " + shot.message);
		});

klamping

https://www.npmjs.com/package/es6-template-strings




userCity:{name: "UserCity", selector:"//input[@ng-model='${selector1}']/${selector2}", isTextEntry:true},


browser.addCommand(commandPrePend + "_" + commandEntry.name + "_setValue" , function(textValue, selectors) {
		var selector = templatE(commandEntry.selector, selectors);

klamping

Storing Baseline Images

Images are stored in the Git repo like any other file. This makes is simple to share baseline images across the teams. It also allows for changes in the baseline to be tracked over time.

Accepting/Rejecting changes

Whether or not updates to the baseline images are accepted depends on the goal of the changes. Here are a few scenarios:

No visual changes

klamping

/*global browser:false*/
var selenium = require("selenium-standalone");
var Promise = require("bluebird");

exports.config = {
  // Other configs go here

  //
  // =====
  // Hooks

klamping

var gemini = require('gemini');

gemini.suite('my test', function(parent) {
    parent.setUrl('/some/path')
        .setCaptureElements('.selector1', '.selector2');
        .capture('state', function (actions) {
          actions.setWindowSize(1000, 1000);
        });
});

klamping

{
  "name": "myApp",
  "version": "1.0.0",
  "scripts": {
  	"preinstall": "sh vpn-check.sh"
  },
  "dependencies": {
    "moduleOnPrivateRepo": "1.0.0"
  }
}