js.report.report.js Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of sahagin Show documentation
Show all versions of sahagin Show documentation
Sahagin makes your Selenium script more readable and maintainable.
/**
* global slider object
* @type {Object}
*/
var slider = null;
/**
* global srcTree object
* @type {Object}
*/
var srcTree = null;
/**
* whether scroll bar for slider has already been set
* @type {boolean}
*/
var slideScrollBarSet = false;
/**
* visibility of scrInfo on script table
* @type {boolean}
*/
var srcInfoShown = true;
/**
* @param {number} slideIndex
* @returns {string}
*/
function getSlideImageId(slideIndex) {
return $(".bxslider div.scrollContainer").eq(slideIndex).attr("data-image-id");
};
/**
* @param {Object} trObject jQuery object for table tr element
* @returns {string}
*/
function getTrTtId(trObject) {
return trObject.attr("data-tt-id");
};
/**
* @param {Object} trObject jQuery object for table tr element
* @returns {string}
*/
function getTrImageId(trObject) {
return trObject.attr("data-image-id");
};
/**
* @param {string} imageId
* @returns {number} -1 means not found
*/
function getImageIdSlideIndex(imageId) {
var slideObj = $(".bxslider div.scrollContainer[data-image-id='" + imageId + "']");
if (slideObj.length == 0) {
return -1;
}
return $(".bxslider div.scrollContainer").index(slideObj);
};
/**
* @returns {Object} empty object if no tr is selected
*/
function getSelectedTr() {
return $("#script_table tbody tr.selected");
};
/**
* @param {Object} trObject
* @returns {Object} empty object if no next tr exists
*/
function getNextTr(trObject) {
if (!trObject || trObject.length == 0) {
throw new Error("null argument");
}
var nextInvisibleNodes = trObject.nextUntil("tr:visible");
if (nextInvisibleNodes.length == 0) {
return trObject.next("tr:visible");
} else {
return nextInvisibleNodes.last().next("tr:visible")
}
};
/**
* @param {Object} trObject
* @returns {Object} empty object if no previous tr exists
*/
function getPrevTr(trObject) {
if (!trObject || trObject.length == 0) {
throw new Error("null argument");
}
var prevInvisibleNodes = trObject.prevUntil("tr:visible");
if (prevInvisibleNodes.length == 0) {
return trObject.prev("tr:visible");
} else {
return prevInvisibleNodes.last().prev("tr:visible")
}
};
/**
* do nothing if selected tr does not exist or next tr does not exist
* @returns {boolean} return true if selection is actually changed
*/
function changeTrSelectionToNext() {
var selected = getSelectedTr();
if (selected.length == 0) {
return false;
}
var next = getNextTr(selected);
if (next.length == 0) {
return false;
}
selectTr(next);
return true;
};
/**
* do nothing if selected tr does not exist or previous tr does not exist
* @returns {boolean} return true if selection is actually changed
*/
function changeTrSelectionToPrev() {
var selected = getSelectedTr();
if (selected.length == 0) {
return false;
}
var prev = getPrevTr(selected);
if (prev.length == 0) {
return false;
}
selectTr(prev);
return true;
};
/**
* @param {Object} trObject jQuery object for table tr element
*/
function selectTr(trObject) {
// clear all current selections
$("tr.selected").removeClass("selected");
trObject.addClass("selected");
};
/**
* @returns {number} -1 if no tr is selected
*/
function getSlideIndexForSelectedTr() {
var selected = getSelectedTr();
if (selected.length == 0) {
return -1;
}
var imageId = getTrImageId(selected);
var slideIndex = getImageIdSlideIndex(imageId);
if (slideIndex != -1) {
return slideIndex;
}
slideIndex = getImageIdSlideIndex('noImage');
if (slideIndex != -1) {
return slideIndex;
}
throw new Error("noImage slide not found");
};
/**
* change current slide index to the index for the selected tr.
* - do nothing if slider is not loaded yet
*/
function syncSlideIndexToSelectedTr() {
var slideIndex = getSlideIndexForSelectedTr();
if (slideIndex == -1) {
return;
}
if (slider != null) {
slider.goToSlide(slideIndex);
}
};
/**
* @param {number} captureWidth
* @param {number} captureHeight
* @param {number} maxWidth
* @param {number} maxHeight
* @return {Object} object with width and height field
*/
function calcCaptureAreaSize(captureWidth, captureHeight, maxWidth, maxHeight) {
if (captureWidth <= 0 || captureHeight <= 0) {
// maybe fails to get valid value
return { width: maxWidth, height: maxHeight }
}
var heightRatio = captureHeight / maxHeight;
var heightFactor = maxHeight / captureHeight;
var widthRatio = captureWidth / maxWidth;
var widthFactor = maxWidth / captureWidth;
if (heightRatio > widthRatio) {
if (heightFactor < 0.15) {
// Avoid shrinking too match.
// - Always area width is shrunk to maxWidth, and height is shrunk by the same ratio.
// - Cut off some bottom blank area if exists.
// - Bottom area out of the area will be under scroll area
var actualHeight = Math.min(maxHeight, captureHeight * widthFactor);
return { width: maxWidth, height: actualHeight }
} else {
// shrink width of capture area and show image without scroll bar
return { width: parseInt(captureWidth * heightFactor, 10), height: maxHeight }
}
} else if (heightRatio < widthRatio) {
if (widthFactor < 0.15) {
// avoid shrinking too match.
var actualHeight = Math.min(maxHeight, captureHeight * widthFactor);
return { width: maxWidth, height: actualHeight }
} else {
// shrink height of capture area and show image without scroll bar
return { width: maxWidth, height: parseInt(captureHeight * widthFactor, 10) }
}
} else {
// maybe image is shown without scroll bar
return { width: maxWidth, height: maxHeight }
}
};
/**
*
*/
function adjustImageAreaSize() {
var selected = getSelectedTr();
var imageContainer;
if (selected.length == 0) {
imageContainer = $(".bxslider div.scrollContainer[data-image-id='noImage']");
} else {
var imageId = getTrImageId(selected);
imageContainer = $(".bxslider div.scrollContainer[data-image-id='" + imageId + "']");
if (imageContainer.length == 0) {
imageContainer = $(".bxslider div.scrollContainer[data-image-id='noImage']");
}
}
var width = imageContainer.attr("data-image-width");
var height = imageContainer.attr("data-image-height");
var maxWidth = $("#right_container").width();
var maxHeight;
if (srcInfoShown) {
maxHeight = $("#right_container").height() - $("#outer_script_table_container").height() - 45;
} else {
maxHeight = $("#right_container").height() - 45;
}
if (maxHeight <= 0) {
maxHeight = 45;
}
var areaSize = calcCaptureAreaSize(width, height, maxWidth, maxHeight);
// need to change also li elements width to reflect width change immediately
$(".bxslider li").css('width', areaSize.width + 'px');
$(".bxslider div.scrollContainer").css('height', areaSize.height + 'px');
$("#bxslider_container").css('width', areaSize.width + 'px');
$("#bxslider_container").css('height', areaSize.height + 'px');
if (slider != null) {
$("div.bx-viewport").css('height', areaSize.height + 'px');
}
};
/**
* @param {Object} trObject
* @returns {number} positive value means down direction scroll
*/
function requiredScrollOffsetToShowTr(trObject) {
var trTop = trObject.position().top;
var trBottom = trTop + trObject.height();
if (trTop < 0) {
return trTop;
} else if (trBottom > $("#script_table_container").height()) {
return trBottom - $("#script_table_container").height();
} else {
return 0;
}
};
/**
*
*/
function scrollToShowSelectedTr() {
var selectedTr = getSelectedTr();
if (selectedTr.length == 0) {
return;
}
var scrollOffset =requiredScrollOffsetToShowTr(selectedTr);
if (scrollOffset != 0) {
$("#script_table_container").scrollTop(
$("#script_table_container").scrollTop() + scrollOffset);
$("#script_table_container").perfectScrollbar("update");
}
};
/**
*
*/
function expandSelectedTr() {
var selectedTr = getSelectedTr();
if (selectedTr.length == 0) {
return;
}
$("#script_table").treetable("expandNode", getTrTtId(selectedTr));
}
/**
*
*/
function collapseSelectedTr() {
var selectedTr = getSelectedTr();
if (selectedTr.length == 0) {
return;
}
$("#script_table").treetable("collapseNode", getTrTtId(selectedTr));
}
/**
* @param {string} lineTtId
* @param {string} errLineTtId
* @returns {number} 0 if lineTtId == errLineTtId (means error line),
* positive if lineTtId > errLineTtId (means not executed),
* negative if lineTtd < errLineTtId (means already executed)
*/
function compareToErrTtId(lineTtId, errLineTtId) {
if (errLineTtId == null || errLineTtId == "") {
return -1; // already executed
}
var lineArray = lineTtId.split("_");
var errLineArray = errLineTtId.split("_");
if (lineArray.length == 0) {
throw new Error(lineTtId);
}
for (var i = 0; i < lineArray.length; i++) {
if (i >= errLineArray.length) {
throw new Error("lineTtId: " + lineTtId + "; errLineTtId: " + errLineTtId);
}
var line = parseInt(lineArray[i], 10);
var errLine = parseInt(errLineArray[i], 10);
if (line < errLine) {
return -1; // already executed
} else if (line > errLine) {
return 1; // not executed
}
}
return 0;
}
/**
* @returns {Object} get global srcTree object
*/
function getSrcTree() {
if (srcTree == null) {
var yamlObj = jsyaml.safeLoad(sahagin.srcTreeYamlStr);
var tree = new sahagin.SrcTree();
tree.fromYamlObject(yamlObj);
tree.resolveKeyReference();
// TODO should call SrcTreeChecker
srcTree = tree;
}
return srcTree;
}
/**
* Reloading slider should be avoided as much as possible
* since it causes screen flicker.
* In many case it seems that reloading is not necessary..
* @param {boolean} sliderReload
*/
function selectTrSlideAndRefresh(sliderReload) {
adjustImageAreaSize();
if (sliderReload && slider != null) {
// reflect size adjust to the slider
slider.reloadSlider();
}
// always need to select again
// since current selection has been lost by reloadSlider
syncSlideIndexToSelectedTr();
// refresh scroll bar
$("#script_table_container").perfectScrollbar('update');
if (slideScrollBarSet) {
$(".bxslider .scrollContainer").perfectScrollbar('update');
}
};
function showSrcInfo(refresh) {
$(".srcInfo").show();
$("#showSrcButton").hide();
$("#hide_button_container").show();
$("#script_table_container").removeClass("noCode");
$("#script_table_container").addClass("withCode");
$("#button_container").removeClass("noCode");
$("#button_container").addClass("withCode");
$("#bxslider_container").removeClass("noCode");
$("#bxslider_container").addClass("withCode");
srcInfoShown = true;
selectTrSlideAndRefresh(true);
};
function hideSrcInfo() {
$(".srcInfo").hide();
$("#showSrcButton").show();
$("#hide_button_container").hide();
$("#script_table_container").removeClass("withCode");
$("#script_table_container").addClass("noCode");
$("#button_container").removeClass("withCode");
$("#button_container").addClass("noCode");
$("#bxslider_container").removeClass("withCode");
$("#bxslider_container").addClass("noCode");
srcInfoShown = false;
selectTrSlideAndRefresh(true);
};
// reflect visibility to newly added srcInfo
function refreshSrcInfoVisible() {
if (srcInfoShown) {
showSrcInfo();
} else {
hideSrcInfo();
}
};
/**
* @param {sahagin.Code} code
* @returns {string}
*/
function getMethodKey(code) {
if (!(code instanceof sahagin.SubMethodInvoke)) {
return '';
}
var invoke = code;
if (invoke.isChildInvoke()) {
return '';
}
return invoke.getSubMethodKey();
}
/**
* add tr's codeBody node
* @param {Object} tr
*/
function loadCodeBodyHiddenNode(tr) {
var trMethodKey = tr.attr("data-method-key")
if (trMethodKey == '') {
return; // no need to load child nodes
}
var srcTree = getSrcTree();
var trTtId = getTrTtId(tr);
var testMethod = srcTree.getTestMethodByKey(trMethodKey);
if (testMethod.getCodeBody().length == 0) {
return; // no need to load child nodes
}
var parentMethodArgTestDocs = new Array();
var methodArgTestDocDivs = $("#methodArgTestDocs .hiddenMethodArgTestDoc[data-tt-id='" + trTtId + "']");
for (var i = 0; i < methodArgTestDocDivs.length; i++) {
parentMethodArgTestDocs.push(methodArgTestDocDivs.eq(i).text());
}
var childNodeHtml = '';
var methodArgTestDocHtml = "";
for (var i = 0; i < testMethod.getCodeBody().length; i++) {
var codeLine = testMethod.getCodeBody()[i];
if (codeLine.getCode() instanceof sahagin.TestStepLabel) {
throw new Error("nested TestStepLabel is not supported now");
} else if (codeLine.getCode() instanceof sahagin.TestStep) {
throw new Error("nested TestStep is not supported now");
}
var parentTtId = trTtId;
var ttId = parentTtId + '_' + i.toString(10);
var methodKey = getMethodKey(codeLine.getCode());
var errCompare = compareToErrTtId(ttId, sahagin.errLineTtId);
var lineClass;
if (errCompare == 0) {
lineClass = "errorLine";
} else if (errCompare > 0) {
lineClass = "notRunLine";
} else {
lineClass = "successLine";
}
var pageClass = sahagin.TestDocResolver.codePage(codeLine.getCode());
var pageDoc;
if (pageClass == null || pageClass.getTestDoc() == null) {
pageDoc = '-';
} else {
pageDoc = pageClass.getTestDoc();
}
var testDoc = sahagin.TestDocResolver.placeholderResolvedMethodTestDoc(
codeLine.getCode(), parentMethodArgTestDocs);
if (testDoc == null) {
// TODO implement locale logic in Js
testDoc = '- ' + $("#codeLineWithoutTestDoc").text() + ' -';
}
var original = codeLine.getCode().getOriginal();
var executionTime = $("div[data-image-id='" + ttId + "']").attr("execution-time")
if (executionTime == undefined) {
executionTime = "-";
} else {
executionTime = (new Number(executionTime / 1000)).toFixed(1);
}
childNodeHtml = childNodeHtml + sahagin.CommonUtils.strFormat(
''
+ '{4} {5} {6} {7} ',
ttId, parentTtId, methodKey, lineClass, pageDoc, testDoc, original, executionTime);
var methodArgTestDocs = sahagin.TestDocResolver.placeholderResolvedMethodArgTestDocs(
codeLine.getCode(), parentMethodArgTestDocs);
for (var j = 0; j < methodArgTestDocs.length; j++) {
methodArgTestDocHtml = methodArgTestDocHtml + sahagin.CommonUtils.strFormat(
'{1}',
ttId, methodArgTestDocs[j]);
}
}
// add methodArgTestDocs
$("#methodArgTestDocs").append(methodArgTestDocHtml);
var trNode = $("#script_table").treetable("node", trTtId);
$("#script_table").treetable("loadBranch", trNode, childNodeHtml);
// loadBranch automatically expand the trNode,
// but this behavior is not desirable, so force collapse the trNode again
$("#script_table").treetable("collapseNode", trTtId);
refreshSrcInfoVisible();
}
$(document).ready(function() {
// TODO very poor temporal logic.. implement locale handling logic!
sahagin.TestDocResolver.JS_LOCAL_VAR = $("#jsLocalVar").text();
sahagin.TestDocResolver.JS_VAR_ASSIGN = $("#jsVarAssign").text();
$("#script_table").treetable({
expandable: true,
onNodeExpand: function() {
var selectedTr = getSelectedTr();
if (selectedTr.length == 0) {
return;
}
if (!selectedTr.hasClass("loaded")) {
selectedTr.addClass("loaded");
var ttId = getTrTtId(selectedTr);
var children = $("tr[data-tt-parent-id='" + ttId + "']");
// TODO value of children.length may change after loadCodeBodyNode is called ??
var childrenLength = children.length;
for (var i = 0; i < childrenLength; i++) {
loadCodeBodyHiddenNode(children.eq(i));
}
}
// tree table size may change
$("#script_table_container").perfectScrollbar("update");
},
onNodeCollapse: function() {
// tree table size may change
$("#script_table_container").perfectScrollbar("update");
}
});
$(document).on("mousedown", "#script_table tbody tr", function() {
selectTr($(this));
selectTrSlideAndRefresh(false);
});
// "#script_table body tr"
$(document).keydown(function(e) {
if (e.keyCode == "38") {
// up key changes table line selection to next
if (changeTrSelectionToPrev()) {
scrollToShowSelectedTr();
selectTrSlideAndRefresh(false);
};
} else if (e.keyCode == "40") {
// down key changes table row selection to prev
if (changeTrSelectionToNext()) {
scrollToShowSelectedTr();
selectTrSlideAndRefresh(false);
};
} else if (e.keyCode == "39") {
// right key expands the selected node
expandSelectedTr();
} else if (e.keyCode == "37") {
// right key collapse the selected node
collapseSelectedTr();
} else {
return true;
}
return false;
});
// select table line for first capture
var firstTrObj = $("#script_table tbody tr:first-child");
selectTr(firstTrObj);
hideSrcInfo();
selectTrSlideAndRefresh(false);
var slideIndex = getSlideIndexForSelectedTr();
if (slideIndex == -1) {
slideIndex = 0;
}
slider = $(".bxslider").bxSlider({
speed: 1,
infiniteLoop: false,
hideControlOnEnd: true,
pager: false,
controls: false,
startSlide: slideIndex
});
$(".scrollContainer").perfectScrollbar({
useKeyboard: false,
suppressScrollX: true
});
slideScrollBarSet = true;
});