Improve OR and AND operator tests per maintainer feedback

- OR test now verifies both left and top edges are red
- AND test now tests corners, with bottom-right being white and others black

Author: Aayushdev18

test/unit/webgl/p5.Shader.js

@@ -733,19 +733,21 @@ suite('p5.Shader', function() {
         assert.approximately(centerPixel[0], 255, 5);
         assert.approximately(centerPixel[1], 255, 5);
         assert.approximately(centerPixel[2], 255, 5);
-        const edgePixel = myp5.get(5, 25);
-        assert.approximately(edgePixel[0], 255, 5);
-        assert.approximately(edgePixel[1], 0, 5);
-        assert.approximately(edgePixel[2], 0, 5);
+        const leftEdgePixel = myp5.get(5, 25);
+        assert.approximately(leftEdgePixel[0], 255, 5);
+        assert.approximately(leftEdgePixel[1], 0, 5);
+        assert.approximately(leftEdgePixel[2], 0, 5);
+        const topEdgePixel = myp5.get(25, 5);
+        assert.approximately(topEdgePixel[0], 255, 5);
+        assert.approximately(topEdgePixel[1], 0, 5);
+        assert.approximately(topEdgePixel[2], 0, 5);
       });
       test('handle if statement with && (AND) operator', () => {
         myp5.createCanvas(50, 50, myp5.WEBGL);
         const testShader = myp5.baseMaterialShader().modify(() => {
-          const condition1 = myp5.uniformFloat(() => 1.0);
-          const condition2 = myp5.uniformFloat(() => 1.0);
           myp5.getPixelInputs(inputs => {
             let color = myp5.float(0.0);
-            if (condition1 > 0.5 && condition2 > 0.5) {
+            if (inputs.texCoord.x > 0.5 && inputs.texCoord.y > 0.5) {
               color = myp5.float(1.0);
             }
             inputs.color = [color, color, color, 1.0];
@@ -755,10 +757,22 @@ suite('p5.Shader', function() {
         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], 255, 5);
-        assert.approximately(pixelColor[2], 255, 5);
+        const bottomRightPixel = myp5.get(45, 45);
+        assert.approximately(bottomRightPixel[0], 255, 5);
+        assert.approximately(bottomRightPixel[1], 255, 5);
+        assert.approximately(bottomRightPixel[2], 255, 5);
+        const topLeftPixel = myp5.get(5, 5);
+        assert.approximately(topLeftPixel[0], 0, 5);
+        assert.approximately(topLeftPixel[1], 0, 5);
+        assert.approximately(topLeftPixel[2], 0, 5);
+        const topRightPixel = myp5.get(45, 5);
+        assert.approximately(topRightPixel[0], 0, 5);
+        assert.approximately(topRightPixel[1], 0, 5);
+        assert.approximately(topRightPixel[2], 0, 5);
+        const bottomLeftPixel = myp5.get(5, 45);
+        assert.approximately(bottomLeftPixel[0], 0, 5);
+        assert.approximately(bottomLeftPixel[1], 0, 5);
+        assert.approximately(bottomLeftPixel[2], 0, 5);
       });
       // Keep one direct API test for completeness
       test('handle direct StrandsIf API usage', () => {