Merge branch 'ph/removeExtraWidgetBorder' into 'master'

Removes an extra border in the merge request widget

See merge request !95680

app/assets/javascripts/vue_merge_request_widget/components/widget/app.vue

@@ -15,7 +15,12 @@ export default {
 </script>
 
 <template>
-  <section role="region" :aria-label="__('Merge request reports')" data-testid="mr-widget-app">
+  <section
+    v-if="widgets.length"
+    role="region"
+    :aria-label="__('Merge request reports')"
+    data-testid="mr-widget-app"
+  >
     <component
       :is="widget"
       v-for="(widget, index) in widgets"

ee/spec/frontend/vue_merge_request_widget/components/widget/app_spec.js

@@ -14,9 +14,9 @@ describe('MR Widget App', () => {
     });
   };
 
-  it('mounts the component', () => {
+  it('does not mount if widgets array is empty', () => {
     createComponent();
-    expect(wrapper.findByTestId('mr-widget-app').exists()).toBe(true);
+    expect(wrapper.findByTestId('mr-widget-app').exists()).toBe(false);
   });
 
   describe.each`

spec/frontend/vue_merge_request_widget/components/widget/app_spec.js

@@ -12,8 +12,8 @@ describe('MR Widget App', () => {
     });
   };
 
-  it('mounts the component', () => {
+  it('does not mount if widgets array is empty', () => {
     createComponent();
-    expect(wrapper.findByTestId('mr-widget-app').exists()).toBe(true);
+    expect(wrapper.findByTestId('mr-widget-app').exists()).toBe(false);
   });
 });