setOffset for tests

src/legends/ramp.js

@@ -3,7 +3,7 @@ import {inferFontVariant} from "../axes.js";
 import {createContext, create} from "../context.js";
 import {map, maybeNumberChannel} from "../options.js";
 import {interpolatePiecewise} from "../scales/quantitative.js";
-import {applyInlineStyles, impliedString, maybeClassName} from "../style.js";
+import {applyInlineStyles, impliedString, maybeClassName, offset} from "../style.js";
 
 export function legendRamp(color, options) {
   let {
@@ -164,6 +164,7 @@ export function legendRamp(color, options) {
         .tickFormat(typeof tickFormat === "function" ? tickFormat : undefined)
         .tickSize(tickSize)
         .tickValues(Array.isArray(ticks) ? ticks : null)
+        .offset(offset)
     )
     .attr("font-size", null)
     .attr("font-family", null)

src/style.js

@@ -6,7 +6,11 @@ import {isNone, isNoneish, isRound, maybeColorChannel, maybeNumberChannel} from
 import {keyof, number, string} from "./options.js";
 import {warn} from "./warnings.js";
 
-export const offset = (typeof window !== "undefined" ? window.devicePixelRatio > 1 : typeof it === "undefined") ? 0 : 0.5; // prettier-ignore
+export let offset = typeof window === "undefined" || window.devicePixelRatio > 1 ? 0 : 0.5;
+
+export function setOffset(o) {
+  offset = o;
+}
 
 let nextClipId = 0;
 let nextPatternId = 0;

test/plot.js

@@ -3,10 +3,13 @@ import {createCanvas, loadImage} from "canvas";
 import {max, mean, quantile} from "d3";
 import * as path from "path";
 import beautify from "js-beautify";
+import {setOffset} from "../src/style.js";
 import assert from "./assert.js";
 import it from "./jsdom.js";
 import * as plots from "./plots/index.ts"; // TODO index.js
 
+setOffset(0.5);
+
 for (const [name, plot] of Object.entries(plots)) {
   it(`plot ${name}`, async () => {
     const root = await (name.startsWith("warn") ? assert.warnsAsync : assert.doesNotWarnAsync)(plot);