oxygen-cli 1.37.7 → 1.37.9

package/build/ox_reporters/html/summary.ejs

@@ -1,78 +1,78 @@
-<div class="row">
-    <div class="col-md-12 summary">
-        <h1 class="page-header">Tests Summary</h1>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Status</span>
-            <div class="value">
-                <%= summary.status.toUpperCase() %>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Start Date</span>
-            <div class="value"><%= summary.startDate %></div>
-        </div>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Start / End Time</span>
-            <div class="value">
-                <%= summary.startTime %>
-                -
-                <%= summary.endTime %>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Total Duration</span>
-            <div class="value">
-                <%= summary.duration %>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Total Tests</span>
-            <div class="value">
-                <%= summary.totalCases %>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Passed Tests</span>
-            <div class="value passed">
-                <%= summary.passedCases %>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Failed Tests</span>
-            <div class="value failed">
-                <%= summary.failedCases %>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Skipped Tests</span>
-            <div class="value warning">
-                <%= summary.skippedCases %>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Total Steps</span>
-            <div class="value">
-                <%= summary.totalSteps %>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Passed Steps</span>
-            <div class="value passed">
-                <%= summary.passedSteps %>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Failed Steps</span>
-            <div class="value failed">
-                <%= summary.failedSteps %>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-3 col-xs-6 counter">
-            <span>Skipped Steps</span>
-            <div class="value warning">
-                <%= summary.skippedSteps %>
-            </div>
-        </div>
-    </div>
-</div>
+<div class="row">
+    <div class="col-md-12 summary">
+        <h1 class="page-header">Tests Summary</h1>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Status</span>
+            <div class="value">
+                <%= summary.status.toUpperCase() %>
+            </div>
+        </div>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Start Date</span>
+            <div class="value"><%= summary.startDate %></div>
+        </div>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Start / End Time</span>
+            <div class="value">
+                <%= summary.startTime %>
+                -
+                <%= summary.endTime %>
+            </div>
+        </div>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Total Duration</span>
+            <div class="value">
+                <%= summary.duration %>
+            </div>
+        </div>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Total Tests</span>
+            <div class="value">
+                <%= summary.totalCases %>
+            </div>
+        </div>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Passed Tests</span>
+            <div class="value passed">
+                <%= summary.passedCases %>
+            </div>
+        </div>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Failed Tests</span>
+            <div class="value failed">
+                <%= summary.failedCases %>
+            </div>
+        </div>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Skipped Tests</span>
+            <div class="value warning">
+                <%= summary.skippedCases %>
+            </div>
+        </div>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Total Steps</span>
+            <div class="value">
+                <%= summary.totalSteps %>
+            </div>
+        </div>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Passed Steps</span>
+            <div class="value passed">
+                <%= summary.passedSteps %>
+            </div>
+        </div>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Failed Steps</span>
+            <div class="value failed">
+                <%= summary.failedSteps %>
+            </div>
+        </div>
+        <div class="col-md-3 col-sm-3 col-xs-6 counter">
+            <span>Skipped Steps</span>
+            <div class="value warning">
+                <%= summary.skippedSteps %>
+            </div>
+        </div>
+    </div>
+</div>
         

package/build/ox_reporters/html/tests-details.ejs

