npm - @figtreejs/core - Versions diffs - 0.0.1-alpha.0 - Mend

@figtreejs/core 0.0.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (111) hide show

package/CHANGELOG.md +9 -0
package/eslint.config.js +9 -0
package/package.json +76 -0
package/src/@custom-types/normalize-svg-path.d.ts +13 -0
package/src/@custom-types/parse-svg-path.d.ts +8 -0
package/src/@custom-types/svg-path-types.d.ts +37 -0
package/src/bauble-makers/makers.ts +112 -0
package/src/bauble-makers/set-up-baubles.ts +197 -0
package/src/bauble-makers/utils.ts +61 -0
package/src/components/baubles/bauble.tsx +61 -0
package/src/components/baubles/branches.tsx +13 -0
package/src/components/baubles/clades/cartoon.tsx +68 -0
package/src/components/baubles/clades/highlight.tsx +96 -0
package/src/components/baubles/clades/index.ts +1 -0
package/src/components/baubles/clades.tsx +45 -0
package/src/components/baubles/helpers.tsx +62 -0
package/src/components/baubles/index.ts +16 -0
package/src/components/baubles/labels.tsx +38 -0
package/src/components/baubles/nodes.tsx +51 -0
package/src/components/baubles/shapes/branch.tsx +53 -0
package/src/components/baubles/shapes/circle.tsx +64 -0
package/src/components/baubles/shapes/index.ts +9 -0
package/src/components/baubles/shapes/label.tsx +104 -0
package/src/components/baubles/shapes/rectangle.tsx +83 -0
package/src/components/baubles/types.ts +99 -0
package/src/components/decorations/axis/axis-types.ts +123 -0
package/src/components/decorations/axis/axis.tsx +21 -0
package/src/components/decorations/axis/index.ts +2 -0
package/src/components/decorations/axis/polar-axis-bars.tsx +102 -0
package/src/components/decorations/axis/polar-axis.tsx +175 -0
package/src/components/decorations/axis/rectangular-axis-bars.tsx +53 -0
package/src/components/decorations/axis/rectangular-axis.tsx +151 -0
package/src/components/decorations/index.ts +2 -0
package/src/components/decorations/legend/discrete-legend.tsx +93 -0
package/src/components/decorations/legend/index.ts +1 -0
package/src/components/decorations/legend/legend.tsx +1 -0
package/src/components/figtree/figtree-types.ts +69 -0
package/src/components/figtree/figtree.tsx +136 -0
package/src/components/figtree/index.ts +3 -0
package/src/components/hoc/index.ts +7 -0
package/src/components/hoc/with-branch.tsx +148 -0
package/src/components/hoc/with-branches.tsx +54 -0
package/src/components/hoc/with-clades.tsx +47 -0
package/src/components/hoc/with-node.tsx +183 -0
package/src/components/hoc/with-nodes.tsx +45 -0
package/src/components/index.ts +4 -0
package/src/context/aminated-context.ts +3 -0
package/src/context/dimension-context.ts +22 -0
package/src/context/layout-context.ts +20 -0
package/src/context/scale-context.ts +12 -0
package/src/evo/index.ts +1 -0
package/src/evo/tree/index.ts +5 -0
package/src/evo/tree/mcc-tree.ts +0 -0
package/src/evo/tree/normalized-tree/immutable-tree-helpers.ts +136 -0
package/src/evo/tree/normalized-tree/immutable-tree.test.ts +158 -0
package/src/evo/tree/normalized-tree/immutable-tree.ts +1365 -0
package/src/evo/tree/normalized-tree/index.ts +3 -0
package/src/evo/tree/parsers/annotation-parser.ts +276 -0
package/src/evo/tree/parsers/index.ts +3 -0
package/src/evo/tree/parsers/newick-character-parser.ts +246 -0
package/src/evo/tree/parsers/newick-parsing.ts +22 -0
package/src/evo/tree/parsers/nexus-parser.ts +12 -0
package/src/evo/tree/parsers/nexus-parsing.ts +68 -0
package/src/evo/tree/parsers/parsing.test.ts +289 -0
package/src/evo/tree/parsers/stream-reader/index.ts +1 -0
package/src/evo/tree/parsers/stream-reader/newick-importer.txt +395 -0
package/src/evo/tree/parsers/stream-reader/nexus-importer.test.ts +99 -0
package/src/evo/tree/parsers/stream-reader/nexus-importer.ts +293 -0
package/src/evo/tree/parsers/stream-reader/nexus-tokenizer.ts +77 -0
package/src/evo/tree/parsers/stream-reader/nexus-transform-stream.txt +109 -0
package/src/evo/tree/taxa/helper-functions.ts +46 -0
package/src/evo/tree/taxa/index.ts +1 -0
package/src/evo/tree/taxa/taxon.ts +116 -0
package/src/evo/tree/traversals/index.ts +1 -0
package/src/evo/tree/traversals/preorder-traversal.ts +89 -0
package/src/evo/tree/traversals/traversal-types.ts +6 -0
package/src/evo/tree/tree-types.ts +197 -0
package/src/evo/tree/utilities.ts +44 -0
package/src/index.ts +6 -0
package/src/layouts/functional/index.ts +2 -0
package/src/layouts/functional/radial-layout.ts +150 -0
package/src/layouts/functional/rectangular-layout.ts +71 -0
package/src/layouts/index.ts +3 -0
package/src/layouts/layout-interface.ts +90 -0
package/src/layouts/types.ts +32 -0
package/src/path.helpers.ts +81 -0
package/src/store/polar-scale.ts +145 -0
package/src/store/store.ts +144 -0
package/src/tests/baubles/__snapshots__/branch-labels.test.tsx.snap +901 -0
package/src/tests/baubles/__snapshots__/node-labels.test.tsx.snap +1516 -0
package/src/tests/baubles/branch-labels.test.tsx +103 -0
package/src/tests/baubles/label.svg +131 -0
package/src/tests/baubles/node-labels.test.tsx +126 -0
package/src/tests/clades/__snapshots__/cartoon.test.tsx.snap +327 -0
package/src/tests/clades/__snapshots__/highlight.test.tsx.snap +337 -0
package/src/tests/clades/cartoon.test.tsx +65 -0
package/src/tests/clades/highlight.test.tsx +66 -0
package/src/tests/figtree/__snapshots__/figtree.test.tsx.snap +761 -0
package/src/tests/figtree/figtree.test.tsx +123 -0
package/src/tests/figtree/simple.svg +47 -0
package/src/tests/layouts/radiallayout.test.ts +23 -0
package/src/tests/layouts/rectangularlayout.test.ts +65 -0
package/src/tests/shapes/branch.test.tsx +40 -0
package/src/tests/shapes/circle.test.tsx +47 -0
package/src/tests/shapes/label.test.tsx +101 -0
package/src/tests/shapes/rectangle.test.tsx +67 -0
package/src/tests/shapes/types.ts +1 -0
package/src/utils.ts +57 -0
package/tsconfig.json +12 -0
package/vite.config.ts +34 -0
package/vitetest.config.ts +11 -0

