From 288bab743f7eff0df6500c15ed8ee2d570581419 Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Mon, 13 Feb 2023 10:56:01 -0800
Subject: [PATCH] tests

---
 .../container_icon_label/dagre/board.exp.json | 28 +++++++++----------
 .../container_icon_label/dagre/sketch.exp.svg |  6 ++--
 .../container_icon_label/elk/board.exp.json   | 18 ++++++------
 .../container_icon_label/elk/sketch.exp.svg   |  6 ++--
 4 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/e2etests/testdata/todo/container_icon_label/dagre/board.exp.json b/e2etests/testdata/todo/container_icon_label/dagre/board.exp.json
index 542f6cbae..f6bd21b82 100644
--- a/e2etests/testdata/todo/container_icon_label/dagre/board.exp.json
+++ b/e2etests/testdata/todo/container_icon_label/dagre/board.exp.json
@@ -10,7 +10,7 @@
         "y": 43
       },
       "width": 173,
-      "height": 555,
+      "height": 1031,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -59,10 +59,10 @@
       "type": "rectangle",
       "pos": {
         "x": 20,
-        "y": 107
+        "y": 167
       },
       "width": 133,
-      "height": 130,
+      "height": 249,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -100,7 +100,7 @@
       "type": "rectangle",
       "pos": {
         "x": 60,
-        "y": 337
+        "y": 635
       },
       "width": 53,
       "height": 66,
@@ -141,7 +141,7 @@
       "type": "rectangle",
       "pos": {
         "x": 60,
-        "y": 503
+        "y": 920
       },
       "width": 53,
       "height": 66,
@@ -182,7 +182,7 @@
       "type": "rectangle",
       "pos": {
         "x": 60,
-        "y": 139
+        "y": 258
       },
       "width": 53,
       "height": 66,
@@ -247,19 +247,19 @@
       "route": [
         {
           "x": 86.5,
-          "y": 237.5
+          "y": 453
         },
         {
           "x": 86.5,
-          "y": 277.5
+          "y": 511
         },
         {
           "x": 86.5,
-          "y": 297.5
+          "y": 547.4
         },
         {
           "x": 86.5,
-          "y": 337.5
+          "y": 635
         }
       ],
       "isCurve": true,
@@ -295,19 +295,19 @@
       "route": [
         {
           "x": 86.5,
-          "y": 403.5
+          "y": 702
         },
         {
           "x": 86.5,
-          "y": 443.5
+          "y": 788.8
         },
         {
           "x": 86.5,
-          "y": 463.5
+          "y": 832.4
         },
         {
           "x": 86.5,
-          "y": 503.5
+          "y": 920
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/todo/container_icon_label/dagre/sketch.exp.svg b/e2etests/testdata/todo/container_icon_label/dagre/sketch.exp.svg
index 8dc30a6d4..d88eef5f4 100644
--- a/e2etests/testdata/todo/container_icon_label/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/container_icon_label/dagre/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="377" height="800" viewBox="-102 -100 377 800"><style type="text/css">
+width="377" height="1276" viewBox="-102 -100 377 1276"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,8 +39,8 @@ width="377" height="800" viewBox="-102 -100 377 800"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect x="0" y="43" width="173" height="555" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="5.000000" y="48.000000" width="64" height="64" /><text class="text" x="86.500000" y="30.000000" style="text-anchor:middle;font-size:30px;fill:#0A0F25">Big font</text></g><g id="a.a"><g class="shape" ><rect x="20" y="107" width="133" height="130" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="86.500000" y="95.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="60" y="337" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="86.500000" y="375.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="60" y="503" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="86.500000" y="541.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="a.a.a"><g class="shape" ><rect x="60" y="139" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="86.500000" y="177.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="a.(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 86.500000 239.500000 C 86.500000 277.500000 86.500000 297.500000 86.500000 333.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3313825229)"/></g><g id="a.(b -&gt; c)[0]"><path d="M 86.500000 405.500000 C 86.500000 443.500000 86.500000 463.500000 86.500000 499.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3313825229)"/></g><mask id="3313825229" maskUnits="userSpaceOnUse" x="-100" y="-100" width="377" height="800">
-<rect x="-100" y="-100" width="377" height="800" fill="white"></rect>
+]]></script><g id="a"><g class="shape" ><rect x="0" y="43" width="173" height="1031" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="5.000000" y="48.000000" width="64" height="64" /><text class="text" x="86.500000" y="30.000000" style="text-anchor:middle;font-size:30px;fill:#0A0F25">Big font</text></g><g id="a.a"><g class="shape" ><rect x="20" y="167" width="133" height="249" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="86.500000" y="155.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="60" y="635" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="86.500000" y="673.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="60" y="920" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="86.500000" y="958.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="a.a.a"><g class="shape" ><rect x="60" y="258" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="86.500000" y="296.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="a.(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 86.500000 455.000000 C 86.500000 511.000000 86.500000 547.400000 86.500000 631.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#826768335)"/></g><g id="a.(b -&gt; c)[0]"><path d="M 86.500000 704.000000 C 86.500000 788.800000 86.500000 832.400000 86.500000 916.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#826768335)"/></g><mask id="826768335" maskUnits="userSpaceOnUse" x="-100" y="-100" width="377" height="1276">
+<rect x="-100" y="-100" width="377" height="1276" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/todo/container_icon_label/elk/board.exp.json b/e2etests/testdata/todo/container_icon_label/elk/board.exp.json
index da111cb64..f2d7f1754 100644
--- a/e2etests/testdata/todo/container_icon_label/elk/board.exp.json
+++ b/e2etests/testdata/todo/container_icon_label/elk/board.exp.json
@@ -10,7 +10,7 @@
         "y": 12
       },
       "width": 253,
