From ef96a35dcfedc52d1e65df9b5f089de061ed6d72 Mon Sep 17 00:00:00 2001
From: Naylin Medina <nmedina@teclib.com>
Date: Wed, 26 Sep 2018 17:00:27 -0400
Subject: [PATCH] docs(layout): add test report

Signed-off-by: Naylin Medina <nmedina@teclib.com>
---
 _includes/head.html                       |   3 +
 _layouts/testReport.html                  |   7 ++
 css/testReport.scss                       |  61 +++++++++++++
 development/test-report/master/index.html | 104 +++++++++++++++++++++-
 4 files changed, 173 insertions(+), 2 deletions(-)
 create mode 100644 _layouts/testReport.html
 create mode 100644 css/testReport.scss

diff --git a/_includes/head.html b/_includes/head.html
index 8a30164..0c22eea 100755
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -44,6 +44,9 @@
     <script src="{{ "/js/jazzy.js" | absolute_url }}" defer></script>
   {% endif %}
 
+  {% if page.layout == 'testReport' %}
+  <link rel="stylesheet" href="{{ "/css/testReport.css" | absolute_url }}">
+  {% endif %}
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | absolute_url }}">
   
diff --git a/_layouts/testReport.html b/_layouts/testReport.html
new file mode 100644
index 0000000..78dc510
--- /dev/null
+++ b/_layouts/testReport.html
@@ -0,0 +1,7 @@
+---
+layout: container
+---
+
+<div class="test-report">
+  {{ content }}
+</div>
\ No newline at end of file
diff --git a/css/testReport.scss b/css/testReport.scss
new file mode 100644
index 0000000..4b0fe44
--- /dev/null
+++ b/css/testReport.scss
@@ -0,0 +1,61 @@
+---
+---
+
+.test-report {
+
+    p {
+        padding: 10px;
+    }
+
+    .total {
+        h2 {
+            margin-bottom: 30px;
+        }
+    }
+
+    .test-suite {
+        cursor: pointer;
+
+        &.passing {
+            h4 {
+              background-color: #A3D3A3;
+              padding: 4px 4px;
+            }
+            margin: 11.5px 0px;
+            border: groove;
+            border-color: #6fba6f;
+        }
+
+        &.failing {
+            h4 {
+                background-color: #fc8f8f;
+                padding: 4px 4px;
+            }
+            margin: 11.5px 0px;
+            border: groove;
+            border-color: #FA4444;
+           
+        }
+    }
+
+    .passing {
+        &.row {
+            margin-left: 0px;
+            margin-right: 0px;
+            border-bottom: groove;
+            border-color: #6fba6f;
+        }
+    }
+
+    .failing {
+        &.row {
+            margin-left: 0px;
+            margin-right: 0px;
+            border-bottom: groove;
+            border-color: #FA4444;
+        }
+    }
+
+}
+
+      
\ No newline at end of file
diff --git a/development/test-report/master/index.html b/development/test-report/master/index.html
index ff97b7c..6d1d431 100644
--- a/development/test-report/master/index.html
+++ b/development/test-report/master/index.html
@@ -1,3 +1,103 @@
 ---
-layout: page
----
\ No newline at end of file
+layout: testReport
+---
+
+<script>
+    let changeDisplay = function (id) {
+    $(id).slideToggle()
+    }
+</script>
+
+
+<div class="total row">
+    <div class="col-sm-12">
+        <h2>Test Results</h2>
+    </div>
+    <div class="col-sm-12">
+        <h2> 8 tests</h2>
+    </div>
+</div>
+
+<div>
+    <div class="test-suite row failing" onclick="changeDisplay('#test-1')">
+        <h4 class="col-sm-12">FlyveMDMInventoryAgentUITests</h4>
+        <h4 class="col-sm-12">1 test</h4>
+    </div>
+        <!-- Failing or passing class -->
+    <div id="test-1">
+        <div class="failing row">
+            <div class="title col-sm-12 dropdown-item">
+                <p>testTakeScreenshots</p>
+            </div>
+            <div class="time col-sm-12 dropdown-item">
+                <p>29.457s</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div>
+    <div class="test-suite row passing" onclick="changeDisplay('#test-2')">
+        <h4 class="col-sm-12">FlyveMDMInventoryAgentTests</h4>
+        <h4 class="col-sm-12">7 tests</h4>
+    </div>
+    <div id="test-2">
+        <div class="passing row">    
+            <div class="title col-sm-12">
+                <p>testAgentSettingsController</p>
+            </div>
+            <div class="time col-sm-12">
+                <p>0.020s</p>
+            </div>
+        </div>
+        <div class="passing row">    
+            <div class="title col-sm-12">
+                <p>testCreateInventory</p>
+            </div>
+            <div class="time col-sm-12">
+                <p>0.045s</p>
+            </div>
+        </div>
+        <div class="passing row">     
+            <div class="title col-sm-12">
+                <p>testFooterView</p>
+            </div>
+            <div class="time col-sm-12">
+                <p>0.017s</p>
+            </div>
+        </div>
+        <div class="passing row">     
+            <div class="title col-sm-12">
+                <p>testInventoryTableView</p>
+            </div>
+            <div class="time col-sm-12">
+                <p>0.017s</p>
+            </div>
+        </div>
+        <div class="passing row">     
+            <div class="title col-sm-12">
+                <p>testLoadingIndicatorView</p>
+            </div>
+            <div class="time col-sm-12">
+                <p>0.022s</p>
+            </div>
+        </div>
+        <div class="passing row"> 
+            <div class="title col-sm-12">
+                <p>testMessageLabel</p>
+            </div>
+            <div class="time col-sm-12">
+                <p>0.021s</p>
+            </div>
+        </div>
+        <div class="passing row">     
+            <div class="title col-sm-12">
+                <p>testSendXMLInventory</p>
+            </div>
+            <div class="time col-sm-12">
+                <p>0.053s</p>
+            </div>
+        </div>
+    </div>
+          
+</div>