Display build results table at top of build results page

.editorconfig

@@ -13,8 +13,5 @@ insert_final_newline = true
 indent_style = space
 indent_size = 2
 
-[*.hbs]
-insert_final_newline = false
-
 [*.{diff,md}]
 trim_trailing_whitespace = false

app/components/build-result-summary-table.hbs

@@ -0,0 +1,13 @@
+<table class="build-result-summary-table" data-test-results-table>
+  <thead>
+    <tr>
+      <th>Scenario</th>
+      <th>Result</th>
+    </tr>
+  </thead>
+  <tbody>
+    {{#each this.scenarios as |scenario|}}
+      <BuildResultSummaryTable::Row @scenario={{scenario}} />
+    {{/each}}
+  </tbody>
+</table>

app/components/build-result-summary-table.js

@@ -0,0 +1,11 @@
+import classic from 'ember-classic-decorator';
+import { tagName } from '@ember-decorators/component';
+import { readOnly } from '@ember/object/computed';
+import Component from '@ember/component';
+
+@classic
+@tagName('')
+export default class BuildResultSummaryTable extends Component {
+  @readOnly('results.scenarios')
+  scenarios;
+}

app/components/build-result-summary-table/row.hbs

@@ -0,0 +1,13 @@
+<tr>
+  <td>{{@scenario.scenarioName}}</td>
+  <td class="test-result {{this.testResultClass}}">
+    {{#if @scenario.passed}}
+      Passed
+    {{else}}
+      Failed
+      {{#if @scenario.allowedToFail}}
+        (allowed)
+      {{/if}}
+    {{/if}}
+  </td>
+</tr>

app/components/build-result-summary-table/row.js

@@ -0,0 +1,13 @@
+import Component from '@glimmer/component';
+
+export default class BuildResultSummaryTableRow extends Component {
+  get testResultClass() {
+    if (this.args.scenario.passed) {
+      return 'passed';
+    }
+    if (this.args.scenario.allowedToFail) {
+      return 'allowed-failure';
+    }
+    return 'failed';
+  }
+}

app/models/test-result.js

@@ -25,6 +25,9 @@ export default class TestResult extends Model {
   @attr('string')
   semverString;
 
+  @attr()
+  emberTryResults;
+
   @belongsTo('version')
   version;
 

app/styles/_canary_test_results.scss

@@ -26,7 +26,7 @@
     background-color: #e61313;
   }
 
-  &.error {
+  &.error, &.allowed-failure {
     background-color: #9e9e9e;
   }
 }

app/styles/app.scss

@@ -15,6 +15,7 @@
 @import "addons_index";
 @import "addons-list";
 @import "components/build-result-output";
+@import "components/build-result-summary-table";
 @import "components/code-search";
 @import "components/dependency-table";
 @import "components/large-search";

app/styles/components/_build-result-summary-table.scss

@@ -0,0 +1,14 @@
+.build-result-summary-table {
+  width: auto;
+
+  td {
+    padding: 0.75em;
+  }
+
+  th:first-child {
+    width: 15em;
+  }
+  th:not(:first-child) {
+    width: 8em;
+  }
+}

app/templates/admin/build-results/show.hbs

@@ -23,6 +23,11 @@
     </span>
   </div>
 
+  {{#if this.buildResult.emberTryResults}}
+    <h2>Results</h2>
+    <BuildResultSummaryTable @results={{this.buildResult.emberTryResults}} />
+  {{/if}}
+
   <h2>Output</h2>
   <BuildResultOutput @buildResult={{this.buildResult}} />
 </div>