add test file

Author: LalitNarayanYadav

test/unit/webgl/p5.Shader.js

@@ -631,6 +631,110 @@ test('returns numbers for builtin globals outside hooks and a strandNode when ca
       assert.approximately(middle[0], 128, 10);
       assert.approximately(right[0], 204, 10);
     });
+    test('color() with hex string returns correct vec4 in strands', () => {
+      myp5.createCanvas(50, 50, myp5.WEBGL);
+      const testShader = myp5.baseMaterialShader().modify(() => {
+        myp5.getPixelInputs(inputs => {
+          const c = myp5.color('#ff0000');
+          inputs.color = [c.x, c.y, c.z, 1.0];
+          return inputs;
+        });
+      }, { myp5 });
+
+      myp5.noStroke();
+      myp5.shader(testShader);
+      myp5.plane(myp5.width, myp5.height);
+
+      const pixelColor = myp5.get(25, 25);
+      assert.approximately(pixelColor[0], 255, 5);
+      assert.approximately(pixelColor[1], 0, 5);
+      assert.approximately(pixelColor[2], 0, 5);
+    });
+
+    test('color() with CSS named color returns correct vec4 in strands', () => {
+      myp5.createCanvas(50, 50, myp5.WEBGL);
+      const testShader = myp5.baseMaterialShader().modify(() => {
+        myp5.getPixelInputs(inputs => {
+          const c = myp5.color('blue');
+          inputs.color = [c.x, c.y, c.z, 1.0];
+          return inputs;
+        });
+      }, { myp5 });
+
+      myp5.noStroke();
+      myp5.shader(testShader);
+      myp5.plane(myp5.width, myp5.height);
+
+      const pixelColor = myp5.get(25, 25);
+      assert.approximately(pixelColor[0], 0, 5);
+      assert.approximately(pixelColor[1], 0, 5);
+      assert.approximately(pixelColor[2], 255, 5);
+    });
+
+    test('lerpColor() interpolates between two colors in strands', () => {
+      myp5.createCanvas(50, 50, myp5.WEBGL);
+      const testShader = myp5.baseMaterialShader().modify(() => {
+        myp5.getPixelInputs(inputs => {
+          const c1 = myp5.color('#ff0000');
+          const c2 = myp5.color('#0000ff');
+          const mixed = myp5.lerpColor(c1, c2, 0.5);
+          inputs.color = [mixed.x, mixed.y, mixed.z, 1.0];
+          return inputs;
+        });
+      }, { myp5 });
+
+      myp5.noStroke();
+      myp5.shader(testShader);
+      myp5.plane(myp5.width, myp5.height);
+
+      const pixelColor = myp5.get(25, 25);
+      assert.approximately(pixelColor[0], 128, 10);
+      assert.approximately(pixelColor[1], 0, 5);
+      assert.approximately(pixelColor[2], 128, 10);
+    });
+
+    test('red(), green(), blue(), alpha() extract correct channels in strands', () => {
+      myp5.createCanvas(50, 50, myp5.WEBGL);
+      const testShader = myp5.baseMaterialShader().modify(() => {
+        myp5.getPixelInputs(inputs => {
+          const c = myp5.color('#ff8000');
+          const r = myp5.red(c);
+          const g = myp5.green(c);
+          const b = myp5.blue(c);
+          inputs.color = [r, g, b, 1.0];
+          return inputs;
+        });
+      }, { myp5 });
+
+      myp5.noStroke();
+      myp5.shader(testShader);
+      myp5.plane(myp5.width, myp5.height);
+
+      const pixelColor = myp5.get(25, 25);
+      assert.approximately(pixelColor[0], 255, 5);
+      assert.approximately(pixelColor[1], 128, 10);
+      assert.approximately(pixelColor[2], 0, 5);
+    });
+
+    test('hue() returns normalized hue value in strands', () => {
+      myp5.createCanvas(50, 50, myp5.WEBGL);
+      const testShader = myp5.baseMaterialShader().modify(() => {
+        myp5.getPixelInputs(inputs => {
+          // Pure red has hue 0
+          const c = myp5.color('#ff0000');
+          const h = myp5.hue(c);
+          inputs.color = [h, h, h, 1.0];
+          return inputs;
+        });
+      }, { myp5 });
+
+      myp5.noStroke();
+      myp5.shader(testShader);
+      myp5.plane(myp5.width, myp5.height);
+
+      const pixelColor = myp5.get(25, 25);
+      assert.approximately(pixelColor[0], 0, 5);
+    });
 
     test('handle custom uniform names with automatic values', () => {
       myp5.createCanvas(50, 50, myp5.WEBGL);