Test views prototype

* Implement the test suite view add test set data.
   Get and display the test case information (name, results).

* Create the links to the test set and case URLs.
   Create the links to the future test set and test case URLs.
   The links exists but they point to nothing as the URLs are not
   implemented yet.

* New test view landing page.
   Created a new test view landing page. This page sorts the tests by name
   and displays a count of test sets and cases available for each suite.
   The code follows the same standard than other resources (boot, socs, ...).

* New test view when sorted by board, job, kernel.
   New test view displaying the test results by lab for a specific
   board, job and kernel.

* Test suite view by ID add log link.
   Add links to the log for the test suite view by ID.
   This log is unique and regroups the boot + test. A possible improvement
   would be to parse it and add on overlay for test case recognition.

Signed-off-by: Loys Ollivier <lollivier@baylibre.com>

Author: loysollivier

app/dashboard/__init__.py

@@ -179,6 +179,9 @@ def static_html_proxy(path):
 @app.route(
     "/_ajax/test/set",
     defaults={"api": "TEST_SET_API_ENDPOINT"}, methods=["GET"])
+@app.route(
+    "/_ajax/test/case",
+    defaults={"api": "TEST_CASE_API_ENDPOINT"}, methods=["GET"])
 def ajax_get(api):
     if validate_csrf(request.headers.get(CSRF_TOKEN_H, None)):
         return backend.ajax_get(request, app_conf_get(api), timeout=60 * 20)
@@ -315,6 +318,9 @@ def ajax_compare(doc_id, api):
     "/_ajax/<string:resource>/distinct/<string:field>/", methods=["GET"])
 def ajax_distinct(resource, field):
     if validate_csrf(request.headers.get(CSRF_TOKEN_H, None)):
+        # Workaround because the backend uses /test/suite/...
+        if (resource == "suite"):
+            resource = "test/suite"
         return backend.ajax_get(
             request, "/%s/distinct" % resource, doc_id=field, timeout=60 * 30)
     else:

app/dashboard/default_settings.py

@@ -53,6 +53,7 @@
 JOB_ID_LOGS_ENPOINT = "/job/%s/logs"
 TEST_SUITE_API_ENDPOINT = "/test/suite"
 TEST_SET_API_ENDPOINT = "/test/set"
+TEST_CASE_API_ENDPOINT = "/test/case"
 
 # Default date range to show the results. The higher the value, the more
 # data will need to be loaded from the server and parsed. It can take time

app/dashboard/static/js/app/tables/test-set.js

@@ -0,0 +1,138 @@
+/*! Kernel CI Dashboard | Licensed under the GNU GPL v3 (or later) */
+define([
+    'utils/html',
+    'tables/common'
+], function(html, tcommon) {
+    'use strict';
+    var gTestTable;
+    var gStatusDefaults;
+
+    gTestTable = {};
+
+    gStatusDefaults = {
+        pass: 'Test executed successfully',
+        fail: 'Test execution failed',
+        offline: 'Test offline',
+        default: 'Test execution status unknown'
+    };
+
+    /**
+     * Function to render the Board column on a table.
+     *
+     * @param {string} board: The Board value.
+     * @param {string} type: The type of the display option.
+     * @return {string} The rendered element as string.
+    **/
+    gTestTable.renderBoard = function(board, type) {
+        var aNode,
+            rendered,
+            tooltipNode;
+
+        if (type === 'display') {
+            tooltipNode = html.tooltip();
+            tooltipNode.setAttribute(
+                'title', 'Test reports for board ' + board);
+
+            aNode = document.createElement('a');
+            aNode.setAttribute('href', '/test/board/' + board + '/');
+            aNode.className = 'table-link';
+            aNode.appendChild(document.createTextNode(board));
+
+            tooltipNode.appendChild(aNode);
+            rendered = tooltipNode.outerHTML;
+
+            // Remove the nodes.
+            aNode.remove();
+            tooltipNode.remove();
+        } else {
+            rendered = board;
+        }
+
+        return rendered;
+    };
+
+    /**
+     * Function to render the date.
+     *
+     * @param {object} date: The date object.
+     * @return {Element} The DOM element.
+    **/
+    gTestTable.dateNode = function(date) {
+        return tcommon.dateNode(date);
+    };
+
+    /**
+     * Create the test status element.
+     *
+     * @param {string} status: The test status.
+     * @return {HTMLElement} The status node.
+    **/
+    gTestTable.statusNode = function(status) {
+        return tcommon.statusNode(status, gStatusDefaults);
+    };
+
+    /**
+     * Function to render the case detail.
+     *
+     * @param {string} link: The href link to point to.
+     * @return {Element} The DOM element.
+    **/
+    gTestTable.detailsNode = function(link) {
+        var aNode;
+        var str;
+        var tooltipNode;
+
+        tooltipNode = html.tooltip();
+        tooltipNode.setAttribute('title', 'More info');
+
+        aNode = document.createElement('a');
+        str = link;
+        aNode.setAttribute('href', str);
+
+        aNode.appendChild(html.search());
+        tooltipNode.appendChild(aNode);
+
+        return tooltipNode;
+    };
+
+    gTestTable.renderDate = function(date, type) {
+        return tcommon.renderDate(date, type);
+    };
+
+    gTestTable.renderDetails = function(href, type, title) {
+        return tcommon.renderDetails(href, type, title);
+    };
+
+    gTestTable.countBadge = function(settings) {
+        return tcommon.countBadge(
+            settings.data,
+            settings.type, settings.extraClasses, settings.idStart).outerHTML;
+    };
+
+    gTestTable.renderCasesCount = function(data, type, id_str, href) {
+        return tcommon.countAll({
+            data: data,
+            type: type,
+            href: href,
+            extraClasses: ['extra-margin'],
+            idStart: id_str
+        });
+    };
+
+    gTestTable.renderTree = function(tree, type, href) {
+        return tcommon.renderTree(tree, type, href);
+    };
+
+    gTestTable.getCountFail = function(idStart) {
+        document.getElementById('cases-total-count-'+ idStart)
+            .innerHTML ='∞';
+        document.getElementById('cases-success-count-'+ idStart)
+            .innerHTML ='∞';
+        document.getElementById('cases-fail-count-'+ idStart)
+            .innerHTML ='∞';
+        document.getElementById('cases-unknown-count-'+ idStart)
+            .innerHTML ='∞';
+    };
+
+    return gTestTable;
+});

app/dashboard/static/js/app/tables/test.js

@@ -672,7 +672,7 @@ define([
     if (document.getElementById('job-name') !== null) {
         gJob = document.getElementById('job-name').value;
     }
-    if (document.getElementById('job-name') !== null) {
+    if (document.getElementById('kernel-name') !== null) {
         gKernel = document.getElementById('kernel-name').value;
     }
     if (document.getElementById('soc-name') !== null) {