Improving the UI for Specs and Secanrios stats.

getgauge · Oct 10, 2018 · 293ef7c · 293ef7c
1 parent 383dd58
commit 293ef7c
Show file tree

Hide file tree

Showing 35 changed files with 487 additions and 373 deletions.
diff --git a/generator/_testdata/dummyReportTheme/views/partials.tmpl b/generator/_testdata/dummyReportTheme/views/partials.tmpl
@@ -42,18 +42,18 @@
         </svg>
       </div>
     </div>
-    <div class="report_test-results">
-      <div class="report_test-result">
-        <div class="total-specs"><span class="value">{{.Summary.Total}}</span><span class="txt">Total specs</span></div>
-        <div class="fail spec-filter" data-status="failed"><span class="value">{{.Summary.Failed}}</span><span class="txt">Failed</span></div>
-        <div class="pass spec-filter" data-status="passed"><span class="value">{{.Summary.Passed}}</span><span class="txt">Passed</span></div>
-        <div class="skip spec-filter" data-status="skipped"><span class="value">{{.Summary.Skipped}}</span><span class="txt">Skipped</span></div>
+     <div class="report_test-results">
+      <div class="report_test-result specs">
+          <div class="total-specs" title="Filter all specs"><span class="txt">Total specs</span><span class="value">{{.Summary.Total}}</span></div>
+          <div class="fail spec-filter" data-status="failed" title="Filter failed specs"><span class="value">{{.Summary.Failed}}</span></div>
+          <div class="pass spec-filter" data-status="passed" title="Filter passed specs"><span class="value">{{.Summary.Passed}}</span></div>
+          <div class="skip spec-filter" data-status="skipped" title="Filter skipped specs"><span class="value">{{.Summary.Skipped}}</span></div>
       </div>
-      <div class="report_test-result">
-        <div class="total-specs"><span class="value">{{.ScenarioSummary.Total}}</span><span class="txt">Total scenario</span></div>
-        <div class="fail scenario-filter" data-status="failed"><span class="value">{{.ScenarioSummary.Failed}}</span><span class="txt">Failed</span></div>
-        <div class="pass scenario-filter" data-status="passed"><span class="value">{{.ScenarioSummary.Passed}}</span><span class="txt">Passed</span></div>
-        <div class="skip scenario-filter" data-status="skipped"><span class="value">{{.ScenarioSummary.Skipped}}</span><span class="txt">Skipped</span></div>
+      <div class="report_test-result scenarios">
+          <div class="total-scenarios"><span class="txt">Total scenario</span><span class="value">{{.ScenarioSummary.Total}}</span></div>
+          <div class="fail scenario-stats" data-status="failed"><span class="value">{{.ScenarioSummary.Failed}}</span></div>
+          <div class="pass scenario-stats" data-status="passed"><span class="value">{{.ScenarioSummary.Passed}}</span></div>
+          <div class="skip scenario-stats" data-status="skipped"><span class="value">{{.ScenarioSummary.Skipped}}</span></div>
       </div>
     </div>
     <div class="report_details">

diff --git a/generator/_testdata/expectedE2E/before_suite_fail.html b/generator/_testdata/expectedE2E/before_suite_fail.html
@@ -45,17 +45,17 @@ <h2 class="project">Project: Gauge Project</h2>
                     </div>
                 </div>
                 <div class="report_test-results">
-                    <div class="report_test-result">
-                        <div class="total-specs"><span class="value">0</span><span class="txt">Total specs</span></div>
-                        <div class="fail spec-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-                        <div class="pass spec-filter" data-status="passed"><span class="value">0</span><span class="txt">Passed</span></div>
-                        <div class="skip spec-filter" data-status="skipped"><span class="value">0</span><span class="txt">Skipped</span></div>
+                    <div class="report_test-result specs">
+                        <div class="total-specs" title="Filter all specs"><span class="txt">Total specs</span><span class="value">0</span></div>
+                        <div class="fail spec-filter" data-status="failed" title="Filter failed specs"><span class="value">0</span></div>
+                        <div class="pass spec-filter" data-status="passed" title="Filter passed specs"><span class="value">0</span></div>
+                        <div class="skip spec-filter" data-status="skipped" title="Filter skipped specs"><span class="value">0</span></div>
                     </div>
