feat(3211): Build detail view - Hide steps and logs for virtual builds (

#1201)

app/build/model.js

@@ -65,6 +65,7 @@ export default Model.extend({
   status: attr('string'),
   stats: attr(),
   statusMessage: attr('string', { defaultValue: null }),
+  statusMessageType: attr('string', { defaultValue: null }),
   steps: attr(),
   templateId: attr('number'),
   startTimeWords: computed('startTime', {

app/pipeline/build/controller.js

@@ -44,6 +44,56 @@ export default Controller.extend({
     }
   ),
 
+  statusMessageAlertType: computed('model.build.statusMessageType', {
+    get() {
+      const statusMessageType = this.get('model.build.statusMessageType');
+
+      switch (statusMessageType) {
+        case 'ERROR':
+          return 'danger';
+        case 'INFO':
+          return 'info';
+        case 'WARN':
+        default:
+          return 'warning';
+      }
+    }
+  }),
+
+  statusMessageAlertIcon: computed('model.build.statusMessageType', {
+    get() {
+      const statusMessageType = this.get('model.build.statusMessageType');
+
+      switch (statusMessageType) {
+        case 'INFO':
+          return 'info-circle';
+        case 'ERROR':
+        case 'WARN':
+        default:
+          return 'exclamation-triangle';
+      }
+    }
+  }),
+
+  isVirtualBuild: computed(
+    'model.build.jobId',
+    'model.event.workflowGraph.nodes',
+    {
+      get() {
+        const jobId = parseInt(this.get('model.build.jobId'), 10);
+        const nodes = this.get('model.event.workflowGraph.nodes');
+
+        return nodes.find(node => node.id === jobId).virtual;
+      }
+    }
+  ),
+
+  showStepCollection: computed('isVirtualBuild', 'stepList', {
+    get() {
+      return !this.get('isVirtualBuild') && this.get('stepList');
+    }
+  }),
+
   prEvents: computed(
     'job.id',
     'model.event.pr.url',

app/pipeline/build/template.hbs

@@ -50,8 +50,8 @@
   {{#if this.build.statusMessage}}
     <InfoMessage
       @message={{this.build.statusMessage}}
-      @type="warning"
-      @icon="exclamation-triangle"
+      @type={{this.statusMessageAlertType}}
+      @icon={{this.statusMessageAlertIcon}}
     />
   {{/if}}
   {{#if this.build.meta.build.warning}}
@@ -66,7 +66,7 @@
 </div>
 
 
-{{#if this.stepList}}
+{{#if this.showStepCollection}}
   <BuildStepCollection
     @preselectedStepName={{this.preselectedStepName}}
     @selectedArtifact={{this.selectedArtifact}}

package.json

@@ -145,7 +145,7 @@
     "qunit": "^2.19.1",
     "qunit-dom": "^2.0.0",
     "sass-embedded": "^1.77.0",
-    "screwdriver-data-schema": "^24.0.0",
+    "screwdriver-data-schema": "^24.1.0",
     "sinon": "^18.0.0",
     "webpack": "^5.76.2"
   }

tests/acceptance/pipeline-builds-test.js

@@ -106,6 +106,7 @@ module('Acceptance | pipeline build', function (hooks) {
       const build = makeBuilds(1000000)[0];
 
       build.id = 1000000;
+      build.jobId = 12345;
       build.status = 'FAILURE';
 
       return [

tests/mock/workflow-graph.js

@@ -7,7 +7,7 @@ export default () =>
         { name: '~pr' },
         { name: '~commit' },
         { id: 12345, name: 'main' },
-        { is: 123456, name: 'publish' }
+        { id: 123456, name: 'publish' }
       ],
       edges: [
         { src: '~pr', dest: 'main' },