test: use exact contour data that reproduces tessellation bug

Replace textToContours test with hardcoded contour data from #8186

This test actually shows the tessellation artifacts before the fix

Author: avinxshKD

test/unit/visual/cases/webgl.js

@@ -1244,32 +1244,73 @@ visualSuite('WebGL', function() {
   });
 
   visualSuite('Tessellation', function() {
-    visualTest('Handles nearly identical consecutive vertices from textToContours', async function(p5, screenshot) {
-      p5.createCanvas(200, 200, p5.WEBGL);
-      p5.background(255);
-      p5.fill(0);
-      p5.noStroke();
-
-      const font = await p5.loadFont('/unit/assets/Inconsolata-Bold.ttf');
-      const contours = font.textToContours('p', 0, 0, 60);
-
-      if (contours && contours.length > 0) {
-        p5.translate(-p5.width / 4, -p5.height / 4);
-        p5.beginShape();
-        for (let contourIdx = 0; contourIdx < contours.length; contourIdx++) {
-          const contour = contours[contourIdx];
-          if (contourIdx > 0) {
-            p5.beginContour();
-          }
-          for (let i = 0; i < contour.length; i++) {
-            p5.vertex(contour[i].x, contour[i].y, 0);
-          }
-          if (contourIdx > 0) {
-            p5.endContour();
-          }
+    visualTest('Handles nearly identical consecutive vertices', function(p5, screenshot) {
+      p5.createCanvas(400, 400, p5.WEBGL);
+      
+      const contours = [
+        [
+          [-3.8642425537109375, -6.120738636363637, 0],
+          [3.2025188099254267, -6.120738636363637, 0],
+          [3.2025188099254267, -4.345170454545455, 0],
+          [-3.8642425537109375, -4.345170454545455, 0],
+          [-3.8642425537109375, -6.120738636363637, 0]
+        ],
+        [
+          [-1.8045834628018462, 4.177556818181818, 0],
+          [-1.8045834628018462, -9.387784090909093, 0],
+          [0.29058699174360836, -9.387784090909093, 0],
+          [0.2905869917436083, 3.609374411367136, 0],
+          [0.31044303036623855, 4.068235883781435, 0],
+          [0.38522861430307975, 4.522728865422799, 0],
+          [0.548044378107245, 4.941051136363637, 0],
+          [0.8364672032828204, 5.2932224887960775, 0],
+          [1.2227602871981542, 5.526988636363637, 0],
+          [1.6572258237923885, 5.634502949876295, 0],
+          [2.101666537198154, 5.669034090909091, 0],
+          [2.6695604948237173, 5.633568761673102, 0],
+          [3.0249619917436084, 5.5625, 0],
+          [3.4510983553799726, 7.4446022727272725, 0],
+          [2.8568950819856695, 7.613138889205699, 0],
+          [2.3751340936529037, 7.676962586830456, 0],
+          [1.8892600236717598, 7.693181792704519, 0],
+          [1.2922705720786674, 7.649533731133848, 0],
+          [0.7080836288276859, 7.519788939617751, 0],
+          [0.14854153719815422, 7.311434659090909, 0],
+          [-0.38643934048179873, 7.00959666478984, 0],
+          [-0.858113258144025, 6.61653855366859, 0],
+          [-1.25415732643821, 6.1484375, 0],
+          [-1.5108595282965422, 5.697682732328092, 0],
+          [-1.6824918355513252, 5.207533878495854, 0],
+          [-1.7762971052870198, 4.695933154267308, 0],
+          [-1.8045834628018462, 4.177556818181818, 0]
+        ]
+      ];
+      
+      p5.background('red');
+      p5.push();
+      p5.stroke(0);
+      p5.fill('#EEE');
+      p5.scale(15);
+      p5.beginShape();
+      for (const contour of contours) {
+        p5.beginContour();
+        for (const v of contour) {
+          p5.vertex(...v);
         }
-        p5.endShape(p5.CLOSE);
+        p5.endContour();
       }
+      p5.endShape();
+
+      p5.stroke(0, 255, 0);
+      p5.strokeWeight(5);
+      p5.beginShape(p5.POINTS);
+      for (const contour of contours) {
+        for (const v of contour) {
+          p5.vertex(...v);
+        }
+      }
+      p5.endShape();
+      p5.pop();
 
       screenshot();
     });