-                    <div class="report_test-result">
-                        <div class="total-specs"><span class="value">0</span><span class="txt">Total scenario</span></div>
-                        <div class="fail scenario-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-                        <div class="pass scenario-filter" data-status="passed"><span class="value">0</span><span class="txt">Passed</span></div>
-                        <div class="skip scenario-filter" data-status="skipped"><span class="value">0</span><span class="txt">Skipped</span></div>
+                    <div class="report_test-result scenarios">
+                        <div class="total-scenarios"><span class="txt">Total scenario</span><span class="value">0</span></div>
+                        <div class="fail scenario-stats" data-status="failed"><span class="value">0</span></div>
+                        <div class="pass scenario-stats" data-status="passed"><span class="value">0</span></div>
+                        <div class="skip scenario-stats" data-status="skipped"><span class="value">0</span></div>
                     </div>
                 </div>
                 <div class="report_details">

diff --git a/generator/_testdata/expectedE2E/nestedSuiteRes/index.html b/generator/_testdata/expectedE2E/nestedSuiteRes/index.html
@@ -41,17 +41,17 @@ <h2 class="project">Project: Gauge Project</h2>
       </div>
     </div>
     <div class="report_test-results">
-      <div class="report_test-result">
-          <div class="total-specs"><span class="value">2</span><span class="txt">Total specs</span></div>
-          <div class="fail spec-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-          <div class="pass spec-filter" data-status="passed"><span class="value">2</span><span class="txt">Passed</span></div>
-          <div class="skip spec-filter" data-status="skipped"><span class="value">0</span><span class="txt">Skipped</span></div>
+      <div class="report_test-result specs">
+          <div class="total-specs" title="Filter all specs"><span class="txt">Total specs</span><span class="value">2</span></div>
+          <div class="fail spec-filter" data-status="failed" title="Filter failed specs"><span class="value">0</span></div>
+          <div class="pass spec-filter" data-status="passed" title="Filter passed specs"><span class="value">2</span></div>
+          <div class="skip spec-filter" data-status="skipped" title="Filter skipped specs"><span class="value">0</span></div>
       </div>
-      <div class="report_test-result">
-          <div class="total-specs"><span class="value">3</span><span class="txt">Total scenario</span></div>
-          <div class="fail scenario-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-          <div class="pass scenario-filter" data-status="passed"><span class="value">0</span><span class="txt">Passed</span></div>
-          <div class="skip scenario-filter" data-status="skipped"><span class="value">0</span><span class="txt">Skipped</span></div>
+      <div class="report_test-result scenarios">
+          <div class="total-scenarios"><span class="txt">Total scenario</span><span class="value">3</span></div>
+          <div class="fail scenario-stats" data-status="failed"><span class="value">0</span></div>
+          <div class="pass scenario-stats" data-status="passed"><span class="value">0</span></div>
+          <div class="skip scenario-stats" data-status="skipped"><span class="value">0</span></div>
       </div>
     </div>
     <div class="report_details">

diff --git a/generator/_testdata/expectedE2E/nestedSuiteRes/nested/index.html b/generator/_testdata/expectedE2E/nestedSuiteRes/nested/index.html
@@ -41,17 +41,17 @@ <h2 class="project">Project: Gauge Project</h2>
       </div>
     </div>
     <div class="report_test-results">
-      <div class="report_test-result">
-          <div class="total-specs"><span class="value">1</span><span class="txt">Total specs</span></div>
-          <div class="fail spec-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-          <div class="pass spec-filter" data-status="passed"><span class="value">0</span><span class="txt">Passed</span></div>
-          <div class="skip spec-filter" data-status="skipped"><span class="value">1</span><span class="txt">Skipped</span></div>
+      <div class="report_test-result specs">
+          <div class="total-specs" title="Filter all specs"><span class="txt">Total specs</span><span class="value">1</span></div>
+          <div class="fail spec-filter" data-status="failed" title="Filter failed specs"><span class="value">0</span></div>
+          <div class="pass spec-filter" data-status="passed" title="Filter passed specs"><span class="value">0</span></div>
+          <div class="skip spec-filter" data-status="skipped" title="Filter skipped specs"><span class="value">1</span></div>
       </div>
-      <div class="report_test-result">
-          <div class="total-specs"><span class="value">1</span><span class="txt">Total scenario</span></div>
-          <div class="fail scenario-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-          <div class="pass scenario-filter" data-status="passed"><span class="value">1</span><span class="txt">Passed</span></div>
-          <div class="skip scenario-filter" data-status="skipped"><span class="value">0</span><span class="txt">Skipped</span></div>
+      <div class="report_test-result scenarios">
+          <div class="total-scenarios"><span class="txt">Total scenario</span><span class="value">1</span></div>
+          <div class="fail scenario-stats" data-status="failed"><span class="value">0</span></div>
+          <div class="pass scenario-stats" data-status="passed"><span class="value">1</span></div>
+          <div class="skip scenario-stats" data-status="skipped"><span class="value">0</span></div>
       </div>
     </div>
     <div class="report_details">

