improve testcases

null value testcases

multiple gradient new line testcase

multiple gradient new line testcase

packages/react-native/Libraries/StyleSheet/__tests__/processBackgroundImage-test.js

@@ -47,6 +47,20 @@ describe('processBackgroundImage', () => {
     ]);
   });
 
+  it('should return empty array for null values', () => {
+    let result = processBackgroundImage('');
+    expect(result).toEqual([]);
+    result = processBackgroundImage(null);
+    expect(result).toEqual([]);
+    result = processBackgroundImage(undefined);
+    expect(result).toEqual([]);
+  });
+
+  it('should return empty array for invalid values', () => {
+    let result = processBackgroundImage('linear-');
+    expect(result).toEqual([]);
+  });
+
   it('should process a linear gradient with whitespaces in direction', () => {
     const input = 'linear-gradient(to   bottom   right, red, blue)';
     const result = processBackgroundImage(input);
@@ -63,6 +77,23 @@ describe('processBackgroundImage', () => {
     ]);
   });
 
+  it('should process a linear gradient with random whitespaces', () => {
+    const input =
+      ' linear-gradient(to   bottom   right,  red  30%,  blue  80%) ';
+    const result = processBackgroundImage(input);
+    expect(result).toEqual([
+      {
+        type: 'linearGradient',
+        start: {x: 0, y: 0},
+        end: {x: 1, y: 1},
+        colorStops: [
+          {color: processColor('red'), position: 0.3},
+          {color: processColor('blue'), position: 0.8},
+        ],
+      },
+    ]);
+  });
+
   it('should process a linear gradient with angle', () => {
     const input = 'linear-gradient(45deg, red, blue)';
     const result = processBackgroundImage(input);
@@ -116,14 +147,26 @@ describe('processBackgroundImage', () => {
   });
 
   it('should process multiple linear gradients', () => {
-    const input =
-      'linear-gradient(to right, red, blue), linear-gradient(to bottom, green, yellow)';
+    const input = `
+      linear-gradient(to right, red, blue), 
+      linear-gradient(to bottom, green, yellow)`;
     const result = processBackgroundImage(input);
     expect(result).toHaveLength(2);
+    expect(result[0].type).toEqual('linearGradient');
     expect(result[0].start).toEqual({x: 0, y: 0.5});
     expect(result[0].end).toEqual({x: 1, y: 0.5});
+    expect(result[0].colorStops).toEqual([
+      {color: processColor('red'), position: 0},
+      {color: processColor('blue'), position: 1},
+    ]);
+    expect(result[1].type).toEqual('linearGradient');
     expect(result[1].start).toEqual({x: 0.5, y: 0});
     expect(result[1].end).toEqual({x: 0.5, y: 1});
+
+    expect(result[1].colorStops).toEqual([
+      {color: processColor('green'), position: 0},
+      {color: processColor('yellow'), position: 1},
+    ]);
   });
 
   it('should process a linear gradient with multiple color stops', () => {
@@ -202,6 +245,12 @@ describe('processBackgroundImage', () => {
     expect(result).toEqual([]);
   });
 
+  it('should return empty array for invalid color stop unit', () => {
+    const input = 'linear-gradient(to left, red 5, blue)';
+    const result = processBackgroundImage(input);
+    expect(result).toEqual([]);
+  });
+
   it('should process an array of BackgroundPrimitive objects', () => {
     const input = [
       {