feat: add unit test for GradientParser.processColorStops

Author: neuqzxy

packages/vrender-core/src/common/color-utils.ts

@@ -371,7 +371,9 @@ export class GradientParser {
     }
     return c;
   }
-  private static processColorStops(colorStops: any[]): { color: string; offset: number }[] {
+  static processColorStops(
+    colorStops: Array<{ value: string; length?: { value: string } }>
+  ): { color: string; offset: number }[] {
     if (!colorStops || colorStops.length === 0) {
       return [];
     }

packages/vrender-core/src/index.ts

@@ -21,6 +21,7 @@ export * from './factory';
 
 /* export common */
 export * from './common/text';
+export * from './common/color-utils';
 export * from './common/bezier-utils';
 export * from './common/bounds-context';
 export * from './common/seg-context';

packages/vrender/__tests__/common/color.test.ts

@@ -0,0 +1,28 @@
+import { GradientParser } from '../../src/index';
+
+it('gradient-color', () => {
+  expect(GradientParser.processColorStops([{ value: 'rgb(100, 0, 0)' }, { value: 'rgb(0, 100, 0)' }])).toEqual([
+    { color: 'rgb(100, 0, 0)', offset: 0 },
+    { color: 'rgb(0, 100, 0)', offset: 1 }
+  ]);
+  expect(
+    GradientParser.processColorStops([
+      { value: 'rgb(100, 0, 0)', length: { value: '0' } },
+      { value: 'rgb(0, 100, 0)', length: { value: '100' } }
+    ])
+  ).toEqual([
+    { color: 'rgb(100, 0, 0)', offset: 0 },
+    { color: 'rgb(0, 100, 0)', offset: 1 }
+  ]);
+  expect(
+    GradientParser.processColorStops([
+      { value: 'rgb(100, 0, 0)', length: { value: '0' } },
+      { value: 'rgb(0, 0, 100)', length: { value: '30' } },
+      { value: 'rgb(0, 100, 0)', length: { value: '100' } }
+    ])
+  ).toEqual([
+    { color: 'rgb(100, 0, 0)', offset: 0 },
+    { color: 'rgb(0, 0, 100)', offset: 0.3 },
+    { color: 'rgb(0, 100, 0)', offset: 1 }
+  ]);
+});