fix recent tests

Fil · Fil · commit 07d46b292f78 · 2022-01-11T16:13:06.000+01:00
diff --git a/test/output/athletesBinsColors.svg b/test/output/athletesBinsColors.svg
@@ -11,6 +11,11 @@
     .plot text {
       white-space: pre;
     }
+
+    .plot .grid {
+      stroke: currentColor;
+      stroke-opacity: 0.1;
+    }
   </style>
   <g transform="translate(40,0)" fill="none" text-anchor="end" font-variant="tabular-nums">
     <g class="tick" opacity="1" transform="translate(0,370.5)">
diff --git a/test/output/clamp.svg b/test/output/clamp.svg
@@ -11,6 +11,11 @@
     .plot text {
       white-space: pre;
     }
+
+    .plot .grid {
+      stroke: currentColor;
+      stroke-opacity: 0.1;
+    }
   </style>
   <g transform="translate(0,370)" fill="none" text-anchor="middle" font-variant="tabular-nums">
     <g class="tick" opacity="1" transform="translate(20.5,0)">
diff --git a/test/output/decathlon.html b/test/output/decathlon.html
@@ -63,65 +63,78 @@
       .plot-2 text {
         white-space: pre;
       }
+
+      .plot-2 .grid {
+        stroke: currentColor;
+        stroke-opacity: 0.1;
+      }
     </style>
     <g transform="translate(40,0)" fill="none" text-anchor="end" font-variant="tabular-nums">
+      <g class="grid">
+        <g transform="translate(0,0.5)">
+          <path d="M0,333.97894736842096h580"></path>
+          <path d="M0,299.6631578947368h580"></path>
+          <path d="M0,265.3473684210527h580"></path>
+          <path d="M0,231.03157894736862h580"></path>
+          <path d="M0,196.7157894736845h580"></path>
+          <path d="M0,162.39999999999975h580"></path>
+          <path d="M0,128.08421052631564h580"></path>
+          <path d="M0,93.76842105263152h580"></path>
+          <path d="M0,59.45263157894742h580"></path>
+        </g>
+      </g>
       <g class="tick" opacity="1" transform="translate(0,334.47894736842096)">
-        <line stroke="currentColor" x2="-6"></line>
-        <line stroke="currentColor" x2="580" stroke-opacity="0.1"></line><text fill="currentColor" x="-9" dy="0.32em">10.3</text>
+        <line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10.3</text>
       </g>
       <g class="tick" opacity="1" transform="translate(0,300.1631578947368)">
-        <line stroke="currentColor" x2="-6"></line>
-        <line stroke="currentColor" x2="580" stroke-opacity="0.1"></line><text fill="currentColor" x="-9" dy="0.32em">10.4</text>
+        <line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10.4</text>
       </g>
       <g class="tick" opacity="1" transform="translate(0,265.8473684210527)">
-        <line stroke="currentColor" x2="-6"></line>
-        <line stroke="currentColor" x2="580" stroke-opacity="0.1"></line><text fill="currentColor" x="-9" dy="0.32em">10.5</text>
+        <line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10.5</text>
       </g>
       <g class="tick" opacity="1" transform="translate(0,231.53157894736862)">
-        <line stroke="currentColor" x2="-6"></line>
-        <line stroke="currentColor" x2="580" stroke-opacity="0.1"></line><text fill="currentColor" x="-9" dy="0.32em">10.6</text>
+        <line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10.6</text>
       </g>
       <g class="tick" opacity="1" transform="translate(0,197.2157894736845)">
-        <line stroke="currentColor" x2="-6"></line>
-        <line stroke="currentColor" x2="580" stroke-opacity="0.1"></line><text fill="currentColor" x="-9" dy="0.32em">10.7</text>
+        <line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10.7</text>
       </g>
       <g class="tick" opacity="1" transform="translate(0,162.89999999999975)">
