From 33a473734b4cddebd91507460b44a67c5c782cb0 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Tue, 20 Feb 2018 20:25:06 -0500
Subject: [PATCH] Updating tests to cover an edge case

---
 src/components/SVG/VerticalLayout.test.js     | 12 +++++
 .../__snapshots__/VerticalLayout.test.js.snap | 52 +++++++++++++++++++
 2 files changed, 64 insertions(+)

diff --git a/src/components/SVG/VerticalLayout.test.js b/src/components/SVG/VerticalLayout.test.js
index 24d69bb..3029122 100644
--- a/src/components/SVG/VerticalLayout.test.js
+++ b/src/components/SVG/VerticalLayout.test.js
@@ -31,4 +31,16 @@ describe('VerticalLayout', () => {
     component.update();
     expect(component).toMatchSnapshot();
   });
+
+  test('rendering with connectors (no sides)', async () => {
+    const component = mount(
+      <VerticalLayout withConnectors>
+        <SVGElement bbox={{ width: 100, height: 10 }}/>
+        <SVGElement bbox={{ width: 100, height: 10 }}/>
+      </VerticalLayout>
+    );
+    await component.instance().doReflow();
+    component.update();
+    expect(component).toMatchSnapshot();
+  });
 });
diff --git a/src/components/SVG/__snapshots__/VerticalLayout.test.js.snap b/src/components/SVG/__snapshots__/VerticalLayout.test.js.snap
index d24d22c..c5f380b 100644
--- a/src/components/SVG/__snapshots__/VerticalLayout.test.js.snap
+++ b/src/components/SVG/__snapshots__/VerticalLayout.test.js.snap
@@ -69,6 +69,58 @@ exports[`VerticalLayout rendering 1`] = `
 </VerticalLayout>
 `;
 
+exports[`VerticalLayout rendering with connectors (no sides) 1`] = `
+<VerticalLayout
+  spacing={10}
+  withConnectors={true}
+>
+  <path
+    d="M0,15c15,0 10,-10 20,-10M140,15c-15,0 -10,-10 -20,-10M0,15c15,0 10,10 20,10M140,15c-15,0 -10,10 -20,10"
+    style={
+      Object {
+        "fillOpacity": 0,
+        "stroke": "#000",
+        "strokeWidth": "2px",
+      }
+    }
+  />
+  <g
+    key=".0"
+    transform="translate(20 0)"
+  >
+    <SVGElement
+      bbox={
+        Object {
+          "height": 10,
+          "width": 100,
+        }
+      }
+    >
+      <text>
+        Mock content
+      </text>
+    </SVGElement>
+  </g>
+  <g
+    key=".1"
+    transform="translate(20 20)"
+  >
+    <SVGElement
+      bbox={
+        Object {
+          "height": 10,
+          "width": 100,
+        }
+      }
+    >
+      <text>
+        Mock content
+      </text>
+    </SVGElement>
+  </g>
+</VerticalLayout>
+`;
+
 exports[`VerticalLayout rendering with connectors 1`] = `
 <VerticalLayout
   spacing={10}