package/src/tests/baubles/__snapshots__/node-labels.test.tsx.snap ADDED Viewed

@@ -0,0 +1,1516 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+exports[`Node labels > renders a tree node labels - polar 1`] = `
+{
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <svg
+        data-testid="figure"
+        height="400px"
+        width="400px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g>
+          <g
+            transform="translate(10,10)"
+          >
+            <g
+              class="branch-layer"
+            >
+              <path
+                d="M 191.0442564366689 190 C191.0442564366689,190 186.399298787742,253.16276972672102 184.07681996327852,284.7441545900815 C184.07681996327852,284.7441545900815 182.9155805510468,300.5348470217618 182.33496084493095,308.4301932376019 C182.33496084493095,308.4301932376019 182.04465099187303,312.37786634552197 181.89949606534407,314.351702899482 C181.89949606534407,314.351702899482 181.82691860207956,315.338621176462 181.79062987044733,315.832080314952 C181.79062987044733,315.832080314952 181.77248550463122,316.078809884197 181.76341332172314,316.20217466881957 C181.76341332172314,316.20217466881957 181.75434113881508,316.32553945344205 181.75434113881508,316.32553945344205 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 181.75434113881508 316.32553945344205 C247.8501082366655,321.1861882228226 306.51906010557065,274.27508823362695 316.31858118777706,208.729335348547 C316.31858118777706,208.729335348547 347.6371623755541,213.41166918568376 363.2964529694426,215.75283610425214 C363.2964529694426,215.75283610425214 371.12609826638686,216.92341956353633 375.040920914859,217.5087112931784 C375.040920914859,217.5087112931784 376.998332239095,217.80135715799946 377.97703790121307,217.94768009041 C377.97703790121307,217.94768009041 378.4663907322721,218.02084155661527 378.7110671478016,218.0574222897179 C378.7110671478016,218.0574222897179 378.9557435633311,218.09400302282052 378.9557435633311,218.09400302282052 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 181.75434113881508 316.32553945344205 C115.65857404096461,311.4648906840615 64.4833022968594,256.4759029000588 64.37775041784722,190.20173603608833 C64.37775041784722,190.20173603608833 32.7111239131418,190.2521700451104 16.877810660789084,190.27738704962144 C16.877810660789084,190.27738704962144 8.961154034612727,190.28999555187698 5.002825721524549,190.29629980300473 C5.002825721524549,190.29629980300473 3.02366156498046,190.2994519285686 2.034079486708415,190.30102799135057 C2.034079486708415,190.30102799135057 1.539288447572393,190.30181602274155 1.2918929280043818,190.302210038437 C1.2918929280043818,190.302210038437 1.0444974084363707,190.3026040541325 1.0444974084363707,190.3026040541325 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 191.0442564366689 190 C191.0442564366689,190 222.3477640962031,185.21793078393245 237.9995179259702,182.82689617589867 C237.9995179259702,182.82689617589867 245.82539484085373,181.6313788718818 249.73833329829552,181.03362021987334 C249.73833329829552,181.03362021987334 251.6948025270164,180.73474089386912 252.67303714137685,180.585301230867 C252.67303714137685,180.585301230867 253.1621544485571,180.51058139936595 253.4067131021472,180.47322148361542 C253.4067131021472,180.47322148361542 253.52899242894225,180.45454152574015 253.5901320923398,180.44520154680254 C253.5901320923398,180.44520154680254 253.6512717557373,180.4358615678649 253.6512717557373,180.4358615678649 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+            </g>
+            <g
+              class="node-layer"
+            >
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="end"
+                  transform="translate(186.63904337251307,185.9264146186202) rotate(42.76015593933792)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M191.0442564366689 190L191.0442564366689 190"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="end"
+                  transform="translate(181.31429251944306,322.30938079597354) rotate(-85.79406886544032)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M181.75434113881508 316.32553945344205L181.75434113881508 316.32553945344205"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor=" start"
+                  transform="translate(384.8897905252257,218.98118206564644) rotate(8.503114598040845)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M378.9557435633311 218.09400302282052L378.9557435633311 218.09400302282052"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="end"
+                  transform="translate(-4.955494981928866,190.31215997163142) rotate(-0.0912523289214846)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M1.0444974084363707 190.3026040541325L1.0444974084363707 190.3026040541325"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor=" start"
+                  transform="translate(259.58246268070167,179.5297852953468) rotate(351.31438074411614)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M253.6512717557373 180.4358615678649L253.6512717557373 180.4358615678649"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+            </g>
+          </g>
+        </g>
+      </svg>
+    </div>
+  </body>,
+  "container": <div>
+    <svg
+      data-testid="figure"
+      height="400px"
+      width="400px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g>
+        <g
+          transform="translate(10,10)"
+        >
+          <g
+            class="branch-layer"
+          >
+            <path
+              d="M 191.0442564366689 190 C191.0442564366689,190 186.399298787742,253.16276972672102 184.07681996327852,284.7441545900815 C184.07681996327852,284.7441545900815 182.9155805510468,300.5348470217618 182.33496084493095,308.4301932376019 C182.33496084493095,308.4301932376019 182.04465099187303,312.37786634552197 181.89949606534407,314.351702899482 C181.89949606534407,314.351702899482 181.82691860207956,315.338621176462 181.79062987044733,315.832080314952 C181.79062987044733,315.832080314952 181.77248550463122,316.078809884197 181.76341332172314,316.20217466881957 C181.76341332172314,316.20217466881957 181.75434113881508,316.32553945344205 181.75434113881508,316.32553945344205 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 181.75434113881508 316.32553945344205 C247.8501082366655,321.1861882228226 306.51906010557065,274.27508823362695 316.31858118777706,208.729335348547 C316.31858118777706,208.729335348547 347.6371623755541,213.41166918568376 363.2964529694426,215.75283610425214 C363.2964529694426,215.75283610425214 371.12609826638686,216.92341956353633 375.040920914859,217.5087112931784 C375.040920914859,217.5087112931784 376.998332239095,217.80135715799946 377.97703790121307,217.94768009041 C377.97703790121307,217.94768009041 378.4663907322721,218.02084155661527 378.7110671478016,218.0574222897179 C378.7110671478016,218.0574222897179 378.9557435633311,218.09400302282052 378.9557435633311,218.09400302282052 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 181.75434113881508 316.32553945344205 C115.65857404096461,311.4648906840615 64.4833022968594,256.4759029000588 64.37775041784722,190.20173603608833 C64.37775041784722,190.20173603608833 32.7111239131418,190.2521700451104 16.877810660789084,190.27738704962144 C16.877810660789084,190.27738704962144 8.961154034612727,190.28999555187698 5.002825721524549,190.29629980300473 C5.002825721524549,190.29629980300473 3.02366156498046,190.2994519285686 2.034079486708415,190.30102799135057 C2.034079486708415,190.30102799135057 1.539288447572393,190.30181602274155 1.2918929280043818,190.302210038437 C1.2918929280043818,190.302210038437 1.0444974084363707,190.3026040541325 1.0444974084363707,190.3026040541325 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 191.0442564366689 190 C191.0442564366689,190 222.3477640962031,185.21793078393245 237.9995179259702,182.82689617589867 C237.9995179259702,182.82689617589867 245.82539484085373,181.6313788718818 249.73833329829552,181.03362021987334 C249.73833329829552,181.03362021987334 251.6948025270164,180.73474089386912 252.67303714137685,180.585301230867 C252.67303714137685,180.585301230867 253.1621544485571,180.51058139936595 253.4067131021472,180.47322148361542 C253.4067131021472,180.47322148361542 253.52899242894225,180.45454152574015 253.5901320923398,180.44520154680254 C253.5901320923398,180.44520154680254 253.6512717557373,180.4358615678649 253.6512717557373,180.4358615678649 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+          </g>
+          <g
+            class="node-layer"
+          >
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="end"
+                transform="translate(186.63904337251307,185.9264146186202) rotate(42.76015593933792)"
+              >
+                Label!
+              </text>
+              <path
+                d="M191.0442564366689 190L191.0442564366689 190"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="end"
+                transform="translate(181.31429251944306,322.30938079597354) rotate(-85.79406886544032)"
+              >
+                Label!
+              </text>
+              <path
+                d="M181.75434113881508 316.32553945344205L181.75434113881508 316.32553945344205"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor=" start"
+                transform="translate(384.8897905252257,218.98118206564644) rotate(8.503114598040845)"
+              >
+                Label!
+              </text>
+              <path
+                d="M378.9557435633311 218.09400302282052L378.9557435633311 218.09400302282052"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="end"
+                transform="translate(-4.955494981928866,190.31215997163142) rotate(-0.0912523289214846)"
+              >
+                Label!
+              </text>
+              <path
+                d="M1.0444974084363707 190.3026040541325L1.0444974084363707 190.3026040541325"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor=" start"
+                transform="translate(259.58246268070167,179.5297852953468) rotate(351.31438074411614)"
+              >
+                Label!
+              </text>
+              <path
+                d="M253.6512717557373 180.4358615678649L253.6512717557373 180.4358615678649"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+          </g>
+        </g>
+      </g>
+    </svg>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Node labels > renders a tree node labels 1`] = `
+{
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <svg
+        data-testid="figure"
+        height="400px"
+        width="400px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g>
+          <g
+            transform="translate(10,10)"
+          >
+            <g
+              class="branch-layer"
+            >
+              <path
+                d="M 0.001 237.5 C0.001,237.5 0,95 0,95 C0,95 126.66666666666666,95.0005 190,95.00075000000001 C190,95.00075000000001 221.66666666666666,95.00087500000001 237.5,95.0009375 C237.5,95.0009375 245.41666666666666,95.00096875 249.375,95.000984375 C249.375,95.000984375 251.35416666666666,95.0009921875 252.34375,95.00099609375 C252.34375,95.00099609375 253.33333333333331,95.001 253.33333333333331,95.001 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 253.33433333333332 95 C253.33433333333332,95 253.33333333333331,0 253.33333333333331,0 C253.33333333333331,0 316.66666666666663,0.0005 348.3333333333333,0.00075 C348.3333333333333,0.00075 364.16666666666663,0.000875 372.0833333333333,0.0009375 C372.0833333333333,0.0009375 376.04166666666663,0.00096875 378.0208333333333,0.000984375 C378.0208333333333,0.000984375 379.01041666666663,0.0009921875 379.5052083333333,0.00099609375 C379.5052083333333,0.00099609375 380,0.001 380,0.001 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 253.33433333333332 95 C253.33433333333332,95 253.33333333333331,190 253.33333333333331,190 C253.33333333333331,190 316.66666666666663,190.0005 348.3333333333333,190.00074999999998 C348.3333333333333,190.00074999999998 364.16666666666663,190.000875 372.0833333333333,190.00093750000002 C372.0833333333333,190.00093750000002 376.04166666666663,190.00096875000003 378.0208333333333,190.00098437500003 C378.0208333333333,190.00098437500003 379.01041666666663,190.0009921875 379.5052083333333,190.00099609375002 C379.5052083333333,190.00099609375002 380,190.001 380,190.001 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 0.001 237.5 C0.001,237.5 0,380 0,380 C0,380 63.33333333333333,380.0005 95,380.00075 C95,380.00075 110.83333333333333,380.00087499999995 118.75,380.00093749999996 C118.75,380.00093749999996 122.70833333333333,380.00096874999997 124.6875,380.000984375 C124.6875,380.000984375 125.67708333333333,380.00099218749995 126.171875,380.00099609374996 C126.171875,380.00099609374996 126.66666666666666,380.001 126.66666666666666,380.001 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+            </g>
+            <g
+              class="node-layer"
+            >
+              <g>
+                <text
+                  alignment-baseline="bottom"
+                  text-anchor="end"
+                  transform="translate(-6,231.5) rotate(0)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M0 237.5L0 237.5"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="hanging"
+                  text-anchor="end"
+                  transform="translate(247.33333333333331,101) rotate(0)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M253.33333333333331 95L253.33333333333331 95"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="start"
+                  transform="translate(386,0) rotate(0)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M380 0L380 0"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="start"
+                  transform="translate(386,190) rotate(0)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M380 190L380 190"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="start"
+                  transform="translate(132.66666666666666,380) rotate(0)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M126.66666666666666 380L126.66666666666666 380"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+            </g>
+          </g>
+        </g>
+      </svg>
+    </div>
+  </body>,
+  "container": <div>
+    <svg
+      data-testid="figure"
+      height="400px"
+      width="400px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g>
+        <g
+          transform="translate(10,10)"
+        >
+          <g
+            class="branch-layer"
+          >
+            <path
+              d="M 0.001 237.5 C0.001,237.5 0,95 0,95 C0,95 126.66666666666666,95.0005 190,95.00075000000001 C190,95.00075000000001 221.66666666666666,95.00087500000001 237.5,95.0009375 C237.5,95.0009375 245.41666666666666,95.00096875 249.375,95.000984375 C249.375,95.000984375 251.35416666666666,95.0009921875 252.34375,95.00099609375 C252.34375,95.00099609375 253.33333333333331,95.001 253.33333333333331,95.001 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 253.33433333333332 95 C253.33433333333332,95 253.33333333333331,0 253.33333333333331,0 C253.33333333333331,0 316.66666666666663,0.0005 348.3333333333333,0.00075 C348.3333333333333,0.00075 364.16666666666663,0.000875 372.0833333333333,0.0009375 C372.0833333333333,0.0009375 376.04166666666663,0.00096875 378.0208333333333,0.000984375 C378.0208333333333,0.000984375 379.01041666666663,0.0009921875 379.5052083333333,0.00099609375 C379.5052083333333,0.00099609375 380,0.001 380,0.001 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 253.33433333333332 95 C253.33433333333332,95 253.33333333333331,190 253.33333333333331,190 C253.33333333333331,190 316.66666666666663,190.0005 348.3333333333333,190.00074999999998 C348.3333333333333,190.00074999999998 364.16666666666663,190.000875 372.0833333333333,190.00093750000002 C372.0833333333333,190.00093750000002 376.04166666666663,190.00096875000003 378.0208333333333,190.00098437500003 C378.0208333333333,190.00098437500003 379.01041666666663,190.0009921875 379.5052083333333,190.00099609375002 C379.5052083333333,190.00099609375002 380,190.001 380,190.001 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 0.001 237.5 C0.001,237.5 0,380 0,380 C0,380 63.33333333333333,380.0005 95,380.00075 C95,380.00075 110.83333333333333,380.00087499999995 118.75,380.00093749999996 C118.75,380.00093749999996 122.70833333333333,380.00096874999997 124.6875,380.000984375 C124.6875,380.000984375 125.67708333333333,380.00099218749995 126.171875,380.00099609374996 C126.171875,380.00099609374996 126.66666666666666,380.001 126.66666666666666,380.001 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+          </g>
+          <g
+            class="node-layer"
+          >
+            <g>
+              <text
+                alignment-baseline="bottom"
+                text-anchor="end"
+                transform="translate(-6,231.5) rotate(0)"
+              >
+                Label!
+              </text>
+              <path
+                d="M0 237.5L0 237.5"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="hanging"
+                text-anchor="end"
+                transform="translate(247.33333333333331,101) rotate(0)"
+              >
+                Label!
+              </text>
+              <path
+                d="M253.33333333333331 95L253.33333333333331 95"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="start"
+                transform="translate(386,0) rotate(0)"
+              >
+                Label!
+              </text>
+              <path
+                d="M380 0L380 0"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="start"
+                transform="translate(386,190) rotate(0)"
+              >
+                Label!
+              </text>
+              <path
+                d="M380 190L380 190"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="start"
+                transform="translate(132.66666666666666,380) rotate(0)"
+              >
+                Label!
+              </text>
+              <path
+                d="M126.66666666666666 380L126.66666666666666 380"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+          </g>
+        </g>
+      </g>
+    </svg>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Node labels > renders a tree node labels in radial layout 1`] = `
+{
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <svg
+        data-testid="figure"
+        height="400px"
+        width="400px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g>
+          <g
+            transform="translate(10,10)"
+          >
+            <g
+              class="branch-layer"
+            >
+              <path
+                d="M 303.9999492243224 284.97489210109876 C303.9999492243224,284.97489210109876 227.99989844864467,189.9497842021975 227.99989844864467,189.9497842021975 C227.99989844864467,189.9497842021975 189.9998730608058,142.43723025274684 170.99986036688637,118.68095327802152 C170.99986036688637,118.68095327802152 161.49985401992666,106.80281479065886 156.7498508464468,100.86374554697753 C156.7498508464468,100.86374554697753 154.37484925970688,97.89421092513686 153.1873484663369,96.40944361421654 C153.1873484663369,96.40944361421654 152.59359806965193,95.66705995875637 152.29672287130944,95.29586813102628 C152.29672287130944,95.29586813102628 151.99984767296695,94.92467630329621 151.99984767296695,94.92467630329621 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 151.99984767296695 94.92467630329621 C151.99984767296695,94.92467630329621 190.12010533393422,47.462338151648105 190.12010533393422,47.462338151648105 C190.12010533393422,47.462338151648105 209.18023416441787,23.731169075824052 218.71029857965968,11.865584537912026 C218.71029857965968,11.865584537912026 223.4753307872806,5.932792268956013 225.85784689109104,2.9663961344780065 C225.85784689109104,2.9663961344780065 227.04910494299628,1.4831980672390033 227.64473396894888,0.7415990336195016 C227.64473396894888,0.7415990336195016 227.9425484819252,0.3707995168097508 228.09145573841334,0.1853997584048754 C228.09145573841334,0.1853997584048754 228.2403629949015,0 228.2403629949015,0 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 151.99984767296695 94.92467630329621 C151.99984767296695,94.92467630329621 75.99992383648348,95.0249491830781 75.99992383648348,95.0249491830781 C75.99992383648348,95.0249491830781 37.99996191824174,95.07508562296906 18.99998095912087,95.10015384291452 C18.99998095912087,95.10015384291452 9.499990479560434,95.11268795288726 4.749995239780217,95.11895500787364 C4.749995239780217,95.11895500787364 2.3749976198901086,95.12208853536683 1.1874988099450543,95.12365529911341 C1.1874988099450543,95.12365529911341 0.5937494049725272,95.12443868098671 0.2968747024862636,95.12483037192337 C0.2968747024862636,95.12483037192337 0,95.12522206286 0,95.12522206286 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 303.9999492243224 284.97489210109876 C303.9999492243224,284.97489210109876 341.99997461216117,332.48744605054935 341.99997461216117,332.48744605054935 C341.99997461216117,332.48744605054935 360.9999873060806,356.2437230252747 370.4999936530403,368.12186151263734 C370.4999936530403,368.12186151263734 375.24999682652015,374.06093075631867 377.6249984132601,377.0304653781593 C377.6249984132601,377.0304653781593 378.81249920663004,378.51523268907965 379.406249603315,379.2576163445398 C379.406249603315,379.2576163445398 379.7031248016575,379.62880817226994 379.85156240082875,379.81440408613497 C379.85156240082875,379.81440408613497 380,380 380,380 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+            </g>
+            <g
+              class="node-layer"
+            >
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="end"
+                  transform="translate(297.9999492243224,284.97489210109876) rotate(0)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M303.9999492243224 284.97489210109876L303.9999492243224 284.97489210109876"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="end"
+                  transform="translate(148.99984767296695,89.72852388058958) rotate(0)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M151.99984767296695 94.92467630329621L151.99984767296695 94.92467630329621"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="start"
+                  transform="translate(231.24985501012264,-5.190660633322136) rotate(0)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M228.2403629949015 0L228.2403629949015 0"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="end"
+                  transform="translate(-5.999989978491366,95.13618828386687) rotate(0)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M0 95.12522206286L0 95.12522206286"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="start"
+                  transform="translate(383,385.19615242270663) rotate(0)"
+                >
+                  Label!
+                </text>
+                <path
+                  d="M380 380L380 380"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+            </g>
+          </g>
+        </g>
+      </svg>
+    </div>
+  </body>,
+  "container": <div>
+    <svg
+      data-testid="figure"
+      height="400px"
+      width="400px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g>
+        <g
+          transform="translate(10,10)"
+        >
+          <g
+            class="branch-layer"
+          >
+            <path
+              d="M 303.9999492243224 284.97489210109876 C303.9999492243224,284.97489210109876 227.99989844864467,189.9497842021975 227.99989844864467,189.9497842021975 C227.99989844864467,189.9497842021975 189.9998730608058,142.43723025274684 170.99986036688637,118.68095327802152 C170.99986036688637,118.68095327802152 161.49985401992666,106.80281479065886 156.7498508464468,100.86374554697753 C156.7498508464468,100.86374554697753 154.37484925970688,97.89421092513686 153.1873484663369,96.40944361421654 C153.1873484663369,96.40944361421654 152.59359806965193,95.66705995875637 152.29672287130944,95.29586813102628 C152.29672287130944,95.29586813102628 151.99984767296695,94.92467630329621 151.99984767296695,94.92467630329621 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 151.99984767296695 94.92467630329621 C151.99984767296695,94.92467630329621 190.12010533393422,47.462338151648105 190.12010533393422,47.462338151648105 C190.12010533393422,47.462338151648105 209.18023416441787,23.731169075824052 218.71029857965968,11.865584537912026 C218.71029857965968,11.865584537912026 223.4753307872806,5.932792268956013 225.85784689109104,2.9663961344780065 C225.85784689109104,2.9663961344780065 227.04910494299628,1.4831980672390033 227.64473396894888,0.7415990336195016 C227.64473396894888,0.7415990336195016 227.9425484819252,0.3707995168097508 228.09145573841334,0.1853997584048754 C228.09145573841334,0.1853997584048754 228.2403629949015,0 228.2403629949015,0 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 151.99984767296695 94.92467630329621 C151.99984767296695,94.92467630329621 75.99992383648348,95.0249491830781 75.99992383648348,95.0249491830781 C75.99992383648348,95.0249491830781 37.99996191824174,95.07508562296906 18.99998095912087,95.10015384291452 C18.99998095912087,95.10015384291452 9.499990479560434,95.11268795288726 4.749995239780217,95.11895500787364 C4.749995239780217,95.11895500787364 2.3749976198901086,95.12208853536683 1.1874988099450543,95.12365529911341 C1.1874988099450543,95.12365529911341 0.5937494049725272,95.12443868098671 0.2968747024862636,95.12483037192337 C0.2968747024862636,95.12483037192337 0,95.12522206286 0,95.12522206286 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 303.9999492243224 284.97489210109876 C303.9999492243224,284.97489210109876 341.99997461216117,332.48744605054935 341.99997461216117,332.48744605054935 C341.99997461216117,332.48744605054935 360.9999873060806,356.2437230252747 370.4999936530403,368.12186151263734 C370.4999936530403,368.12186151263734 375.24999682652015,374.06093075631867 377.6249984132601,377.0304653781593 C377.6249984132601,377.0304653781593 378.81249920663004,378.51523268907965 379.406249603315,379.2576163445398 C379.406249603315,379.2576163445398 379.7031248016575,379.62880817226994 379.85156240082875,379.81440408613497 C379.85156240082875,379.81440408613497 380,380 380,380 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+          </g>
+          <g
+            class="node-layer"
+          >
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="end"
+                transform="translate(297.9999492243224,284.97489210109876) rotate(0)"
+              >
+                Label!
+              </text>
+              <path
+                d="M303.9999492243224 284.97489210109876L303.9999492243224 284.97489210109876"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="end"
+                transform="translate(148.99984767296695,89.72852388058958) rotate(0)"
+              >
+                Label!
+              </text>
+              <path
+                d="M151.99984767296695 94.92467630329621L151.99984767296695 94.92467630329621"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="start"
+                transform="translate(231.24985501012264,-5.190660633322136) rotate(0)"
+              >
+                Label!
+              </text>
+              <path
+                d="M228.2403629949015 0L228.2403629949015 0"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="end"
+                transform="translate(-5.999989978491366,95.13618828386687) rotate(0)"
+              >
+                Label!
+              </text>
+              <path
+                d="M0 95.12522206286L0 95.12522206286"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="start"
+                transform="translate(383,385.19615242270663) rotate(0)"
+              >
+                Label!
+              </text>
+              <path
+                d="M380 380L380 380"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+          </g>
+        </g>
+      </g>
+    </svg>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Node labels > renders a tree with aligned Node labels and a function for text - polar 1`] = `
+{
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <svg
+        data-testid="figure"
+        height="400px"
+        width="400px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g>
+          <g
+            transform="translate(10,10)"
+          >
+            <g
+              class="branch-layer"
+            >
+              <path
+                d="M 191.0442564366689 190 C191.0442564366689,190 186.399298787742,253.16276972672102 184.07681996327852,284.7441545900815 C184.07681996327852,284.7441545900815 182.9155805510468,300.5348470217618 182.33496084493095,308.4301932376019 C182.33496084493095,308.4301932376019 182.04465099187303,312.37786634552197 181.89949606534407,314.351702899482 C181.89949606534407,314.351702899482 181.82691860207956,315.338621176462 181.79062987044733,315.832080314952 C181.79062987044733,315.832080314952 181.77248550463122,316.078809884197 181.76341332172314,316.20217466881957 C181.76341332172314,316.20217466881957 181.75434113881508,316.32553945344205 181.75434113881508,316.32553945344205 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 181.75434113881508 316.32553945344205 C247.8501082366655,321.1861882228226 306.51906010557065,274.27508823362695 316.31858118777706,208.729335348547 C316.31858118777706,208.729335348547 347.6371623755541,213.41166918568376 363.2964529694426,215.75283610425214 C363.2964529694426,215.75283610425214 371.12609826638686,216.92341956353633 375.040920914859,217.5087112931784 C375.040920914859,217.5087112931784 376.998332239095,217.80135715799946 377.97703790121307,217.94768009041 C377.97703790121307,217.94768009041 378.4663907322721,218.02084155661527 378.7110671478016,218.0574222897179 C378.7110671478016,218.0574222897179 378.9557435633311,218.09400302282052 378.9557435633311,218.09400302282052 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 181.75434113881508 316.32553945344205 C115.65857404096461,311.4648906840615 64.4833022968594,256.4759029000588 64.37775041784722,190.20173603608833 C64.37775041784722,190.20173603608833 32.7111239131418,190.2521700451104 16.877810660789084,190.27738704962144 C16.877810660789084,190.27738704962144 8.961154034612727,190.28999555187698 5.002825721524549,190.29629980300473 C5.002825721524549,190.29629980300473 3.02366156498046,190.2994519285686 2.034079486708415,190.30102799135057 C2.034079486708415,190.30102799135057 1.539288447572393,190.30181602274155 1.2918929280043818,190.302210038437 C1.2918929280043818,190.302210038437 1.0444974084363707,190.3026040541325 1.0444974084363707,190.3026040541325 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 191.0442564366689 190 C191.0442564366689,190 222.3477640962031,185.21793078393245 237.9995179259702,182.82689617589867 C237.9995179259702,182.82689617589867 245.82539484085373,181.6313788718818 249.73833329829552,181.03362021987334 C249.73833329829552,181.03362021987334 251.6948025270164,180.73474089386912 252.67303714137685,180.585301230867 C252.67303714137685,180.585301230867 253.1621544485571,180.51058139936595 253.4067131021472,180.47322148361542 C253.4067131021472,180.47322148361542 253.52899242894225,180.45454152574015 253.5901320923398,180.44520154680254 C253.5901320923398,180.44520154680254 253.6512717557373,180.4358615678649 253.6512717557373,180.4358615678649 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+            </g>
+            <g
+              class="node-layer"
+            >
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="end"
+                  transform="translate(47.140629674245915,56.929544208260616) rotate(42.76015593933792)"
+                >
+                  0
+                </text>
+                <path
+                  d="M191.0442564366689 190L47.140629674245915 56.929544208260616"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="end"
+                  transform="translate(176.66933487051617,385.4721505226946) rotate(-85.79406886544032)"
+                >
+                  1
+                </text>
+                <path
+                  d="M181.75434113881508 316.32553945344205L176.66933487051617 385.4721505226946"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor=" start"
+                  transform="translate(384.8897905252257,218.98118206564644) rotate(8.503114598040845)"
+                >
+                  2
+                </text>
+                <path
+                  d="M378.9557435633311 218.09400302282052L384.8897905252257 218.98118206564644"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="end"
+                  transform="translate(-4.955494981928866,190.31215997163142) rotate(-0.0912523289214846)"
+                >
+                  3
+                </text>
+                <path
+                  d="M1.0444974084363707 190.3026040541325L-4.955494981928866 190.31215997163142"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor=" start"
+                  transform="translate(384.7964933188385,160.4015084310766) rotate(351.31438074411614)"
+                >
+                  4
+                </text>
+                <path
+                  d="M253.6512717557373 180.4358615678649L384.7964933188385 160.4015084310766"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+            </g>
+          </g>
+        </g>
+      </svg>
+    </div>
+  </body>,
+  "container": <div>
+    <svg
+      data-testid="figure"
+      height="400px"
+      width="400px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g>
+        <g
+          transform="translate(10,10)"
+        >
+          <g
+            class="branch-layer"
+          >
+            <path
+              d="M 191.0442564366689 190 C191.0442564366689,190 186.399298787742,253.16276972672102 184.07681996327852,284.7441545900815 C184.07681996327852,284.7441545900815 182.9155805510468,300.5348470217618 182.33496084493095,308.4301932376019 C182.33496084493095,308.4301932376019 182.04465099187303,312.37786634552197 181.89949606534407,314.351702899482 C181.89949606534407,314.351702899482 181.82691860207956,315.338621176462 181.79062987044733,315.832080314952 C181.79062987044733,315.832080314952 181.77248550463122,316.078809884197 181.76341332172314,316.20217466881957 C181.76341332172314,316.20217466881957 181.75434113881508,316.32553945344205 181.75434113881508,316.32553945344205 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 181.75434113881508 316.32553945344205 C247.8501082366655,321.1861882228226 306.51906010557065,274.27508823362695 316.31858118777706,208.729335348547 C316.31858118777706,208.729335348547 347.6371623755541,213.41166918568376 363.2964529694426,215.75283610425214 C363.2964529694426,215.75283610425214 371.12609826638686,216.92341956353633 375.040920914859,217.5087112931784 C375.040920914859,217.5087112931784 376.998332239095,217.80135715799946 377.97703790121307,217.94768009041 C377.97703790121307,217.94768009041 378.4663907322721,218.02084155661527 378.7110671478016,218.0574222897179 C378.7110671478016,218.0574222897179 378.9557435633311,218.09400302282052 378.9557435633311,218.09400302282052 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 181.75434113881508 316.32553945344205 C115.65857404096461,311.4648906840615 64.4833022968594,256.4759029000588 64.37775041784722,190.20173603608833 C64.37775041784722,190.20173603608833 32.7111239131418,190.2521700451104 16.877810660789084,190.27738704962144 C16.877810660789084,190.27738704962144 8.961154034612727,190.28999555187698 5.002825721524549,190.29629980300473 C5.002825721524549,190.29629980300473 3.02366156498046,190.2994519285686 2.034079486708415,190.30102799135057 C2.034079486708415,190.30102799135057 1.539288447572393,190.30181602274155 1.2918929280043818,190.302210038437 C1.2918929280043818,190.302210038437 1.0444974084363707,190.3026040541325 1.0444974084363707,190.3026040541325 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 191.0442564366689 190 C191.0442564366689,190 222.3477640962031,185.21793078393245 237.9995179259702,182.82689617589867 C237.9995179259702,182.82689617589867 245.82539484085373,181.6313788718818 249.73833329829552,181.03362021987334 C249.73833329829552,181.03362021987334 251.6948025270164,180.73474089386912 252.67303714137685,180.585301230867 C252.67303714137685,180.585301230867 253.1621544485571,180.51058139936595 253.4067131021472,180.47322148361542 C253.4067131021472,180.47322148361542 253.52899242894225,180.45454152574015 253.5901320923398,180.44520154680254 C253.5901320923398,180.44520154680254 253.6512717557373,180.4358615678649 253.6512717557373,180.4358615678649 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+          </g>
+          <g
+            class="node-layer"
+          >
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="end"
+                transform="translate(47.140629674245915,56.929544208260616) rotate(42.76015593933792)"
+              >
+                0
+              </text>
+              <path
+                d="M191.0442564366689 190L47.140629674245915 56.929544208260616"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="end"
+                transform="translate(176.66933487051617,385.4721505226946) rotate(-85.79406886544032)"
+              >
+                1
+              </text>
+              <path
+                d="M181.75434113881508 316.32553945344205L176.66933487051617 385.4721505226946"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor=" start"
+                transform="translate(384.8897905252257,218.98118206564644) rotate(8.503114598040845)"
+              >
+                2
+              </text>
+              <path
+                d="M378.9557435633311 218.09400302282052L384.8897905252257 218.98118206564644"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="end"
+                transform="translate(-4.955494981928866,190.31215997163142) rotate(-0.0912523289214846)"
+              >
+                3
+              </text>
+              <path
+                d="M1.0444974084363707 190.3026040541325L-4.955494981928866 190.31215997163142"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor=" start"
+                transform="translate(384.7964933188385,160.4015084310766) rotate(351.31438074411614)"
+              >
+                4
+              </text>
+              <path
+                d="M253.6512717557373 180.4358615678649L384.7964933188385 160.4015084310766"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+          </g>
+        </g>
+      </g>
+    </svg>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Node labels > renders a tree with aligned Node labels and a function for text 1`] = `
+{
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <svg
+        data-testid="figure"
+        height="400px"
+        width="400px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g>
+          <g
+            transform="translate(10,10)"
+          >
+            <g
+              class="branch-layer"
+            >
+              <path
+                d="M 0.001 237.5 C0.001,237.5 0,95 0,95 C0,95 126.66666666666666,95.0005 190,95.00075000000001 C190,95.00075000000001 221.66666666666666,95.00087500000001 237.5,95.0009375 C237.5,95.0009375 245.41666666666666,95.00096875 249.375,95.000984375 C249.375,95.000984375 251.35416666666666,95.0009921875 252.34375,95.00099609375 C252.34375,95.00099609375 253.33333333333331,95.001 253.33333333333331,95.001 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 253.33433333333332 95 C253.33433333333332,95 253.33333333333331,0 253.33333333333331,0 C253.33333333333331,0 316.66666666666663,0.0005 348.3333333333333,0.00075 C348.3333333333333,0.00075 364.16666666666663,0.000875 372.0833333333333,0.0009375 C372.0833333333333,0.0009375 376.04166666666663,0.00096875 378.0208333333333,0.000984375 C378.0208333333333,0.000984375 379.01041666666663,0.0009921875 379.5052083333333,0.00099609375 C379.5052083333333,0.00099609375 380,0.001 380,0.001 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 253.33433333333332 95 C253.33433333333332,95 253.33333333333331,190 253.33333333333331,190 C253.33333333333331,190 316.66666666666663,190.0005 348.3333333333333,190.00074999999998 C348.3333333333333,190.00074999999998 364.16666666666663,190.000875 372.0833333333333,190.00093750000002 C372.0833333333333,190.00093750000002 376.04166666666663,190.00096875000003 378.0208333333333,190.00098437500003 C378.0208333333333,190.00098437500003 379.01041666666663,190.0009921875 379.5052083333333,190.00099609375002 C379.5052083333333,190.00099609375002 380,190.001 380,190.001 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+              <path
+                d="M 0.001 237.5 C0.001,237.5 0,380 0,380 C0,380 63.33333333333333,380.0005 95,380.00075 C95,380.00075 110.83333333333333,380.00087499999995 118.75,380.00093749999996 C118.75,380.00093749999996 122.70833333333333,380.00096874999997 124.6875,380.000984375 C124.6875,380.000984375 125.67708333333333,380.00099218749995 126.171875,380.00099609374996 C126.171875,380.00099609374996 126.66666666666666,380.001 126.66666666666666,380.001 "
+                fill="none"
+                stroke="black"
+                stroke-width="2"
+              />
+            </g>
+            <g
+              class="node-layer"
+            >
+              <g>
+                <text
+                  alignment-baseline="bottom"
+                  text-anchor="end"
+                  transform="translate(374,231.5) rotate(0)"
+                >
+                  0
+                </text>
+                <path
+                  d="M0 237.5L374 231.5"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="hanging"
+                  text-anchor="end"
+                  transform="translate(374,101) rotate(0)"
+                >
+                  1
+                </text>
+                <path
+                  d="M253.33333333333331 95L374 101"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="start"
+                  transform="translate(386,0) rotate(0)"
+                >
+                  2
+                </text>
+                <path
+                  d="M380 0L386 0"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="start"
+                  transform="translate(386,190) rotate(0)"
+                >
+                  3
+                </text>
+                <path
+                  d="M380 190L386 190"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+              <g>
+                <text
+                  alignment-baseline="middle"
+                  text-anchor="start"
+                  transform="translate(386,380) rotate(0)"
+                >
+                  4
+                </text>
+                <path
+                  d="M126.66666666666666 380L386 380"
+                  stroke="grey"
+                  stroke-dasharray="2"
+                  stroke-width="1"
+                />
+              </g>
+            </g>
+          </g>
+        </g>
+      </svg>
+    </div>
+  </body>,
+  "container": <div>
+    <svg
+      data-testid="figure"
+      height="400px"
+      width="400px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g>
+        <g
+          transform="translate(10,10)"
+        >
+          <g
+            class="branch-layer"
+          >
+            <path
+              d="M 0.001 237.5 C0.001,237.5 0,95 0,95 C0,95 126.66666666666666,95.0005 190,95.00075000000001 C190,95.00075000000001 221.66666666666666,95.00087500000001 237.5,95.0009375 C237.5,95.0009375 245.41666666666666,95.00096875 249.375,95.000984375 C249.375,95.000984375 251.35416666666666,95.0009921875 252.34375,95.00099609375 C252.34375,95.00099609375 253.33333333333331,95.001 253.33333333333331,95.001 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 253.33433333333332 95 C253.33433333333332,95 253.33333333333331,0 253.33333333333331,0 C253.33333333333331,0 316.66666666666663,0.0005 348.3333333333333,0.00075 C348.3333333333333,0.00075 364.16666666666663,0.000875 372.0833333333333,0.0009375 C372.0833333333333,0.0009375 376.04166666666663,0.00096875 378.0208333333333,0.000984375 C378.0208333333333,0.000984375 379.01041666666663,0.0009921875 379.5052083333333,0.00099609375 C379.5052083333333,0.00099609375 380,0.001 380,0.001 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 253.33433333333332 95 C253.33433333333332,95 253.33333333333331,190 253.33333333333331,190 C253.33333333333331,190 316.66666666666663,190.0005 348.3333333333333,190.00074999999998 C348.3333333333333,190.00074999999998 364.16666666666663,190.000875 372.0833333333333,190.00093750000002 C372.0833333333333,190.00093750000002 376.04166666666663,190.00096875000003 378.0208333333333,190.00098437500003 C378.0208333333333,190.00098437500003 379.01041666666663,190.0009921875 379.5052083333333,190.00099609375002 C379.5052083333333,190.00099609375002 380,190.001 380,190.001 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+            <path
+              d="M 0.001 237.5 C0.001,237.5 0,380 0,380 C0,380 63.33333333333333,380.0005 95,380.00075 C95,380.00075 110.83333333333333,380.00087499999995 118.75,380.00093749999996 C118.75,380.00093749999996 122.70833333333333,380.00096874999997 124.6875,380.000984375 C124.6875,380.000984375 125.67708333333333,380.00099218749995 126.171875,380.00099609374996 C126.171875,380.00099609374996 126.66666666666666,380.001 126.66666666666666,380.001 "
+              fill="none"
+              stroke="black"
+              stroke-width="2"
+            />
+          </g>
+          <g
+            class="node-layer"
+          >
+            <g>
+              <text
+                alignment-baseline="bottom"
+                text-anchor="end"
+                transform="translate(374,231.5) rotate(0)"
+              >
+                0
+              </text>
+              <path
+                d="M0 237.5L374 231.5"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="hanging"
+                text-anchor="end"
+                transform="translate(374,101) rotate(0)"
+              >
+                1
+              </text>
+              <path
+                d="M253.33333333333331 95L374 101"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="start"
+                transform="translate(386,0) rotate(0)"
+              >
+                2
+              </text>
+              <path
+                d="M380 0L386 0"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="start"
+                transform="translate(386,190) rotate(0)"
+              >
+                3
+              </text>
+              <path
+                d="M380 190L386 190"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+            <g>
+              <text
+                alignment-baseline="middle"
+                text-anchor="start"
+                transform="translate(386,380) rotate(0)"
+              >
+                4
+              </text>
+              <path
+                d="M126.66666666666666 380L386 380"
+                stroke="grey"
+                stroke-dasharray="2"
+                stroke-width="1"
+              />
+            </g>
+          </g>
+        </g>
+      </g>
+    </svg>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;