-        <line stroke="currentColor" x2="-6"></line>
-        <line stroke="currentColor" x2="580" stroke-opacity="0.1"></line><text fill="currentColor" x="-9" dy="0.32em">10.8</text>
+        <line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10.8</text>
       </g>
       <g class="tick" opacity="1" transform="translate(0,128.58421052631564)">
-        <line stroke="currentColor" x2="-6"></line>
-        <line stroke="currentColor" x2="580" stroke-opacity="0.1"></line><text fill="currentColor" x="-9" dy="0.32em">10.9</text>
+        <line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10.9</text>
       </g>
       <g class="tick" opacity="1" transform="translate(0,94.26842105263152)">
-        <line stroke="currentColor" x2="-6"></line>
-        <line stroke="currentColor" x2="580" stroke-opacity="0.1"></line><text fill="currentColor" x="-9" dy="0.32em">11.0</text>
+        <line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">11.0</text>
       </g>
       <g class="tick" opacity="1" transform="translate(0,59.95263157894742)">
-        <line stroke="currentColor" x2="-6"></line>
-        <line stroke="currentColor" x2="580" stroke-opacity="0.1"></line><text fill="currentColor" x="-9" dy="0.32em">11.1</text>
+        <line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">11.1</text>
       </g><text fill="currentColor" transform="translate(-40,20)" dy="-1em" text-anchor="start">↑ 100 Meters</text>
     </g>
     <g transform="translate(0,370)" fill="none" text-anchor="middle" font-variant="tabular-nums">
+      <g class="grid">
+        <g transform="translate(0.5,0)">
+          <path d="M132.97087378640794,0v-350"></path>
+          <path d="M240.93203883495173,0v-350"></path>
+          <path d="M348.89320388349495,0v-350"></path>
+          <path d="M456.8543689320387,0v-350"></path>
+          <path d="M564.8155339805825,0v-350"></path>
+        </g>
+      </g>
       <g class="tick" opacity="1" transform="translate(133.47087378640794,0)">
-        <line stroke="currentColor" y2="6"></line>
-        <line stroke="currentColor" y2="-350" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">7.2</text>
+        <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">7.2</text>
       </g>
       <g class="tick" opacity="1" transform="translate(241.43203883495173,0)">
-        <line stroke="currentColor" y2="6"></line>
-        <line stroke="currentColor" y2="-350" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">7.4</text>
+        <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">7.4</text>
       </g>
       <g class="tick" opacity="1" transform="translate(349.39320388349495,0)">
-        <line stroke="currentColor" y2="6"></line>
-        <line stroke="currentColor" y2="-350" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">7.6</text>
+        <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">7.6</text>
       </g>
       <g class="tick" opacity="1" transform="translate(457.3543689320387,0)">
-        <line stroke="currentColor" y2="6"></line>
-        <line stroke="currentColor" y2="-350" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">7.8</text>
+        <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">7.8</text>
       </g>
       <g class="tick" opacity="1" transform="translate(565.3155339805825,0)">
-        <line stroke="currentColor" y2="6"></line>
-        <line stroke="currentColor" y2="-350" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">8.0</text>
+        <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">8.0</text>
       </g><text fill="currentColor" transform="translate(640,30)" dy="-0.32em" text-anchor="end">Long Jump →</text>
     </g>
     <g fill="none" stroke-width="1.5" transform="translate(0.5,0.5)">
diff --git a/test/output/documentationLinks.svg b/test/output/documentationLinks.svg
@@ -11,6 +11,11 @@
     .plot text {
       white-space: pre;
     }
+
+    .plot .grid {
+      stroke: currentColor;
+      stroke-opacity: 0.1;
+    }
   </style>
   <g transform="translate(140,0)" fill="none" text-anchor="end">
     <g class="tick" opacity="1" transform="translate(0,35.5)">
@@ -90,41 +95,45 @@
     </g>
   </g>
   <g transform="translate(0,530)" fill="none" text-anchor="middle" font-variant="tabular-nums">
