Hide Expand button on Performance MR Widget if no changes

ee/app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue

@@ -54,8 +54,7 @@ export default {
       return (
         this.mr.performanceMetrics &&
         ((this.mr.performanceMetrics.degraded && this.mr.performanceMetrics.degraded.length > 0) ||
-          (this.mr.performanceMetrics.improved && this.mr.performanceMetrics.improved.length > 0) ||
-          (this.mr.performanceMetrics.neutral && this.mr.performanceMetrics.neutral.length > 0))
+          (this.mr.performanceMetrics.improved && this.mr.performanceMetrics.improved.length > 0))
       );
     },
     hasLicenseReportIssues() {
@@ -268,7 +267,6 @@ export default {
       :success-text="performanceText"
       :unresolved-issues="mr.performanceMetrics.degraded"
       :resolved-issues="mr.performanceMetrics.improved"
-      :neutral-issues="mr.performanceMetrics.neutral"
       :has-issues="hasPerformanceMetrics"
       :component="$options.componentNames.PerformanceIssueBody"
       class="js-performance-widget mr-widget-border-top"

ee/app/assets/javascripts/vue_merge_request_widget/stores/mr_widget_store.js

@@ -66,7 +66,6 @@ export default class MergeRequestStore extends CEMergeRequestStore {
     this.performanceMetrics = {
       improved: [],
       degraded: [],
-      neutral: [],
     };
   }
 
@@ -97,7 +96,6 @@ export default class MergeRequestStore extends CEMergeRequestStore {
 
     const improved = [];
     const degraded = [];
-    const neutral = [];
 
     Object.keys(headMetricsIndexed).forEach(subject => {
       const subjectMetrics = headMetricsIndexed[subject];
@@ -115,24 +113,18 @@ export default class MergeRequestStore extends CEMergeRequestStore {
             delta: headMetricData.value - baseMetricData.value,
           };
 
-          if (metricData.delta === 0) {
-            neutral.push(metricData);
-          } else if (metricData.delta * metricDirection > 0) {
-            improved.push(metricData);
-          } else {
-            degraded.push(metricData);
+          if (metricData.delta !== 0) {
+            if (metricDirection > 0) {
+              improved.push(metricData);
+            } else {
+              degraded.push(metricData);
+            }
           }
-        } else {
-          neutral.push({
-            name: metric,
-            path: subject,
-            score: headMetricData.value,
-          });
         }
       });
     });
 
-    this.performanceMetrics = { improved, degraded, neutral };
+    this.performanceMetrics = { improved, degraded };
   }
 
   parseLicenseReportMetrics(headMetrics, baseMetrics) {

ee/changelogs/unreleased/6766-performance-mr-widget-is-expandable-even-when-there-are-no-changes.yml

+---
+title: Hide Expand button on empty MR widget Performance section
+merge_request: 6685
+author:
+type: fixed

spec/javascripts/vue_mr_widget/ee_mr_widget_options_spec.js

@@ -484,21 +484,29 @@ describe('ee merge request widget options', () => {
     });
 
     describe('with empty successful request', () => {
-      beforeEach(() => {
+      beforeEach(done => {
         mock.onGet('head.json').reply(200, []);
         mock.onGet('base.json').reply(200, []);
         vm = mountComponent(Component);
+        // wait for network request from component created() method
+        setTimeout(done, 0);
       });
 
-      it('should render provided data', done => {
-        setTimeout(() => {
-          expect(
-            removeBreakLine(
-              vm.$el.querySelector('.js-performance-widget .js-code-text').textContent,
-            ),
-          ).toEqual('No changes to performance metrics');
-          done();
-        }, 0);
+      it('should render provided data', () => {
+        expect(
+          removeBreakLine(
+            vm.$el.querySelector('.js-performance-widget .js-code-text').textContent,
+          ),
+        ).toEqual('No changes to performance metrics');
+      });
+
+      it('does not show Expand button', () => {
+        const expandButton = vm.$el.querySelector('.js-performance-widget .js-collapse-btn');
+        expect(expandButton).toBeNull();
+      });
+
+      it('shows success icon', () => {
+        expect(vm.$el.querySelector('.js-performance-widget .js-ci-status-icon-success')).not.toBeNull();
       });
     });