@@ -1,135 +1,135 @@
-<%
-    const PASSED_LABEL = `<span class="label label-success label-sm">PASSED</span>`;
-    const FAILED_LABEL = `<span class="label label-danger label-sm">FAILED</span>`;
-    const WARNING_LABEL = `<span class="label label-warning label-sm">WARNING</span>`;
-    const SKIPPED_LABEL = `<span class="label label-warning label-sm">SKIPPED</span>`;
-%>
-<div class="row">
-    <div class="col-md-12 summary">
-        <h1 class="page-header">Detailed Results</h1>
-        <% results.forEach(function(result, resultIndex) {
-            let browserDeviceId;
-            
-            if (result.capabilities) {
-                if (result.capabilities.browserName) {
-                    browserDeviceId = result.capabilities.browserName;
-                } else if (result.capabilities.mob && result.capabilities.mob.platformName) {
-                    browserDeviceId = result.capabilities.mob.platformName;
-                } else if (result.capabilities.web && result.capabilities.web.browserName) {
-                    browserDeviceId = result.capabilities.web.browserName;
-                } else if (result.capabilities.mob && result.capabilities.mob.device) {
-                    browserDeviceId = result.capabilities.mob.device;
-                }
-            } else if (result.options) {
-                if (result.options.browserName) {
-                    browserDeviceId = result.options.browserName;
-                }
-            }
-            
-            if (!browserDeviceId) {
-                browserDeviceId = 'Item';
-            }
-
-            const resultId = `${resultIndex}-${browserDeviceId}`;
-        %>
-            <div class="panel-group" id="accordion-<%=resultId%>">
-                <div class="panel panel-default iteration">
-                    <div class="panel-heading">
-                        <h3 class="panel-title">
-                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-<%=resultId%>">
-                                <%= browserDeviceId %>
-                            </a>
-                        </h3>
-                    </div>
-                    <div id="collapse-<%=resultId%>" class="panel-collapse collapse in">
-                        <div class="panel-body">
-                            <% result.suites.forEach(function(suiteResult, suiteIndex) { %>
-                                <h2><%= suiteResult.name %> (Iteration #<%= suiteResult.iterationNum %>)</h2>
-                                <% suiteResult.cases.forEach(function(caseResult, caseIndex) { %>
-                                <div class="panel-group" id="accordion-<%=resultIndex%>-<%=suiteIndex%>-<%=caseIndex%>">
-                                    <div class="panel panel-default iteration">
-                                        <div class="panel-heading">
-                                            <h3 class="panel-title">
-                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-<%=resultIndex%>-<%=suiteIndex%>-<%=caseIndex%>">
-                                                <%= caseResult.name %> (Iteration #<%= caseResult.iterationNum %>)</a>
-                                                <% if (caseResult.status === 'passed') { %>
-                                                    <%- PASSED_LABEL %>
-                                                <% } else if (caseResult.status === 'warning') { %>
-                                                    <%- WARNING_LABEL %>
-                                                <% } else if (caseResult.status === 'skipped') { %>
-                                                    <%- SKIPPED_LABEL %>
-                                                <% } else { %>
-                                                    <%- FAILED_LABEL %>
-                                                <% } %>
-                                            </h3>
-                                        </div>
-                                        <div id="collapse-<%=resultIndex%>-<%=suiteIndex%>-<%=caseIndex%>" class="panel-collapse collapse in">
-                                            <div class="panel-body">
-                                                <% if (caseResult.failure) { %>
-                                                <pre style="background-color: #fcacac"><b><%= caseResult.failure.type %>: </b><%= caseResult.failure.message %></pre>
-                                                <% } %>
-                                                <h4>Steps</h4>
-                                                <table class="table table-bordered" style="width: 100%; table-layout: fixed;">
-                                                    <thead>
-                                                        <tr>
-                                                            <th style="width: 3%;">#</th>
-                                                            <th style="width: 55%;">Step</th>
-                                                            <th style="width: 10%;">Duration</th>
-                                                            <th style="width: 10%;">Status</th>
-                                                            <th>Details</th>
-                                                        </tr>
-                                                    </thead>
-                                                    <tbody>
-                                                        <% if (caseResult.steps.length == 0) { %>
-                                                            <tr>
-                                                                <td colspan="5">- No steps defined -</td>
-                                                            </tr>
-                                                        <% } %>
-                                                        <% caseResult.steps.forEach(function(stepResult, index) { %>
-                                                            <tr>
-                                                                <td><%= index + 1 %></td>
-                                                                <td style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" title="<%= stepResult.name %>"><%= stepResult.name %></td>
-                                                                <td><%= stepResult.duration %></td>
-                                                                <td>
-                                                                    <% if (stepResult.status === 'passed') { %>
-                                                                        <%- PASSED_LABEL %>
-                                                                    <% } else if (stepResult.status === 'warning') { %>
-                                                                        <%- WARNING_LABEL %>
-                                                                    <% } else if (stepResult.status === 'skipped') { %>
-                                                                        <%- SKIPPED_LABEL %>
-                                                                    <% } else { %>
-                                                                        <%- FAILED_LABEL %>
-                                                                    <% } %>
-                                                                </td>
-                                                                <td
-                                                                    style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"
-                                                                    
-                                                                    <% if (stepResult.failure) { %>
-                                                                        title="<%= stepResult.failure.type %>"
-                                                                    <% } %>
-
-                                                                >
-                                                                    <% if (stepResult.failure) { %>
-                                                                        <%= stepResult.failure.type %>
-                                                                    <% } %>
-                                                                    <% if (stepResult.screenshotFile) { %>
-                                                                        <a target="_blank" href="<%= stepResult.screenshotFile %>">Screenshot</a>
-                                                                    <% } %>
-                                                                </td>
-                                                            </tr>
-                                                        <% }); %>
-                                                    </tbody>
-                                                </table>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <% }); %>
-                            <% }); %>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        <% }); %>
-    </div>
+<%
+    const PASSED_LABEL = `<span class="label label-success label-sm">PASSED</span>`;
+    const FAILED_LABEL = `<span class="label label-danger label-sm">FAILED</span>`;
+    const WARNING_LABEL = `<span class="label label-warning label-sm">WARNING</span>`;
+    const SKIPPED_LABEL = `<span class="label label-warning label-sm">SKIPPED</span>`;
+%>
+<div class="row">
+    <div class="col-md-12 summary">
+        <h1 class="page-header">Detailed Results</h1>
+        <% results.forEach(function(result, resultIndex) {
+            let browserDeviceId;
+            
+            if (result.capabilities) {
+                if (result.capabilities.browserName) {
+                    browserDeviceId = result.capabilities.browserName;
+                } else if (result.capabilities.mob && result.capabilities.mob.platformName) {
+                    browserDeviceId = result.capabilities.mob.platformName;
+                } else if (result.capabilities.web && result.capabilities.web.browserName) {
+                    browserDeviceId = result.capabilities.web.browserName;
+                } else if (result.capabilities.mob && result.capabilities.mob.device) {
+                    browserDeviceId = result.capabilities.mob.device;
+                }
+            } else if (result.options) {
+                if (result.options.browserName) {
+                    browserDeviceId = result.options.browserName;
+                }
+            }
+            
+            if (!browserDeviceId) {
+                browserDeviceId = 'Item';
+            }
+
+            const resultId = `${resultIndex}-${browserDeviceId}`;
+        %>
+            <div class="panel-group" id="accordion-<%=resultId%>">
+                <div class="panel panel-default iteration">
+                    <div class="panel-heading">
+                        <h3 class="panel-title">
+                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-<%=resultId%>">
+                                <%= browserDeviceId %>
+                            </a>
+                        </h3>
+                    </div>
+                    <div id="collapse-<%=resultId%>" class="panel-collapse collapse in">
+                        <div class="panel-body">
+                            <% result.suites.forEach(function(suiteResult, suiteIndex) { %>
+                                <h2><%= suiteResult.name %> (Iteration #<%= suiteResult.iterationNum %>)</h2>
+                                <% suiteResult.cases.forEach(function(caseResult, caseIndex) { %>
+                                <div class="panel-group" id="accordion-<%=resultIndex%>-<%=suiteIndex%>-<%=caseIndex%>">
+                                    <div class="panel panel-default iteration">
+                                        <div class="panel-heading">
+                                            <h3 class="panel-title">
+                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-<%=resultIndex%>-<%=suiteIndex%>-<%=caseIndex%>">
+                                                <%= caseResult.name %> (Iteration #<%= caseResult.iterationNum %>)</a>
+                                                <% if (caseResult.status === 'passed') { %>
+                                                    <%- PASSED_LABEL %>
+                                                <% } else if (caseResult.status === 'warning') { %>
+                                                    <%- WARNING_LABEL %>
+                                                <% } else if (caseResult.status === 'skipped') { %>
+                                                    <%- SKIPPED_LABEL %>
+                                                <% } else { %>
+                                                    <%- FAILED_LABEL %>
+                                                <% } %>
+                                            </h3>
+                                        </div>
+                                        <div id="collapse-<%=resultIndex%>-<%=suiteIndex%>-<%=caseIndex%>" class="panel-collapse collapse in">
+                                            <div class="panel-body">
+                                                <% if (caseResult.failure) { %>
+                                                <pre style="background-color: #fcacac"><b><%= caseResult.failure.type %>: </b><%= caseResult.failure.message %></pre>
+                                                <% } %>
+                                                <h4>Steps</h4>
+                                                <table class="table table-bordered" style="width: 100%; table-layout: fixed;">
+                                                    <thead>
+                                                        <tr>
+                                                            <th style="width: 3%;">#</th>
+                                                            <th style="width: 55%;">Step</th>
+                                                            <th style="width: 10%;">Duration</th>
+                                                            <th style="width: 10%;">Status</th>
+                                                            <th>Details</th>
+                                                        </tr>
+                                                    </thead>
+                                                    <tbody>
+                                                        <% if (caseResult.steps.length == 0) { %>
+                                                            <tr>
+                                                                <td colspan="5">- No steps defined -</td>
+                                                            </tr>
+                                                        <% } %>
+                                                        <% caseResult.steps.forEach(function(stepResult, index) { %>
+                                                            <tr>
+                                                                <td><%= index + 1 %></td>
+                                                                <td style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" title="<%= stepResult.name %>"><%= stepResult.name %></td>
+                                                                <td><%= stepResult.duration %></td>
+                                                                <td>
+                                                                    <% if (stepResult.status === 'passed') { %>
+                                                                        <%- PASSED_LABEL %>
+                                                                    <% } else if (stepResult.status === 'warning') { %>
+                                                                        <%- WARNING_LABEL %>
+                                                                    <% } else if (stepResult.status === 'skipped') { %>
+                                                                        <%- SKIPPED_LABEL %>
+                                                                    <% } else { %>
+                                                                        <%- FAILED_LABEL %>
+                                                                    <% } %>
+                                                                </td>
+                                                                <td
+                                                                    style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"
+                                                                    
+                                                                    <% if (stepResult.failure) { %>
+                                                                        title="<%= stepResult.failure.type %>"
+                                                                    <% } %>
+
+                                                                >
+                                                                    <% if (stepResult.failure) { %>
+                                                                        <%= stepResult.failure.type %>
+                                                                    <% } %>
+                                                                    <% if (stepResult.screenshotFile) { %>
+                                                                        <a target="_blank" href="<%= stepResult.screenshotFile %>">Screenshot</a>
+                                                                    <% } %>
+                                                                </td>
+                                                            </tr>
+                                                        <% }); %>
+                                                    </tbody>
+                                                </table>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <% }); %>
+                            <% }); %>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        <% }); %>
+    </div>
 </div>

package/build/ox_reporters/html/tests-devices-browsers.ejs

@@ -1,83 +1,83 @@
-<div class="row">
-    <div class="col-md-12 summary">
-        <h1 class="page-header">Tests / Devices / Browsers</h1>
-        <table class="table table-bordered">
-            <thead>
-                <tr>
-                    <th>Test Name</th>
-                    <th class="device-browser">Device / Browser</th>
-                    <th>Platform</th>
-                    <th>Pass/Failed Cases</th>
-                    <th>Status</th>
-                </tr>
-            </thead>
-            <tbody>
-            <% results.forEach(function(result){ %>
-                <% 
-                    let browserName = result.capabilities && result.capabilities.browserName ? result.capabilities.browserName : null; 
-                    // if browserName is null but we have browserName capability used locally in mob or web modules, use it in the report
-                    if (!browserName && result.capabilities) {
-                        if (result.capabilities.mob && result.capabilities.mob.browserName) {
-                            browserName = result.capabilities.mob.browserName;
-                        }
-                        else if (result.capabilities.web && result.capabilities.web.browserName) {
-                            browserName = result.capabilities.web.browserName;
-                        }
-                    }
-                    
-                    if (!browserName && result.options && result.options.browserName) {
-                            browserName = result.options.browserName;
-                    }
-
-                    if (browserName && browserName.length > 0) {
-                        browserName = browserName.charAt(0).toUpperCase() + browserName.slice(1); 
-                    }
-                    let deviceName = result.capabilities && result.capabilities.deviceName ? result.capabilities.deviceName : null; 
-                    // if deviceName is null but we have deviceName capability used locally in mob module, use it in the report
-                    if (!deviceName && result.capabilities && result.capabilities.mob && result.capabilities.mob.deviceName) {
-                            deviceName = result.capabilities.mob.deviceName;
-                    }
-                    if (deviceName && deviceName.length > 0) {
-                        deviceName = deviceName.charAt(0).toUpperCase() + deviceName.slice(1); 
-                    }
-                    let deviceBrowserName = (deviceName ? `${deviceName} / ` : '') + (browserName ? browserName : 'N/A'); 
-                    let platformName = result.capabilities && result.capabilities.platformName ? result.capabilities.platformName : '';
-                    // if platformName is null but we have platformName capability used locally in mob module, use it in the report
-                    if (!platformName && result.capabilities) {
-                        if (result.capabilities.mob && result.capabilities.mob.platformName) {
-                            platformName = result.capabilities.mob.platformName;
-                        }
-                        else if (result.capabilities.web && result.capabilities.web.platformName) {
-                            platformName = result.capabilities.web.platformName;
-                        }
-                    }
-                    result.suites.forEach(function(suiteResult){ 
-                        const passedCases = suiteResult.cases.reduce((acc, caze) => acc + (caze.status === 'passed' || caze.status === 'warning' ? 1:0), 0);
-                        const failedCases = suiteResult.cases.reduce((acc, caze) => acc + (caze.status === 'failed' ? 1:0), 0);
-                        const totalCases = suiteResult.cases.length;
-                        const passedCasesRatio = ((passedCases / totalCases) * 100).toFixed(0) + '%';
-                        const failedCasesRatio = ((failedCases / totalCases) * 100).toFixed(0) + '%';
-                %>                    
-                <tr>
-                    <td><%= suiteResult.name %></td>
-                    <td class="device-browser"><%= deviceBrowserName %></td>
-                    <td><%= platformName %></td>
-                    <td>
-                        
-                        <div class="progress">
-                            <div class="progress-bar progress-bar-success" style="width: <%= passedCasesRatio %>">
-                                <span><%= passedCasesRatio %> (<%= passedCases %>)</span>
-                            </div>
-                            <div class="progress-bar progress-bar-danger" style="width: <%= failedCasesRatio %>">
-                                <span><%= failedCasesRatio %> (<%= failedCases %>)</span>
-                            </div>
-                        </div>
-                    </td>
-                    <td><%= suiteResult.status.toUpperCase() %></td>
-                </tr>
-                <% }); %>
-            <% }); %>
-            </tbody>
-        </table>
-    </div>
-</div>
+<div class="row">
+    <div class="col-md-12 summary">
+        <h1 class="page-header">Tests / Devices / Browsers</h1>
+        <table class="table table-bordered">
+            <thead>
+                <tr>
+                    <th>Test Name</th>
+                    <th class="device-browser">Device / Browser</th>
+                    <th>Platform</th>
+                    <th>Pass/Failed Cases</th>
+                    <th>Status</th>
+                </tr>
+            </thead>
+            <tbody>
+            <% results.forEach(function(result){ %>
+                <% 
+                    let browserName = result.capabilities && result.capabilities.browserName ? result.capabilities.browserName : null; 
+                    // if browserName is null but we have browserName capability used locally in mob or web modules, use it in the report
+                    if (!browserName && result.capabilities) {
+                        if (result.capabilities.mob && result.capabilities.mob.browserName) {
+                            browserName = result.capabilities.mob.browserName;
+                        }
+                        else if (result.capabilities.web && result.capabilities.web.browserName) {
+                            browserName = result.capabilities.web.browserName;
+                        }
+                    }
+                    
+                    if (!browserName && result.options && result.options.browserName) {
+                            browserName = result.options.browserName;
+                    }
+
+                    if (browserName && browserName.length > 0) {
+                        browserName = browserName.charAt(0).toUpperCase() + browserName.slice(1); 
+                    }
+                    let deviceName = result.capabilities && result.capabilities.deviceName ? result.capabilities.deviceName : null; 
+                    // if deviceName is null but we have deviceName capability used locally in mob module, use it in the report
+                    if (!deviceName && result.capabilities && result.capabilities.mob && result.capabilities.mob.deviceName) {
+                            deviceName = result.capabilities.mob.deviceName;
+                    }
+                    if (deviceName && deviceName.length > 0) {
+                        deviceName = deviceName.charAt(0).toUpperCase() + deviceName.slice(1); 
+                    }
+                    let deviceBrowserName = (deviceName ? `${deviceName} / ` : '') + (browserName ? browserName : 'N/A'); 
+                    let platformName = result.capabilities && result.capabilities.platformName ? result.capabilities.platformName : '';
+                    // if platformName is null but we have platformName capability used locally in mob module, use it in the report
+                    if (!platformName && result.capabilities) {
+                        if (result.capabilities.mob && result.capabilities.mob.platformName) {
+                            platformName = result.capabilities.mob.platformName;
+                        }
+                        else if (result.capabilities.web && result.capabilities.web.platformName) {
+                            platformName = result.capabilities.web.platformName;
+                        }
+                    }
+                    result.suites.forEach(function(suiteResult){ 
+                        const passedCases = suiteResult.cases.reduce((acc, caze) => acc + (caze.status === 'passed' || caze.status === 'warning' ? 1:0), 0);
+                        const failedCases = suiteResult.cases.reduce((acc, caze) => acc + (caze.status === 'failed' ? 1:0), 0);
+                        const totalCases = suiteResult.cases.length;
+                        const passedCasesRatio = ((passedCases / totalCases) * 100).toFixed(0) + '%';
+                        const failedCasesRatio = ((failedCases / totalCases) * 100).toFixed(0) + '%';
+                %>                    
+                <tr>
+                    <td><%= suiteResult.name %></td>
+                    <td class="device-browser"><%= deviceBrowserName %></td>
+                    <td><%= platformName %></td>
+                    <td>
+                        
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" style="width: <%= passedCasesRatio %>">
+                                <span><%= passedCasesRatio %> (<%= passedCases %>)</span>
+                            </div>
+                            <div class="progress-bar progress-bar-danger" style="width: <%= failedCasesRatio %>">
+                                <span><%= failedCasesRatio %> (<%= failedCases %>)</span>
+                            </div>
+                        </div>
+                    </td>
+                    <td><%= suiteResult.status.toUpperCase() %></td>
+                </tr>
+                <% }); %>
+            <% }); %>
+            </tbody>
+        </table>
+    </div>
+</div>