+    <g class="grid">
+      <g transform="translate(0.5,0)">
+        <path d="M140,0v-510"></path>
+        <path d="M198.53658536585365,0v-510"></path>
+        <path d="M257.0731707317073,0v-510"></path>
+        <path d="M315.609756097561,0v-510"></path>
+        <path d="M374.1463414634146,0v-510"></path>
+        <path d="M432.6829268292683,0v-510"></path>
+        <path d="M491.2195121951219,0v-510"></path>
+        <path d="M549.7560975609756,0v-510"></path>
+        <path d="M608.2926829268292,0v-510"></path>
+      </g>
+    </g>
     <g class="tick" opacity="1" transform="translate(140.5,0)">
-      <line stroke="currentColor" y2="6"></line>
-      <line stroke="currentColor" y2="-510" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">0</text>
+      <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text>
     </g>
     <g class="tick" opacity="1" transform="translate(199.03658536585365,0)">
-      <line stroke="currentColor" y2="6"></line>
-      <line stroke="currentColor" y2="-510" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">5</text>
+      <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">5</text>
     </g>
     <g class="tick" opacity="1" transform="translate(257.5731707317073,0)">
-      <line stroke="currentColor" y2="6"></line>
-      <line stroke="currentColor" y2="-510" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">10</text>
+      <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">10</text>
     </g>
     <g class="tick" opacity="1" transform="translate(316.109756097561,0)">
-      <line stroke="currentColor" y2="6"></line>
-      <line stroke="currentColor" y2="-510" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">15</text>
+      <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">15</text>
     </g>
     <g class="tick" opacity="1" transform="translate(374.6463414634146,0)">
-      <line stroke="currentColor" y2="6"></line>
-      <line stroke="currentColor" y2="-510" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">20</text>
+      <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">20</text>
     </g>
     <g class="tick" opacity="1" transform="translate(433.1829268292683,0)">
-      <line stroke="currentColor" y2="6"></line>
-      <line stroke="currentColor" y2="-510" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">25</text>
+      <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">25</text>
     </g>
     <g class="tick" opacity="1" transform="translate(491.7195121951219,0)">
-      <line stroke="currentColor" y2="6"></line>
-      <line stroke="currentColor" y2="-510" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">30</text>
+      <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">30</text>
     </g>
     <g class="tick" opacity="1" transform="translate(550.2560975609756,0)">
-      <line stroke="currentColor" y2="6"></line>
-      <line stroke="currentColor" y2="-510" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">35</text>
+      <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">35</text>
     </g>
     <g class="tick" opacity="1" transform="translate(608.7926829268292,0)">
-      <line stroke="currentColor" y2="6"></line>
-      <line stroke="currentColor" y2="-510" stroke-opacity="0.1"></line><text fill="currentColor" y="9" dy="0.71em">40</text>
+      <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">40</text>
     </g><text fill="currentColor" transform="translate(640,30)" dy="-0.32em" text-anchor="end">likes →</text>
   </g>
   <g><a href="https://observablehq.com/@observablehq/plot" target="_blank">
diff --git a/test/output/infinityLog.svg b/test/output/infinityLog.svg
@@ -11,6 +11,11 @@
     .plot text {
       white-space: pre;
     }
+
+    .plot .grid {
+      stroke: currentColor;
+      stroke-opacity: 0.1;
+    }
   </style>
   <g transform="translate(0,30)" fill="none" text-anchor="middle" font-variant="tabular-nums">
     <g class="tick" opacity="1" transform="translate(20.5,0)">
diff --git a/test/output/vectorField.svg b/test/output/vectorField.svg
@@ -11,6 +11,11 @@
     .plot text {
       white-space: pre;
     }
+
+    .plot .grid {
+      stroke: currentColor;
+      stroke-opacity: 0.1;
+    }
   </style>
   <g transform="translate(40,0)" fill="none" text-anchor="end" font-variant="tabular-nums">
     <g class="tick" opacity="1" transform="translate(0,558.5)">
