fix test snapshots

src/marks/waffle.js

@@ -1,6 +1,6 @@
 import {extent, namespaces} from "d3";
 import {hasXY, identity, indexOf} from "../options.js";
-import {getClipId} from "../style.js";
+import {getPatternId} from "../style.js";
 import {maybeIdentityX, maybeIdentityY} from "../transforms/identity.js";
 import {maybeIntervalX, maybeIntervalY} from "../transforms/interval.js";
 import {maybeStackX, maybeStackY} from "../transforms/stack.js";
@@ -53,7 +53,7 @@ export class WaffleX extends BarX {
       const y0 = +rect.getAttribute("y") + wy;
       const fill = rect.getAttribute("fill"); // TODO handle constant fill
       const stroke = rect.getAttribute("stroke"); // TODO handle constant fill
-      const patternId = getClipId(); // TODO lazy
+      const patternId = getPatternId(); // TODO reused shared patterns
       const pattern = g.insertBefore(basePattern.cloneNode(true), rect);
       const patternRect = pattern.firstChild;
       pattern.setAttribute("id", patternId);
@@ -137,7 +137,7 @@ export class WaffleY extends BarY {
       const x0 = +rect.getAttribute("x") + wx;
       const fill = rect.getAttribute("fill"); // TODO handle constant fill
       const stroke = rect.getAttribute("stroke"); // TODO handle constant fill
-      const patternId = getClipId(); // TODO lazy
+      const patternId = getPatternId(); // TODO reused shared patterns
       const pattern = g.insertBefore(basePattern.cloneNode(true), rect);
       const patternRect = pattern.firstChild;
       pattern.setAttribute("id", patternId);

src/style.js

@@ -9,11 +9,16 @@ import {warn} from "./warnings.js";
 export const offset = (typeof window !== "undefined" ? window.devicePixelRatio > 1 : typeof it === "undefined") ? 0 : 0.5; // prettier-ignore
 
 let nextClipId = 0;
+let nextPatternId = 0;
 
 export function getClipId() {
   return `plot-clip-${++nextClipId}`;
 }
 
+export function getPatternId() {
+  return `plot-pattern-${++nextPatternId}`;
+}
+
 export function styles(
   mark,
   {