// Copyright 2014, Yahoo! Inc.
// Copyrights licensed under the Mit License. See the accompanying LICENSE file for terms.
var nodePath = require('path');
var PNGImage = require('pngjs-image');
var Promise = require('promise');
var _ = require('underscore');
var Base = require('preceptor-core').Base;
var utils = require('preceptor-core').utils;
/**
* @class BaseObject
* @extends Base
*
* @property {Element} _context
* @property {string[]} _loadSelectors
* @property {object} _selectors
*/
var BaseObject = Base.extend(
/**
* Base-Object constructor
*
* @constructor
* @param {Element} context
* @param {int} [timeOut]
* @param {int} [waitInMs]
*/
function (context, timeOut, waitInMs) {
this.__super();
this._context = context;
this._loadSelectors = [];
this._selectors = {};
this.initialize();
this.verifyIsLoaded(timeOut, waitInMs);
},
{
/**
* Initializes the base-object
*/
initialize: function () {
// Nothing by default
},
/**
* Verifies that the page-object and its sub-dom-elements are loaded as expected
*
* @param {int} [timeOut]
* @param {int} [waitInMs]
* @returns {BaseObject}
*/
verifyIsLoaded: function (timeOut, waitInMs) {
return this.waitForElements(this._loadSelectors, timeOut, waitInMs);
},
/**
* Adds multiple load selectors, elements that should be selected when object is loaded
*
* @param {string[]} selectors
* @returns {BaseObject}
*/
addLoadSelectors: function (selectors) {
_.each(selectors, function (selector) {
this.addLoadSelector(selector);
}, this);
return this;
},
/**
* Adds a single load selector, elements that should be selected when object is loaded
*
* @param {string} selector
* @returns {BaseObject}
*/
addLoadSelector: function (selector) {
if (!this.hasSelector) {
throw new Error('Cannot add an unknown selector to the load selector list: ' + selector);
}
this._loadSelectors.push(selector);
return this;
},
/**
* Get the page-object context
*
* @returns {Element}
*/
getContext: function () {
return this._context;
},
/**
* Gets the web-driver adapter
*
* @returns {DriverAdapter}
*/
getAdapter: function () {
return BaseObject.getDriverAdapter();
},
/**
* Get a list of all selectors
*
* @returns {object}
*/
getSelectors: function () {
return this._selectors;
},
/**
* Sets the selectors
*
* @param {object} selectors
*/
setSelectors: function (selectors) {
this._selectors = selectors;
},
/**
* Gets a specific selector by name
*
* @param {string} selectorName
* @returns {string}
*/
getSelector: function (selectorName) {
var selectors = this.getSelectors();
return selectors[selectorName];
},
/**
* Does it have a specific selector by name
*
* @param {string} selectorName
* @returns {boolean}
*/
hasSelector: function (selectorName) {
var selectors = this.getSelectors();
return !!selectors[selectorName];
},
/**
* Gets an element by a selector name
*
* @param {string} selectorName
* @returns {Element}
*/
getElement: function (selectorName) {
var context = this.getContext(),
selector = this.getSelector(selectorName);
return this.getAdapter().getElement(context, selector, 'css selector');
},
/**
* Checks if a selector name does exist in the selector list
*
* @param {string} selectorName
* @returns {boolean}
*/
hasElement: function (selectorName) {
var context = this.getContext(),
selector = this.getSelector(selectorName);
return (this.getAdapter().getElements(context, selector, 'css selector').length !== 0);
},
/**
* Waits for the element to appear on the page
*
* @param {string[]} selectors
* @param {int} [timeOut=10000]
* @param {int} [waitInMs=500]
* @returns {BaseObject}
*/
waitForElements: function (selectors, timeOut, waitInMs) {
this.waitUntil(function () {
var allLoaded = true;
_.each(selectors, function (selector) {
if (allLoaded) {
allLoaded = allLoaded && this.hasElement(selector);
}
}, this);
return allLoaded;
}.bind(this), timeOut, waitInMs);
return this;
},
/**
* Wait until a callback returns a truthy value
*
* @param {function} fn
* @param {int} [timeOut=10000]
* @param {int} [waitInMs=500]
* @returns {BaseObject}
*/
waitUntil: function (fn, timeOut, waitInMs) {
var startTime = (+new Date()),
result;
timeOut = timeOut || 10000;
waitInMs = waitInMs || 500;
result = fn();
if (result && result.then) {
// TODO: Make it "Promise safe"
} else {
while (!fn()) {
if ((+new Date()) - startTime >= timeOut) {
throw new Error("Waited for an event, but timed-out.");
}
this.getAdapter().sleep(waitInMs);
}
}
return this;
},
/**
* Get the coordinates and size of an element
*
* @param {string} [selectorName] Defaults to current context
* @returns {object} `{x: int, y: int, width: int, height: int}`
*/
getFrame: function (selectorName) {
var element;
if (selectorName) {
element = this.getElement(selectorName);
} else {
element = this.getContext();
}
if (element.getFrame) {
return element.getFrame();
} else {
return { x: 0, y: 0, width: 0, height: 0 };
}
},
/**
* List of blackout coordinates for the current page-object
*
* @returns {object[]}
*/
blackOut: function () {
return [];
},
/**
* Captures the current page-object
*
* @param {string} title Title of test or part of identifier
* @param {string} [id='1'] Identifier for screenshot file
* @param {int} [wait=1000] Wait before a screenshot is taken
* @returns {Promise}
*/
capture: function (title, id, wait) {
var self = this, image, promise,
blackOutList, frame, buffer,
fileName, path, prefix;
this.getAdapter().sleep(wait || 1000);
blackOutList = this.blackOut();
frame = this.getFrame();
buffer = this.getAdapter().takeScreenshot();
prefix = BaseObject.getScreenshotPrefix();
fileName = utils.fileNameSafe(title) + '_' + utils.fileNameSafe(id || '1') + '.png';
if (prefix) {
fileName = utils.fileNameSafe(prefix) + '_' + fileName;
}
path = nodePath.join(BaseObject.getScreenshotPath(), fileName);
promise = new Promise(function (resolve, reject) {
try {
image = PNGImage.loadImage(buffer, function (err) {
var i, len;
if (err) {
throw err;
}
// Fill-in areas for black-out
for (i = 0, len = blackOutList.length; i < len; i++) {
image.fillRect(blackOutList[i].x, blackOutList[i].y, blackOutList[i].width, blackOutList[i].height, {
red: 0,
green: 0,
blue: 0,
alpha: 255
});
}
// Clip screenshot to the area of the context
if ((frame.width !== 0) && (frame.height !== 0)) {
image.clip(frame.x, frame.y, frame.width, frame.height);
}
// Write to disk
image.writeImage(path, function (err) {
if (err) {
throw err;
}
resolve(self);
});
});
} catch (err) {
reject(err);
}
});
return promise;
}
},
{
/**
* @var string
*/
TYPE: 'BaseObject',
/**
* Gets the path for the screenshot results
*
* @var {string}
*/
getScreenshotPath: function () {
return this.SCREENSHOT_PATH || global.SCREENSHOT_PATH || process.env.SCREENSHOT_PATH;
},
/**
* Gets the screenshot prefix
*
* @var {string}
*/
getScreenshotPrefix: function () {
return this.SCREENSHOT_PREFIX || global.SCREENSHOT_PREFIX || process.env.SCREENSHOT_PREFIX;
},
/**
* Gets the web-driver adapter
*
* @return {DriverAdapter}
*/
getDriverAdapter: function () {
return this.DRIVER_ADAPTER || global.DRIVER_ADAPTER;
}
});
module.exports = BaseObject;
