add snapshot

Fil · Fil · commit 4d3fb2243b53 · 2026-04-15T11:03:17.000+02:00
diff --git a/test/output/tipAnchors.svg b/test/output/tipAnchors.svg
@@ -0,0 +1,98 @@
+<svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="160" viewBox="0 0 640 160" style="overflow: visible;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <style>
+    :where(.plot) {
+      --plot-background: white;
+      display: block;
+      height: auto;
+      height: intrinsic;
+      max-width: 100%;
+    }
+
+    :where(.plot text),
+    :where(.plot tspan) {
+      white-space: pre;
+    }
+  </style>
+  <rect aria-label="frame" fill="none" stroke="currentColor" stroke-opacity="0.2" transform="translate(0.5,0.5)" x="0" y="0" width="639" height="159"></rect>
+  <g aria-label="dot" fill="blue" transform="translate(0.5,0.5)">
+    <circle cx="319.5" cy="0" r="3"></circle>
+  </g>
+  <g aria-label="tip" fill="var(--plot-background)" stroke="currentColor" text-anchor="start" transform="translate(0.5,0.5)">
+    <g transform="translate(320,0)">
+      <path filter="drop-shadow(0 3px 4px rgba(0,0,0,0.2))" d="M0,0l6,6h2v16h-16v-16h2z"></path>
+      <text fill="currentColor" fill-opacity="1" stroke="none" y="-0.06em" transform="translate(0,14)"><tspan x="0" dy="1em">​top</tspan></text>
+    </g>
+  </g>
+  <g aria-label="dot" fill="blue" transform="translate(0.5,0.5)">
+    <circle cx="639" cy="79.5" r="3"></circle>
+  </g>
+  <g aria-label="tip" fill="var(--plot-background)" stroke="currentColor" text-anchor="start" transform="translate(0.5,0.5)">
+    <g transform="translate(639,80)">
+      <path filter="drop-shadow(0 3px 4px rgba(0,0,0,0.2))" d="M0,0l-6,-6v-2h-16v16h16v-2z"></path>
+      <text fill="currentColor" fill-opacity="1" stroke="none" y="-1.29em" transform="translate(-14,0)"><tspan x="0" dy="1em">​right</tspan></text>
+    </g>
+  </g>
+  <g aria-label="dot" fill="blue" transform="translate(0.5,0.5)">
+    <circle cx="319.5" cy="159" r="3"></circle>
+  </g>
+  <g aria-label="tip" fill="var(--plot-background)" stroke="currentColor" text-anchor="start" transform="translate(0.5,0.5)">
+    <g transform="translate(320,159)">
+      <path filter="drop-shadow(0 3px 4px rgba(0,0,0,0.2))" d="M0,0l6,-6h2v-16h-16v16h2z"></path>
+      <text fill="currentColor" fill-opacity="1" stroke="none" y="-1.29em" transform="translate(0,-14)"><tspan x="0" dy="1em">​bottom</tspan></text>
+    </g>
+  </g>
+  <g aria-label="dot" fill="blue" transform="translate(0.5,0.5)">
+    <circle cx="0" cy="79.5" r="3"></circle>
+  </g>
+  <g aria-label="tip" fill="var(--plot-background)" stroke="currentColor" text-anchor="start" transform="translate(0.5,0.5)">
+    <g transform="translate(0,80)">
+      <path filter="drop-shadow(0 3px 4px rgba(0,0,0,0.2))" d="M0,0l6,-6v-2h16v16h-16v-2z"></path>
+      <text fill="currentColor" fill-opacity="1" stroke="none" y="-1.29em" transform="translate(14,0)"><tspan x="0" dy="1em">​left</tspan></text>
+    </g>
+  </g>
+  <g aria-label="dot" fill="blue" transform="translate(0.5,0.5)">
+    <circle cx="0" cy="0" r="3"></circle>
+  </g>
+  <g aria-label="tip" fill="var(--plot-background)" stroke="currentColor" text-anchor="start" transform="translate(0.5,0.5)">
+    <g transform="translate(0,0)">
+      <path filter="drop-shadow(0 3px 4px rgba(0,0,0,0.2))" d="M0,0l6,6h10v16h-16z"></path>
+      <text fill="currentColor" fill-opacity="1" stroke="none" y="-0.06em" transform="translate(8,14)"><tspan x="0" dy="1em">​top-left</tspan></text>
+    </g>
+  </g>
+  <g aria-label="dot" fill="blue" transform="translate(0.5,0.5)">
+    <circle cx="639" cy="0" r="3"></circle>
+  </g>
+  <g aria-label="tip" fill="var(--plot-background)" stroke="currentColor" text-anchor="start" transform="translate(0.5,0.5)">
+    <g transform="translate(639,0)">
+      <path filter="drop-shadow(0 3px 4px rgba(0,0,0,0.2))" d="M0,0l-6,6h-10v16h16z"></path>
+      <text fill="currentColor" fill-opacity="1" stroke="none" y="-0.06em" transform="translate(-8,14)"><tspan x="0" dy="1em">​top-right</tspan></text>
+    </g>
+  </g>
+  <g aria-label="dot" fill="blue" transform="translate(0.5,0.5)">
+    <circle cx="639" cy="159" r="3"></circle>
+  </g>
+  <g aria-label="tip" fill="var(--plot-background)" stroke="currentColor" text-anchor="start" transform="translate(0.5,0.5)">
+    <g transform="translate(639,159)">
+      <path filter="drop-shadow(0 3px 4px rgba(0,0,0,0.2))" d="M0,0l-6,-6h-10v-16h16z"></path>
+      <text fill="currentColor" fill-opacity="1" stroke="none" y="-1.29em" transform="translate(-8,-14)"><tspan x="0" dy="1em">​bottom-right</tspan></text>
+    </g>
+  </g>
+  <g aria-label="dot" fill="blue" transform="translate(0.5,0.5)">
+    <circle cx="0" cy="159" r="3"></circle>
+  </g>
+  <g aria-label="tip" fill="var(--plot-background)" stroke="currentColor" text-anchor="start" transform="translate(0.5,0.5)">
+    <g transform="translate(0,159)">
+      <path filter="drop-shadow(0 3px 4px rgba(0,0,0,0.2))" d="M0,0l6,-6h10v-16h-16z"></path>
+      <text fill="currentColor" fill-opacity="1" stroke="none" y="-1.29em" transform="translate(8,-14)"><tspan x="0" dy="1em">​bottom-left</tspan></text>
+    </g>
+  </g>
+  <g aria-label="dot" fill="blue" transform="translate(0.5,0.5)">
+    <circle cx="319.5" cy="79.5" r="3"></circle>
+  </g>
+  <g aria-label="tip" fill="var(--plot-background)" stroke="currentColor" text-anchor="start" transform="translate(0.5,0.5)">
+    <g transform="translate(320,80)">
+      <path filter="drop-shadow(0 3px 4px rgba(0,0,0,0.2))" d="M-8,-8h16v16h-16z"></path>
+      <text fill="currentColor" fill-opacity="1" stroke="none" y="-1.29em" transform="translate(0,0)"><tspan x="0" dy="1em">​middle</tspan></text>
+    </g>
+  </g>
+</svg>
