html-report.galen-report.js Maven / Gradle / Ivy

Go to download
$.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ($(window).scrollTop() + 30) + "px");
    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) + "px");
    return this;
}


var Galen = {
    palette: {
        colors:["#E01B5D", "#1BBFE0", "#AB1BE0", "#2AA30B", "#C45D02", "#348072"],
        index: 0,
        start: function () {
            this.index = -1;
        },
        pick: function (){
            this.index++;
            if (this.index >= this.colors.length) {
                this.index = 0;
            }
            return this.colors[this.index];
        }
    },
    formatMainOverview: function () {
        $(".suites .suite").each(function (){
            var passed = parseInt($(this).find(".passed").text());
            var failed = parseInt($(this).find(".failed").text());
            var warnings = parseInt($(this).find(".warnings").text());
            var total = passed + failed + warnings;
            if (total > 0) {
                var passedPercent = Math.round(passed * 100 / total);
                var failedPercent = Math.round(failed * 100 / total);
                var warningPercent = Math.round(warnings * 100 / total);
                $(this).append("");
            }
        });
    },
    formatSuiteReport: function () {
        $("body").append("Close");

        $("#close-tooltip").click(function (){
            $("#tooltip").hide();
            return false;
        });
        $(document).keydown(function(e) {
            if (e.keyCode == 27) {
                $("#tooltip").hide();
            }
        });

        $("ul.test-specs li.fail span").click(function () {
            var subObjects = $(this).parent().parent().find(".sub-objects");
            if (subObjects.length > 0) {
                subObjects.slideToggle();
            }
            else {
                var screenshot = $(this).closest("div.layout-report").attr("data-screenshot");
                var img = new Image();

                var areas = [];
                $(this).parent().find("ul.areas li").each(function (){
                    var areaText = $(this).attr("data-area");
                    areas[areas.length] = {
                        area: eval("[" + areaText + "]"),
                        text: $(this).html()
                    };
                });

                img.onload = function() {
                    Galen.showScreenshot(img, this.width, this.height, areas);
                };
                img.src = screenshot;
            }
        });

        $("h3.object").click(function (){
            var container = $(this).next();
            var screenshot = $(this).closest("div.layout-report").attr("data-screenshot");

            var areaText = container.attr("data-area");
            if (areaText != null) {
                var areas = [{
                    area: eval("[" + areaText + "]"),
                    text: container.attr("data-name")
                }];

                var img = new Image();
                img.onload = function() {
                    Galen.showScreenshot(img, this.width, this.height, areas);
                };
                img.src = screenshot;
            }
        });

        $("ul.report  li a.report-link").click(function () {
            var id = $(this).attr("data-report-id");

            $("#report-nodes-" + id).slideToggle(function () {
                var isCollapsed = !$(this).is(":visible");

                $(this).toggleClass("collapsed", isCollapsed);
                $("#report-link-" + id).toggleClass("collapsed", isCollapsed);
            });

            return false;
        });

        this.makeSliding(".layout-report h2");

        $("h2").each(function (){
            var next = $(this).next();

            if (next.find("ul.test-specs li.fail").length > 0 ||
                next.find(".global-error").length > 0) {
                $(this).addClass("has-failures");
            }
        });


        $("ul.report li.report-status-info > a.report-link").addClass("collapsed");
        $("ul.report li.report-status-info > div.report-container").addClass("collapsed").hide();

        $("ul.report li.report-status-error").each(function () {
            $(this).parents("div.report-container").removeClass("collapsed").show();
            $(this).parents("a.report-link").removeClass("collapsed");
        });


        var svgDownload = $("iconset .icon-download");

        $("ul.report ul.attachments a").each(function () {
            var el = $(this);
            var html = el.html();
            el.html("");
            svgDownload.clone().appendTo(el);
            el.append("" + html + "");
        });


        $("a.link-show-differences").click(function () {
            var sampleArea = $(this).attr("data-area");
            var sampleImage = $(this).attr("data-imagesource");
            var originalArea = $(this).closest("div.object").attr("data-area");
            var originalImage = $(this).closest("div.layout-report").attr("data-screenshot");
            var comparisonMapPath = $(this).attr("data-comparisonmap");
            
            Galen.showImageComparison(originalImage, originalArea, sampleImage, sampleArea, comparisonMapPath);
            return false;
        });
    },
    makeSliding: function (selector) {
        $(selector).click(Galen.onSlidingElementClicked);
    },
    onSlidingElementClicked: function () {
        $(this).next().slideToggle();
    },
    loadImage: function (path, callback) {
        var img = new Image();
        img.onload = function() {
            callback(this);
        };
        img.src = path;
    },
    readAreaFromText: function (text, defaultWidth, defaultHeight) {
        if (text != null && text.length > 0) {
            var area = eval("[" + text + "]");
            if (area.length == 4) {
                return area;
            }
        }
        return [0,0, defaultWidth, defaultHeight];
    },

    showImageComparison: function (originalImagePath, originalArea, sampleImagePath, sampleArea, comparisonMapPath) {
        Galen.loadImage(originalImagePath, function (originalImage) {
            Galen.loadImage(sampleImagePath, function (sampleImage) {
                $("#tooltip-body").html(
                "Put images on top of each other" 
                + "" 
                + "Actual Image" 
                + ""  
                + "Expected" 
                + ""
                + "Comparison Map" 
                + ""
                + "");

                originalArea = Galen.readAreaFromText(originalArea, originalImage.width, originalImage.height); 
                sampleArea = Galen.readAreaFromText(sampleArea, sampleImage.width, sampleImage.height);

                renderImage = function (locator, imagePath, area) {
                    $(locator)
                    .css("background-image", "url(" + imagePath + ")")
                    .css("background-repeat", "no-repeat")
                    .css("background-position", (-area[0]) + "px " + (-area[1]) + "px")
                    .css("width", area[2] + "px")
                    .css("height", area[3] + "px");
                };

                renderImage("#tooltip-body .image-comparison .image.original", originalImagePath, originalArea);
                renderImage("#tooltip-body .image-comparison .image.sample", sampleImagePath, sampleArea);

                $("#tooltip-body .image-comparison .image.comparisonmap").css("width", originalArea[2]);


                $("#image-comparison-toggle-state").click(function () {
                    if ($(this).is(":checked")) {
                        $("#tooltip-body b").hide();

                        $("#tooltip-body .image-comparison .image.sample").addClass("layed-on-top");
                    }
                    else {
                        $("#tooltip-body b").show();
                        $("#tooltip-body .image-comparison .image.sample").removeClass("layed-on-top");
                    }
                });


                $("#tooltip").center();
                $("#tooltip").show();
            });
        });
    },
    showScreenshot: function (img, width, height, areas) {
        $("#tooltip-body").html("").append(img);

        var delta = 2;
        Galen.palette.start();
        for (var i=0; i"
                + ""
                + areas[i].text + "");
        }

        $("#tooltip").center();
        $("#tooltip").show();
    }
};
    

    







    © 2015 - 2025 Weber Informatics LLC | Privacy Policy