diff --git a/generator/_testdata/expectedE2E/nestedSuiteRes/nested/nested_specification.html b/generator/_testdata/expectedE2E/nestedSuiteRes/nested/nested_specification.html
@@ -41,17 +41,17 @@ <h2 class="project">Project: Gauge Project</h2>
       </div>
     </div>
     <div class="report_test-results">
-      <div class="report_test-result">
-          <div class="total-specs"><span class="value">2</span><span class="txt">Total specs</span></div>
-          <div class="fail spec-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-          <div class="pass spec-filter" data-status="passed"><span class="value">2</span><span class="txt">Passed</span></div>
-          <div class="skip spec-filter" data-status="skipped"><span class="value">0</span><span class="txt">Skipped</span></div>
+      <div class="report_test-result specs">
+          <div class="total-specs" title="Filter all specs"><span class="txt">Total specs</span><span class="value">2</span></div>
+          <div class="fail spec-filter" data-status="failed" title="Filter failed specs"><span class="value">0</span></div>
+          <div class="pass spec-filter" data-status="passed" title="Filter passed specs"><span class="value">2</span></div>
+          <div class="skip spec-filter" data-status="skipped" title="Filter skipped specs"><span class="value">0</span></div>
       </div>
-      <div class="report_test-result">
-          <div class="total-specs"><span class="value">3</span><span class="txt">Total scenario</span></div>
-          <div class="fail scenario-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-          <div class="pass scenario-filter" data-status="passed"><span class="value">0</span><span class="txt">Passed</span></div>
-          <div class="skip scenario-filter" data-status="skipped"><span class="value">0</span><span class="txt">Skipped</span></div>
+      <div class="report_test-result scenarios">
+          <div class="total-scenarios"><span class="txt">Total scenario</span><span class="value">3</span></div>
+          <div class="fail scenario-stats" data-status="failed"><span class="value">0</span></div>
+          <div class="pass scenario-stats" data-status="passed"><span class="value">0</span></div>
+          <div class="skip scenario-stats" data-status="skipped"><span class="value">0</span></div>
       </div>
     </div>
     <div class="report_details">

diff --git a/generator/_testdata/expectedE2E/nestedSuiteRes/passing_specification_1.html b/generator/_testdata/expectedE2E/nestedSuiteRes/passing_specification_1.html
@@ -41,17 +41,17 @@ <h2 class="project">Project: Gauge Project</h2>
       </div>
     </div>
     <div class="report_test-results">
-      <div class="report_test-result">
-          <div class="total-specs"><span class="value">2</span><span class="txt">Total specs</span></div>
-          <div class="fail spec-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-          <div class="pass spec-filter" data-status="passed"><span class="value">2</span><span class="txt">Passed</span></div>
-          <div class="skip spec-filter" data-status="skipped"><span class="value">0</span><span class="txt">Skipped</span></div>
+      <div class="report_test-result specs">
+          <div class="total-specs" title="Filter all specs"><span class="txt">Total specs</span><span class="value">2</span></div>
+          <div class="fail spec-filter" data-status="failed" title="Filter failed specs"><span class="value">0</span></div>
+          <div class="pass spec-filter" data-status="passed" title="Filter passed specs"><span class="value">2</span></div>
+          <div class="skip spec-filter" data-status="skipped" title="Filter skipped specs"><span class="value">0</span></div>
       </div>
-      <div class="report_test-result">
-          <div class="total-specs"><span class="value">3</span><span class="txt">Total scenario</span></div>
-          <div class="fail scenario-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-          <div class="pass scenario-filter" data-status="passed"><span class="value">0</span><span class="txt">Passed</span></div>
-          <div class="skip scenario-filter" data-status="skipped"><span class="value">0</span><span class="txt">Skipped</span></div>
+      <div class="report_test-result scenarios">
+          <div class="total-scenarios"><span class="txt">Total scenario</span><span class="value">3</span></div>
+          <div class="fail scenario-stats" data-status="failed"><span class="value">0</span></div>
+          <div class="pass scenario-stats" data-status="passed"><span class="value">0</span></div>
+          <div class="skip scenario-stats" data-status="skipped"><span class="value">0</span></div>
       </div>
     </div>
     <div class="report_details">

