Links Layer: Update Alert Logic

app/assets/javascripts/pipelines/components/graph_shared/links_layer.vue

@@ -43,7 +43,7 @@ export default {
       }, 0);
     },
     showAlert() {
-      return !this.showLinkedLayers && !this.alertDismissed;
+      return !this.containerZero && !this.showLinkedLayers && !this.alertDismissed;
     },
     showLinkedLayers() {
       return (

spec/frontend/pipelines/graph_shared/links_layer_spec.js

@@ -79,6 +79,24 @@ describe('links layer component', () => {
       });
     });
 
+    describe('with width or height measurement at 0', () => {
+      beforeEach(() => {
+        createComponent({ props: { containerMeasurements: { width: 0, height: 100 } } });
+      });
+
+      it('renders the default slot', () => {
+        expect(wrapper.html()).toContain(slotContent);
+      });
+
+      it('does not render the alert component', () => {
+        expect(findAlert().exists()).toBe(false);
+      });
+
+      it('does not render the inner links component', () => {
+        expect(findLinksInner().exists()).toBe(false);
+      });
+    });
+
     describe('interactions', () => {
       beforeEach(() => {
         createComponent({ mountFn: mount, props: { pipelineData: tooManyStages } });