Test: Add unit test for noSmooth() canvas position in WEBGL

Author: ImRAJAS-SAMSE

src/webgl/p5.RendererGL.js

@@ -945,7 +945,7 @@ class RendererGL extends Renderer {
       pg.canvas = document.createElement("canvas");
       const node = pg._pInst._userNode || document.body;
       node.appendChild(pg.canvas);
-      p5.Element.call(pg, pg.canvas, pg._pInst);
+      Element.call(pg, pg.canvas, pg._pInst);
       pg.width = w;
       pg.height = h;
     } else {

test/unit/webgl/test_noSmoothCanvasPosition.js

@@ -0,0 +1,26 @@
+import { describe, it, expect } from 'vitest';
+
+// Importing p5 
+import '../../../lib/p5.js';
+
+describe('noSmooth() should preserve canvas position in WEBGL', () => {
+  it('should maintain the canvas position after calling noSmooth()', () => {
+    
+    let myP5 = new window.p5((p) => {
+      p.setup = function () {
+        let cnv = p.createCanvas(300, 300, p.WEBGL);
+        cnv.position(150, 50);
+
+        const originalTop = cnv.elt.style.top;
+        const originalLeft = cnv.elt.style.left;
+
+        // Call noSmooth()
+        p.noSmooth();
+
+        // Checking if position remains or not
+        expect(cnv.elt.style.top).toBe(originalTop);
+        expect(cnv.elt.style.left).toBe(originalLeft);
+      };
+    });
+  });
+});