Merge changes I36bbb6e6,I2f597763

* changes:
  Enable Web Portal for ONAP results
  Prepare Web Portal for ONAP integration

5 files changed, 343 insertions, 0 deletions

diff --git a/3rd_party/static/onap-ui/components/results-report/data/2019.04/heat-testcases.json b/3rd_party/static/onap-ui/components/results-report/data/2019.04/heat-testcases.json
new file mode 100644
index 0000000..1f584f4
--- /dev/null
+++ b/3rd_party/static/onap-ui/components/results-report/data/2019.04/heat-testcases.json
@@ -0,0 +1,13 @@
+{
+    "mandatory": {
+        "onap-vvp.validate.heat": {
+            "cases": [
+                "onap-vvp.validate.heat"
+            ],
+            "total": 1
+        }
+    },
+    "optional": {
+
+    }
+}
diff --git a/3rd_party/static/onap-ui/components/results-report/data/2019.04/tosca-testcases.json b/3rd_party/static/onap-ui/components/results-report/data/2019.04/tosca-testcases.json
new file mode 100644
index 0000000..de01e83
--- /dev/null
+++ b/3rd_party/static/onap-ui/components/results-report/data/2019.04/tosca-testcases.json
@@ -0,0 +1,13 @@
+{
+    "mandatory": {
+        "onap-vtp.validate.csar": {
+            "cases": [
+                "onap-vtp.validate.csar"
+            ],
+            "total": 1
+        }
+    },
+    "optional": {
+
+    }
+}
diff --git a/3rd_party/static/onap-ui/components/results-report/partials/reportDetails.html b/3rd_party/static/onap-ui/components/results-report/partials/reportDetails.html
new file mode 100644
index 0000000..3f3e9c9
--- /dev/null
+++ b/3rd_party/static/onap-ui/components/results-report/partials/reportDetails.html
@@ -0,0 +1,60 @@
+<!--
+HTML for each accordion group that separates the status types on the results
+report page.
+-->
+
+Test Filters:<br>
+<div class="btn-toolbar" role="toolbar">
+  <div class="btn-group button-margin" data-toggle="buttons">
+    <label class="btn btn-default" ng-click="ctrl.changeStatus('total')"
+           ng-class="{'active': ctrl.testStatus === 'total'}">
+      <input type="radio" ng-model="ctrl.testStatus" value="total" name="total">
+      <span class="text-primary">All</span>
+    </label>
+    <label class="btn btn-default" ng-click="ctrl.changeStatus('passed')"
+           ng-class="{'active': ctrl.testStatus === 'passed'}">
+      <input type="radio" ng-model="ctrl.testStatus" value="passed" name="passed">
+      <span class="text-success">Passed</span>
+    </label>
+    <label class="btn btn-default" ng-click="ctrl.changeStatus('not passed')"
+           ng-class="{'active': ctrl.testStatus === 'not passed'}">
+      <input type="radio" ng-model="ctrl.testStatus" value="not passed" name="not passed">
+      <span class="text-danger">Not Passed</span>
+    </label>
+  </div>
+  <div class="btn-group button-margin" style="float: right;">
+    <button type="button" class="btn btn-default" ng-click="ctrl.openAll()">Expand</button>
+    <button type="button" class="btn btn-default" ng-click="ctrl.folderAll()">Collapse</button>
+  </div>
+</div>
+
+<uib-accordion-group ng-repeat="(type,data) in ctrl.data" is-open="isOpen">
+  <uib-accordion-heading>
+    {{ type }}: {{ ctrl.statistics[type].total }} tests
+    <i class="pull-right glyphicon"
+       ng-class="{'glyphicon-chevron-down': isOpen, 'glyphicon-chevron-right': !isOpen}"></i>
+  </uib-accordion-heading>
+  <ol class="capabilities">
+    <li ng-repeat="(area, value) in data"
+        ng-show="(ctrl.testStatus == 'passed' && value.pass != 0) || (ctrl.testStatus == 'not passed' && value.fail != 0) || ctrl.testStatus == 'total'">
+      <a ng-click="value.folder = !value.folder">
+        {{ area }}
+        <span ng-if="ctrl.testStatus == 'total'"
+              ng-class="{'text-success': value.total == value.pass, 'text-warning': (value.pass < value.total && value.pass > 0), 'text-danger': value.pass == 0}">
+          [{{ value.pass }}/{{ value.total }}]
+        </span>
+        <span ng-if="ctrl.testStatus == 'passed'" class="text-success">[{{ value.pass }}]</span>
+        <span ng-if="ctrl.testStatus == 'not passed'" class="text-danger">[{{ value.fail }}]</span>
+      </a>
+      <a uib-tooltip="view log" ng-click="ctrl.gotoResultLog(area)"><span class="glyphicon glyphicon-cog"></span></a>
+      <ul class="list-unstyled" uib-collapse="value.folder">
+        <li ng-repeat="case in value.cases"
+            ng-if="(ctrl.testStatus=='passed' && ctrl.case_list.indexOf(case) > -1) || (ctrl.testStatus=='not passed' && ctrl.case_list.indexOf(case) == -1) || ctrl.testStatus=='total'">
+          <span ng-class="{'glyphicon glyphicon-ok text-success':ctrl.case_list.indexOf(case) > -1, 'glyphicon glyphicon-remove text-warning':ctrl.case_list.indexOf(case) == -1}"
+                aria-hidden="true"></span>
+          <a ng-click="ctrl.gotoDoc(case)">{{ case }}</a>
+        </li>
+      </ul>
+    </li>
+  </ol>
+</uib-accordion-group>
diff --git a/3rd_party/static/onap-ui/components/results-report/resultsReport.html b/3rd_party/static/onap-ui/components/results-report/resultsReport.html
new file mode 100644
index 0000000..38e602d
--- /dev/null
+++ b/3rd_party/static/onap-ui/components/results-report/resultsReport.html
@@ -0,0 +1,33 @@
+<div class="container-fluid common-main-container">
+  <h3>Test Run Results</h3>
+
+  <div ng-show="ctrl.testId"  class="container-fluid">
+    <div class="row">
+      <div class="pull-left">
+        <div class="test-report">
+          <strong>ONAP Version:</strong> {{ctrl.version}}<br>
+          <strong>Test ID:</strong> {{ctrl.testId}}<br>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <strong>Total: {{ctrl.statistics.total}}, Pass: {{ ctrl.statistics.pass}}, Rate: {{ ctrl.statistics.pass / ctrl.statistics.total * 100 | number:2 }}%</strong><br>
+  <strong>Mandatory Total: {{ctrl.statistics.mandatory.total}}, Pass: {{ ctrl.statistics.mandatory.pass }}, Rate: {{ ctrl.statistics.mandatory.pass / ctrl.statistics.mandatory.total * 100 | number:2 }}%</strong><br>
+  <strong>Optional Total: {{ctrl.statistics.optional.total}}, Pass: {{ ctrl.statistics.optional.pass }}, Rate: {{ ctrl.statistics.optional.pass / ctrl.statistics.optional.total * 100 | number:2 }}%</strong><br>
+  <hr>
+  <strong>{{ ctrl.validation }}</strong><br>
+
+  <div>
+    <hr>
+    <h4>Test Result Overview</h4>
+    <uib-accordion close-others=false>
+      <!-- The ng-repeat is used to pass in a local variable to the template. -->
+      <ng-include
+        src="ctrl.detailsTemplate"
+        onload="isOpen = true">
+      </ng-include>
+      <br>
+    </uib-accordion>
+  </div>
+</div>
diff --git a/3rd_party/static/onap-ui/components/results-report/resultsReportController.js b/3rd_party/static/onap-ui/components/results-report/resultsReportController.js
new file mode 100644
index 0000000..09601ad
--- /dev/null
+++ b/3rd_party/static/onap-ui/components/results-report/resultsReportController.js
@@ -0,0 +1,224 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+(function () {
+    'use strict';
+
+    angular
+        .module('testapiApp')
+        .controller('ResultsReportController', ResultsReportController);
+
+    ResultsReportController.$inject = [
+        '$scope', '$http', '$stateParams', '$window',
+        'testapiApiUrl'
+    ];
+
+    /**
+     * TestAPI Results Report Controller
+     * This controller is for the '/results/<test run ID>' page where a user can
+     * view details for a specific test run.
+     */
+    function ResultsReportController($scope, $http, $stateParams, $window,
+        testapiApiUrl) {
+
+        var ctrl = this;
+
+        ctrl.testStatus = 'total';
+        ctrl.case_list = [];
+        ctrl.data = {};
+        ctrl.statistics = {
+            'total': 0, 'pass': 0, 'fail': 0,
+            'mandatory': {'total': 0, 'pass': 0, 'fail': 0, 'area': 0},
+            'optional': {'total': 0, 'pass': 0, 'fail': 0, 'area': 0}
+        };
+
+        ctrl.gotoDoc = gotoDoc;
+        ctrl.openAll = openAll;
+        ctrl.folderAll = folderAll;
+        ctrl.gotoResultLog = gotoResultLog;
+        ctrl.changeStatus = changeStatus;
+
+        /** The testID extracted from the URL route. */
+        ctrl.testId = $stateParams.testID;
+        ctrl.innerId = $stateParams.innerID;
+        ctrl.validation = '';
+        ctrl.vnf_type = '';
+        ctrl.vnf_checksum = '';
+        ctrl.version = '';
+
+        /** The HTML template that all accordian groups will use. */
+        ctrl.detailsTemplate = 'onap-ui/components/results-report/partials/' +
+                               'reportDetails.html';
+
+        $scope.load_finish = false;
+
+        function changeStatus(value) {
+            ctrl.testStatus = value;
+        }
+
+        function extend(case_list) {
+            angular.forEach(case_list, function(ele) {
+                ctrl.case_list.push(ele);
+            });
+        }
+
+        function strip(word) {
+            return word.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
+        }
+
+        function gotoResultLog(case_name) {
+            var case_area = case_name.split(".")[0];
+            var log_url = "/logs/" + ctrl.testId + "/results/";
+            log_url += case_area + "_logs/" + case_name + ".out";
+            var is_reachable = false;
+
+            $.ajax({
+                url: log_url,
+                async: false,
+                success: function (response) {
+                    is_reachable = true;
+                },
+                error: function (response) {
+                    alert("Log file could not be found. Please confirm this case has been executed successfully.");
+                }
+            });
+
+            if (is_reachable == true) {
+                window.open(log_url);
+            }
+        }
+
+        $scope.$watch('load_finish', function() {
+            if ($scope.load_finish == true) {
+                var case_url = 'onap-ui/components/results-report/data/' + ctrl.version + '/' + ctrl.vnf_type + '-testcases.json'
+                $http.get(case_url).then(function(response) {
+                    ctrl.data = response.data;
+
+                    angular.forEach(ctrl.data.mandatory, function(value, name) {
+                        ctrl.data.mandatory[name].folder = true;
+                        ctrl.data.mandatory[name].pass = 0;
+                        ctrl.data.mandatory[name].fail = 0;
+                        angular.forEach(value.cases, function(sub_case) {
+                            ctrl.statistics.total += 1;
+                            ctrl.statistics.mandatory.total += 1;
+                            if (ctrl.case_list.indexOf(sub_case) > -1) {
+                                ctrl.data.mandatory[name].pass += 1;
+                                ctrl.statistics.mandatory.pass += 1;
+                                ctrl.statistics.pass += 1;
+                            } else {
+                                ctrl.data.mandatory[name].fail += 1;
+                                ctrl.statistics.mandatory.fail += 1;
+                                ctrl.statistics.fail += 1;
+                            }
+                        });
+                    });
+
+                    angular.forEach(ctrl.data.optional, function(value, name) {
+                        ctrl.data.optional[name].folder = true;
+                        ctrl.data.optional[name].pass = 0;
+                        ctrl.data.optional[name].fail = 0;
+                        angular.forEach(value.cases, function(sub_case) {
+                            ctrl.statistics.total += 1;
+                            ctrl.statistics.optional.total += 1;
+                            if (ctrl.case_list.indexOf(sub_case) > -1) {
+                                ctrl.data.optional[name].pass += 1;
+                                ctrl.statistics.optional.pass += 1;
+                                ctrl.statistics.pass += 1;
+                            } else {
+                                ctrl.data.optional[name].fail += 1;
+                                ctrl.statistics.optional.fail += 1;
+                                ctrl.statistics.fail += 1;
+                            }
+
+                        });
+                    });
+
+                    ctrl.statistics.mandatory.area = Object.keys(ctrl.data.mandatory).length;
+                    ctrl.statistics.optional.area = Object.keys(ctrl.data.optional).length;
+                }, function(error) {
+                    alert('error to get test case info');
+                });
+            }
+        });
+
+        function generate_format_data() {
+            var test_url = testapiApiUrl + '/onap/tests/' + ctrl.innerId;
+            $http.get(test_url).then(function(test_resp) {
+                ctrl.validation = test_resp.data.validation;
+
+                angular.forEach(test_resp.data.results, function(result, index) {
+                    var result_url = testapiApiUrl + '/results/' + result;
+                    $http.get(result_url).then(function(result_resp) {
+
+                        ctrl.version = result_resp.data.version;
+                        ctrl.vnf_type = result_resp.data.vnf_type;
+
+                        angular.forEach(result_resp.data.testcases_list, function(testcase, index) {
+                            var sub_case_list = get_sub_case_list_2019_04(testcase);
+                            extend(sub_case_list);
+                        });
+
+                        if (index == test_resp.data.results.length - 1) {
+                            $scope.load_finish = true;
+                        }
+                    }, function(result_error) {
+                        /* do nothing */
+                    });
+                });
+
+            }, function(test_error) {
+                alert('Error when get test record');
+            });
+        }
+
+        function get_sub_case_list_2019_04(result) {
+            var case_list = [];
+            if (result.sub_testcase.length == 0 && result.result == "PASS") {
+                case_list.push(result.name);
+            } else {
+                angular.forEach(result.sub_testcase, function(subtest, index) {
+                    if (subtest.result == "PASS") {
+                        case_list.push(subtest.name)
+                    }
+                });
+            }
+            return case_list;
+        }
+
+        function gotoDoc(sub_case) {
+            /* not implemented */
+        }
+
+        function openAll() {
+            angular.forEach(ctrl.data.mandatory, function(ele, id) {
+                ele.folder = false;
+            });
+            angular.forEach(ctrl.data.optional, function(ele, id) {
+                ele.folder = false;
+            });
+        }
+
+        function folderAll() {
+            angular.forEach(ctrl.data.mandatory, function(ele, id) {
+                ele.folder = true;
+            });
+            angular.forEach(ctrl.data.optional, function(ele, id) {
+                ele.folder = true;
+            });
+        }
+
+        generate_format_data();
+    }
+
+})();