fix: make stop method available for Canvas painter objects

packages/layout/src/canvas/measureCanvas.js

@@ -85,6 +85,7 @@ const measureCtx = () => {
   ctx.strokeOpacity = nil;
   ctx.linearGradient = nil;
   ctx.radialGradient = nil;
+  ctx.stop = nil;
 
   ctx.getWidth = () => getMax(points.map((p) => p[0]));
   ctx.getHeight = () => getMax(points.map((p) => p[1]));

packages/render/src/primitives/renderCanvas.js

@@ -35,18 +35,20 @@ const availableMethods = [
   'radialGradient',
 ];
 
+const gradientMethods = ['linearGradient', 'radialGradient'];
+
 const painter = (ctx) => {
-  const p = availableMethods.reduce(
-    (acc, prop) => ({
-      ...acc,
-      [prop]: (...args) => {
+  const p = {};
+  availableMethods.forEach((prop) => {
+    if (gradientMethods.includes(prop)) {
+      p[prop] = (...args) => ctx[prop](...args);
+    } else {
+      p[prop] = (...args) => {
         ctx[prop](...args);
         return p;
-      },
-    }),
-    {},
-  );
-
+      };
+    }
+  });
   return p;
 };
 

packages/render/tests/ctx.js

@@ -51,6 +51,7 @@ const createCTX = () => {
   instance._root = { data: { AcroForm: {} } };
   instance.textInput = vi.fn().mockReturnValue(instance);
   instance.formField = vi.fn().mockReturnValue(instance);
+  instance.stop = vi.fn().mockReturnValue(instance);
 
   return instance;
 };

packages/render/tests/primitives/renderCanvas.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, test } from 'vitest';
+import { describe, expect, test, vi } from 'vitest';
 
 import * as P from '@react-pdf/primitives';
 
@@ -67,4 +67,14 @@ describe('primitive renderCanvas', () => {
 
     renderCanvas(ctx, node);
   });
+  test('should execute gradient.stop method correctly', () => {
+    const ctx = createCTX();
+    const stopSpy = vi.spyOn(ctx, 'stop');
+    const gradient = ctx.radialGradient(1, 2, 3, 4, 5, 6);
+    gradient.stop(0, 'red', 1);
+    gradient.stop(0, 'blue', 1);
+    expect(stopSpy).toHaveBeenCalledTimes(2);
+    expect(stopSpy).toHaveBeenCalledWith(0, 'red', 1);
+    expect(stopSpy).toHaveBeenCalledWith(0, 'blue', 1);
+  });
 });