diff --git a/generator/_testdata/expectedE2E/simpleSuiteRes/failing_specification_1.html b/generator/_testdata/expectedE2E/simpleSuiteRes/failing_specification_1.html
@@ -45,17 +45,17 @@ <h2 class="project">Project: Gauge Project</h2>
                     </div>
                 </div>
                 <div class="report_test-results">
-                    <div class="report_test-result">
-                        <div class="total-specs"><span class="value">3</span><span class="txt">Total specs</span></div>
-                        <div class="fail spec-filter" data-status="failed"><span class="value">1</span><span class="txt">Failed</span></div>
-                        <div class="pass spec-filter" data-status="passed"><span class="value">1</span><span class="txt">Passed</span></div>
-                        <div class="skip spec-filter" data-status="skipped"><span class="value">1</span><span class="txt">Skipped</span></div>
+                    <div class="report_test-result specs">
+                        <div class="total-specs" title="Filter all specs"><span class="txt">Total specs</span><span class="value">3</span></div>
+                        <div class="fail spec-filter" data-status="failed" title="Filter failed specs"><span class="value">1</span></div>
+                        <div class="pass spec-filter" data-status="passed" title="Filter passed specs"><span class="value">1</span></div>
+                        <div class="skip spec-filter" data-status="skipped" title="Filter skipped specs"><span class="value">1</span></div>
                     </div>
-                    <div class="report_test-result">
-                        <div class="total-specs"><span class="value">4</span><span class="txt">Total scenario</span></div>
-                        <div class="fail scenario-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-                        <div class="pass scenario-filter" data-status="passed"><span class="value">0</span><span class="txt">Passed</span></div>
-                        <div class="skip scenario-filter" data-status="skipped"><span class="value">0</span><span class="txt">Skipped</span></div>
+                    <div class="report_test-result scenarios">
+                        <div class="total-scenarios"><span class="txt">Total scenario</span><span class="value">4</span></div>
+                        <div class="fail scenario-stats" data-status="failed"><span class="value">0</span></div>
+                        <div class="pass scenario-stats" data-status="passed"><span class="value">0</span></div>
+                        <div class="skip scenario-stats" data-status="skipped"><span class="value">0</span></div>
                     </div>
                 </div>
                 <div class="report_details">

diff --git a/generator/_testdata/expectedE2E/simpleSuiteRes/index.html b/generator/_testdata/expectedE2E/simpleSuiteRes/index.html
@@ -45,17 +45,17 @@ <h2 class="project">Project: Gauge Project</h2>
                     </div>
                 </div>
                 <div class="report_test-results">
-                    <div class="report_test-result">
-                        <div class="total-specs"><span class="value">3</span><span class="txt">Total specs</span></div>
-                        <div class="fail spec-filter" data-status="failed"><span class="value">1</span><span class="txt">Failed</span></div>
-                        <div class="pass spec-filter" data-status="passed"><span class="value">1</span><span class="txt">Passed</span></div>
-                        <div class="skip spec-filter" data-status="skipped"><span class="value">1</span><span class="txt">Skipped</span></div>
+                    <div class="report_test-result specs">
+                        <div class="total-specs" title="Filter all specs"><span class="txt">Total specs</span><span class="value">3</span></div>
+                        <div class="fail spec-filter" data-status="failed" title="Filter failed specs"><span class="value">1</span></div>
+                        <div class="pass spec-filter" data-status="passed" title="Filter passed specs"><span class="value">1</span></div>
+                        <div class="skip spec-filter" data-status="skipped" title="Filter skipped specs"><span class="value">1</span></div>
                     </div>
-                    <div class="report_test-result">
-                        <div class="total-specs"><span class="value">4</span><span class="txt">Total scenario</span></div>
-                        <div class="fail scenario-filter" data-status="failed"><span class="value">0</span><span class="txt">Failed</span></div>
-                        <div class="pass scenario-filter" data-status="passed"><span class="value">0</span><span class="txt">Passed</span></div>
-                        <div class="skip scenario-filter" data-status="skipped"><span class="value">0</span><span class="txt">Skipped</span></div>
+                    <div class="report_test-result scenarios">
+                        <div class="total-scenarios"><span class="txt">Total scenario</span><span class="value">4</span></div>
+                        <div class="fail scenario-stats" data-status="failed"><span class="value">0</span></div>
+                        <div class="pass scenario-stats" data-status="passed"><span class="value">0</span></div>
+                        <div class="skip scenario-stats" data-status="skipped"><span class="value">0</span></div>
                     </div>
                 </div>
                 <div class="report_details">