-      "height": 556,
+      "height": 561,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -59,7 +59,7 @@
       "type": "rectangle",
       "pos": {
         "x": 62,
-        "y": 80
+        "y": 85
       },
       "width": 153,
       "height": 166,
@@ -100,7 +100,7 @@
       "type": "rectangle",
       "pos": {
         "x": 112,
-        "y": 316
+        "y": 321
       },
       "width": 53,
       "height": 66,
@@ -141,7 +141,7 @@
       "type": "rectangle",
       "pos": {
         "x": 112,
-        "y": 452
+        "y": 457
       },
       "width": 53,
       "height": 66,
@@ -182,7 +182,7 @@
       "type": "rectangle",
       "pos": {
         "x": 112,
-        "y": 130
+        "y": 135
       },
       "width": 53,
       "height": 66,
@@ -247,11 +247,11 @@
       "route": [
         {
           "x": 138.5,
-          "y": 246
+          "y": 251
         },
         {
           "x": 138.5,
-          "y": 316
+          "y": 321
         }
       ],
       "animated": false,
@@ -286,11 +286,11 @@
       "route": [
         {
           "x": 138.5,
-          "y": 382
+          "y": 387
         },
         {
           "x": 138.5,
-          "y": 452
+          "y": 457
         }
       ],
       "animated": false,
diff --git a/e2etests/testdata/todo/container_icon_label/elk/sketch.exp.svg b/e2etests/testdata/todo/container_icon_label/elk/sketch.exp.svg
index 8aa091aad..86ea3a536 100644
--- a/e2etests/testdata/todo/container_icon_label/elk/sketch.exp.svg
+++ b/e2etests/testdata/todo/container_icon_label/elk/sketch.exp.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="457" height="760" viewBox="-90 -90 457 760"><style type="text/css">
+width="457" height="765" viewBox="-90 -90 457 765"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,8 +39,8 @@ width="457" height="760" viewBox="-90 -90 457 760"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="253" height="556" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="17.000000" y="17.000000" width="64" height="64" /><text class="text" x="138.500000" y="47.000000" style="text-anchor:middle;font-size:30px;fill:#0A0F25">Big font</text></g><g id="a.a"><g class="shape" ><rect x="62" y="80" width="153" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="138.500000" y="109.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="112" y="316" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="354.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="112" y="452" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="490.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="a.a.a"><g class="shape" ><rect x="112" y="130" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="168.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="a.(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 138.500000 248.000000 L 138.500000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1811009328)"/></g><g id="a.(b -&gt; c)[0]"><path d="M 138.500000 384.000000 L 138.500000 448.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1811009328)"/></g><mask id="1811009328" maskUnits="userSpaceOnUse" x="-100" y="-100" width="457" height="760">
-<rect x="-100" y="-100" width="457" height="760" fill="white"></rect>
+]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="253" height="561" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="17.000000" y="17.000000" width="64" height="64" /><text class="text" x="138.500000" y="47.000000" style="text-anchor:middle;font-size:30px;fill:#0A0F25">Big font</text></g><g id="a.a"><g class="shape" ><rect x="62" y="85" width="153" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="138.500000" y="114.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="112" y="321" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="359.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="112" y="457" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="495.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="a.a.a"><g class="shape" ><rect x="112" y="135" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="173.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="a.(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 138.500000 253.000000 L 138.500000 317.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3229046937)"/></g><g id="a.(b -&gt; c)[0]"><path d="M 138.500000 389.000000 L 138.500000 453.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3229046937)"/></g><mask id="3229046937" maskUnits="userSpaceOnUse" x="-100" y="-100" width="457" height="765">
+<rect x="-100" y="-100" width="457" height="765" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {