autotestresult.jsp 6.71 KB
<%@page language="java" contentType="text/html;charset=utf-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
    <link rel="stylesheet" href="<%=basePath %>css/bootstrap-responsive.min.css"/>
    <link rel="stylesheet" href="<%=basePath %>css/jquery.gritter.css"/>
    <link rel="stylesheet" href="<%=basePath %>css/jquery-ui.css"/>

    <script src="<%=basePath %>js/excanvas.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/jquery-ui.custom.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>/js/bootstrap.min.js"></script>
    <script src="<%=basePath %>/js/unicorn.js"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/moment-with-locales.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/global.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.pagination.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.table.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.dialog.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.panel.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.alerts.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.accordion.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.breadcrumb.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.validate.js" charset="UTF-8"
            type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/layer/layer.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.select.js" charset="UTF-8" type="text/javascript"></script>
    <script src="<%=basePath %>js/jstree/jstree.min.js"></script>
    <script src="<%=basePath %>js/jquery.toaster.js"></script>
    <script src="<%=basePath %>js/jquery.gritter.min.js"></script>
    <script>
        var contextPath = '<%=basePath %>';
    </script>
    <title>YOHO!运维</title>
</head>
<body >
<!-- 右侧具体内容 -->

<input type="hidden" id="hidden_id" value="${id}">
<div>
    <br/>
    <br/>
    <br/>
    <br/>
    <span>
        <strong>tips:测试结果正在获取中,请不要关闭页面。或者您也可以等待邮件,邮件稍后会发送到您的邮箱!</strong>
    </span>
</div>

<div id="infoTable">
</div>

</body>
<script>

    $(function () {
        var jq = $("#infoTable");
        var id = $("#hidden_id").val();
        var tableParam = {
            columnAutoWidth: false,
            url: contextPath + "project/aototest/getAutoTestResult?id=" + id,
            striped: true,
            title: "自动测试结果",
            dataType: "json",
            beforeSend:function(){
                var div = $("<div>").attr("tableSelector", jq.selector).addClass("modal-backdrop fade in").appendTo($("body")).hide();
                var tableOffset = jq.offset();
                var tableWidth = jq.outerWidth(true), tableHeight = jq.outerHeight(true);
                div.append($("<div>").addClass("table-loading").css({
                    left : (tableWidth - 124) / 2,
                    top : (tableHeight - 124) / 2
                }));
                div.css({
                    width : tableWidth,
                    height : tableHeight,
                    left : tableOffset.left,
                    top : tableOffset.top
                });
                div.show();
            },
            loadFilter: function (data) {
                $("body").find("div[tableSelector='"+ jq.selector +"']").remove();
                if (!data || data.code != 200) {
                    return [];
                }else{
                    clearInterval(interval);
                }
                return data.data.autotestRunCollections;
            },
            onLoadSuccess: function (data) {
            },
            columns: [{
                title: "版本号",
                field: "versionId",
                width: "10%"
            }, {
                title: "执行集名称",
                field: "runCollectionName",
                width: "10%"
            }, {
                title: "总数",
                field: "testcaseTotal",
                width: "10%"
            },{
                title: "运行时间",
                field: "totalTime",
                width: "10%"
            },{
                title: "成功",
                field: "testcaseSuccess",
                width: "10%"
            },{
                title: "失败",
                field: "testcaseFailures",
                width: "10%"
            },{
                title: "错误",
                field: "testcaseErrors",
                width: "10%"
            },{
                title: "跳过	",
                field: "testcaseSkips",
                width: "10%"
            }
            ]
        };
        $("#infoTable").table(tableParam);

        var interval = setInterval(function () {//查后台,展示数据
            $("#infoTable").table(tableParam);
        }, 5000);

    });

</script>

<script>
    document.onkeydown = function()
    {
        if(event.keyCode==116 || event.keyCode==8 ||  (event.ctrlKey && event.keyCode==82) || event.keyCode == 13) {
            event.keyCode=0;
            event.returnValue = false;
        }
    }
    document.oncontextmenu = function() {event.returnValue = false;}

</script>