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..fcf39f0
--- /dev/null
+++ b/_layouts/testReport.html
@@ -0,0 +1,13 @@
+---
+layout: container
+---
+
+<div class="test-report">
+  
+    <script>
+        let changeDisplay = function (id) {
+        $(id).slideToggle()
+        }
+    </script>
+  {{ content }}
+</div>
\ No newline at end of file
diff --git a/css/testReport.scss b/css/testReport.scss
new file mode 100644
index 0000000..a8cb87c
--- /dev/null
+++ b/css/testReport.scss
@@ -0,0 +1,72 @@
+---
+---
+
+.test-report {
+
+    p {
+        padding: 10px;
+    }
+
+    .total {
+        h2 {
+            margin-bottom: 30px;
+        }
+    }
+
+    .test-suite {
+        cursor: pointer;
+
+        &.passing {
+            h4 {
+              background-color: #6fba6f;
+              padding: 4px 4px;
+              color: #000000;
+              overflow: auto;
+            }
+            margin: 11.5px 0px;
+        }
+
+        &.failing {
+            h4 {
+                background-color: #FA4444;
+                padding: 4px 4px;
+                color: #000000;
+                overflow: auto;
+            }
+            margin: 11.5px 0px;
+        }
+    }
+
+    .test {
+        &.passing {
+            &.row {
+                margin-left: 0px;
+                margin-right: 0px;
+                border-bottom: groove;
+                border-width: 1px;
+                border-color: #6fba6f;
+                background-color: #eaeaea;
+            }
+        }
+    }
+
+    .test {
+        &.failing {
+            &.row {
+                margin-left: 0px;
+                margin-right: 0px;
+                border-bottom: groove;
+                border-width: 1px;
+                border-color: #FA4444;
+                background-color: #eaeaea;
+            }
+        }
+    }
+
+    .time {
+        p {
+            float: right;
+        }
+    }
+
+}
diff --git a/development/test-report/master/index.html b/development/test-report/master/index.html
index ff97b7c..7bc9ec7 100644
--- a/development/test-report/master/index.html
+++ b/development/test-report/master/index.html
@@ -1,3 +1,92 @@
 ---
-layout: page
----
\ No newline at end of file
+layout: testReport
+---
+
+<div class="total row">
+    <h2 class="col-sm-12">Test Results</h2>
+    <h2 class="col-sm-12">8 tests</h2>
+</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="test failing row">
+            <div class="title col-sm-12">
+                <p>testTakeScreenshots</p>
+            </div>
+            <div class="time col-sm-12">
+                <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="test 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="test 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="test 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="test 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="test 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="test 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="test 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>