From bec1f51a1973595deed203c14af7fc92e982f73e Mon Sep 17 00:00:00 2001
From: Avinash Kumar Deepak <avinash8655279@gmail.com>
Date: Sun, 26 Oct 2025 23:25:00 +0530
Subject: [PATCH 1/3] fix(webgl): normalize nearly identical vertices before
 tessellation

---
 src/webgl/p5.RendererGL.Immediate.js | 31 ++++++++++++++++++
 test/unit/webgl/p5.RendererGL.js     | 49 ++++++++++++++++++++++++++++
 2 files changed, 80 insertions(+)

diff --git a/src/webgl/p5.RendererGL.Immediate.js b/src/webgl/p5.RendererGL.Immediate.js
index 31ce48f630..8e7e4bfb89 100644
--- a/src/webgl/p5.RendererGL.Immediate.js
+++ b/src/webgl/p5.RendererGL.Immediate.js
@@ -436,6 +436,37 @@ p5.RendererGL.prototype._tesselateShape = function() {
       this.immediateMode.geometry.vertexNormals[i].z
     );
   }
+
+  // Normalize nearly identical consecutive vertices to avoid numerical issues in libtess.
+  // This workaround addresses tessellation artifacts when consecutive vertices have
+  // coordinates that are almost (but not exactly) equal, which can occur when drawing
+  // contours automatically sampled from fonts with font.textToContours().
+  const epsilon = 1e-6;
+  for (const contour of contours) {
+    for (
+      let i = p5.RendererGL.prototype.tessyVertexSize;
+      i < contour.length;
+      i += p5.RendererGL.prototype.tessyVertexSize
+    ) {
+      const prevX = contour[i - p5.RendererGL.prototype.tessyVertexSize];
+      const prevY = contour[i - p5.RendererGL.prototype.tessyVertexSize + 1];
+      const prevZ = contour[i - p5.RendererGL.prototype.tessyVertexSize + 2];
+      const currX = contour[i];
+      const currY = contour[i + 1];
+      const currZ = contour[i + 2];
+
+      if (Math.abs(prevX - currX) < epsilon) {
+        contour[i] = prevX;
+      }
+      if (Math.abs(prevY - currY) < epsilon) {
+        contour[i + 1] = prevY;
+      }
+      if (Math.abs(prevZ - currZ) < epsilon) {
+        contour[i + 2] = prevZ;
+      }
+    }
+  }
+
   const polyTriangles = this._triangulate(contours);
   const originalVertices = this.immediateMode.geometry.vertices;
   this.immediateMode.geometry.vertices = [];
diff --git a/test/unit/webgl/p5.RendererGL.js b/test/unit/webgl/p5.RendererGL.js
index 3c7e3df1a2..33e960c3c1 100644
--- a/test/unit/webgl/p5.RendererGL.js
+++ b/test/unit/webgl/p5.RendererGL.js
@@ -562,6 +562,55 @@ suite('p5.RendererGL', function() {
     assert.deepEqual(getColors(myp5.P2D), getColors(myp5.WEBGL));
   });
 
+  test('tessellation handles nearly identical consecutive vertices', function() {
+    myp5.createCanvas(100, 100, myp5.WEBGL);
+    myp5.pixelDensity(1);
+    myp5.background(255);
+    myp5.fill(0);
+    myp5.noStroke();
+
+    // Contours with nearly identical consecutive vertices (as can occur with textToContours)
+    const contours = [
+      [
+        [-30, -30, 0],
+        [30, -30, 0],
+        [30, 30, 0],
+        [-30, 30, 0]
+      ],
+      [
+        [-10, -10, 0],
+        [-10, 10, 0],
+        // This vertex has x coordinate almost equal to previous
+        [10.00000001, 10, 0],
+        [10, -10, 0]
+      ]
+    ];
+
+    myp5.beginShape();
+    for (const contour of contours) {
+      if (contour !== contours[0]) {
+        myp5.beginContour();
+      }
+      for (const v of contour) {
+        myp5.vertex(...v);
+      }
+      if (contour !== contours[0]) {
+        myp5.endContour();
+      }
+    }
+    myp5.endShape(myp5.CLOSE);
+
+    myp5.loadPixels();
+
+    // Check that center pixels are white (hole cut out properly)
+    const centerIdx = (myp5.width / 2 + myp5.height / 2 * myp5.width) * 4;
+    assert.equal(myp5.pixels[centerIdx], 255, 'Center should be white (hole)');
+
+    // Check that corner pixels are black (fill)
+    const cornerIdx = (10 + 10 * myp5.width) * 4;
+    assert.equal(myp5.pixels[cornerIdx], 0, 'Corner should be black (filled)');
+  });
+
   suite('text shader', function() {
     test('rendering looks the same in WebGL1 and 2', function(done) {
       myp5.loadFont('manual-test-examples/p5.Font/Inconsolata-Bold.ttf', function(font) {

From 8254f05f4bb5c79725f746c388add089e86cff8d Mon Sep 17 00:00:00 2001
From: Avinash Kumar Deepak <avinash8655279@gmail.com>
Date: Fri, 31 Oct 2025 23:02:06 +0530
Subject: [PATCH 2/3] refactor(test): convert tessellation test to visual test

Converted pixel-checking unit test to visual test as suggested by maintainer.
This makes the test easier to debug when issues arise in the future.
---
 test/unit/visual/cases/webgl.js  | 31 ++++++++++++++++++++
 test/unit/webgl/p5.RendererGL.js | 49 --------------------------------
 2 files changed, 31 insertions(+), 49 deletions(-)

diff --git a/test/unit/visual/cases/webgl.js b/test/unit/visual/cases/webgl.js
index 2f36feb806..0bf2fd7292 100644
--- a/test/unit/visual/cases/webgl.js
+++ b/test/unit/visual/cases/webgl.js
@@ -141,4 +141,35 @@ visualSuite('WebGL', function() {
       screenshot();
     });
   });
+
+  visualSuite('Tessellation', function() {
+    visualTest('Handles nearly identical consecutive vertices', function(p5, screenshot) {
+      p5.createCanvas(100, 100, p5.WEBGL);
+      p5.pixelDensity(1);
+      p5.background(255);
+      p5.fill(0);
+      p5.noStroke();
+
+      // Contours with nearly identical consecutive vertices (as can occur with textToContours)
+      // Outer contour
+      p5.beginShape();
+      p5.vertex(-30, -30, 0);
+      p5.vertex(30, -30, 0);
+      p5.vertex(30, 30, 0);
+      p5.vertex(-30, 30, 0);
+
+      // Inner contour (hole) with nearly identical vertices
+      p5.beginContour();
+      p5.vertex(-10, -10, 0);
+      p5.vertex(-10, 10, 0);
+      // This vertex has x coordinate almost equal to previous (10.00000001 vs 10)
+      p5.vertex(10.00000001, 10, 0);
+      p5.vertex(10, -10, 0);
+      p5.endContour();
+
+      p5.endShape(p5.CLOSE);
+
+      screenshot();
+    });
+  });
 });
diff --git a/test/unit/webgl/p5.RendererGL.js b/test/unit/webgl/p5.RendererGL.js
index 33e960c3c1..3c7e3df1a2 100644
--- a/test/unit/webgl/p5.RendererGL.js
+++ b/test/unit/webgl/p5.RendererGL.js
@@ -562,55 +562,6 @@ suite('p5.RendererGL', function() {
     assert.deepEqual(getColors(myp5.P2D), getColors(myp5.WEBGL));
   });
 
-  test('tessellation handles nearly identical consecutive vertices', function() {
-    myp5.createCanvas(100, 100, myp5.WEBGL);
-    myp5.pixelDensity(1);
-    myp5.background(255);
-    myp5.fill(0);
-    myp5.noStroke();
-
-    // Contours with nearly identical consecutive vertices (as can occur with textToContours)
-    const contours = [
-      [
-        [-30, -30, 0],
-        [30, -30, 0],
-        [30, 30, 0],
-        [-30, 30, 0]
-      ],
-      [
-        [-10, -10, 0],
-        [-10, 10, 0],
-        // This vertex has x coordinate almost equal to previous
-        [10.00000001, 10, 0],
-        [10, -10, 0]
-      ]
-    ];
-
-    myp5.beginShape();
-    for (const contour of contours) {
-      if (contour !== contours[0]) {
-        myp5.beginContour();
-      }
-      for (const v of contour) {
-        myp5.vertex(...v);
-      }
-      if (contour !== contours[0]) {
-        myp5.endContour();
-      }
-    }
-    myp5.endShape(myp5.CLOSE);
-
-    myp5.loadPixels();
-
-    // Check that center pixels are white (hole cut out properly)
-    const centerIdx = (myp5.width / 2 + myp5.height / 2 * myp5.width) * 4;
-    assert.equal(myp5.pixels[centerIdx], 255, 'Center should be white (hole)');
-
-    // Check that corner pixels are black (fill)
-    const cornerIdx = (10 + 10 * myp5.width) * 4;
-    assert.equal(myp5.pixels[cornerIdx], 0, 'Corner should be black (filled)');
-  });
-
   suite('text shader', function() {
     test('rendering looks the same in WebGL1 and 2', function(done) {
       myp5.loadFont('manual-test-examples/p5.Font/Inconsolata-Bold.ttf', function(font) {

From 68f1891fa122667f2350b9032518cce45da166b7 Mon Sep 17 00:00:00 2001
From: Avinash Kumar Deepak <avinash8655279@gmail.com>
Date: Mon, 24 Nov 2025 13:04:47 +0530
Subject: [PATCH 3/3] fix(webgl): remove z-axis normalization and update
 tessellation test

Removed Z-axis coordinate normalization as testing confirmed it's not needed.
Replaced simple test case with actual textToContours() example from issue #8186
that clearly demonstrates the tessellation bug and verifies the fix works.

Resolves #8186
---
 src/webgl/p5.RendererGL.Immediate.js          |   5 ---
 test/unit/visual/cases/webgl.js               |  41 +++++++++---------
 .../Negative dimensions/arc/000.png           | Bin 0 -> 517 bytes
 .../Negative dimensions/arc/metadata.json     |   3 ++
 .../Negative dimensions/ellipse/000.png       | Bin 0 -> 557 bytes
 .../Negative dimensions/ellipse/metadata.json |   3 ++
 .../Negative dimensions/rect/000.png          | Bin 0 -> 407 bytes
 .../Negative dimensions/rect/metadata.json    |   3 ++
 .../Shape Modes/Shape arc/Mode CENTER/000.png | Bin 0 -> 1195 bytes
 .../Shape arc/Mode CENTER/metadata.json       |   3 ++
 .../Shape Modes/Shape arc/Mode CORNER/000.png | Bin 0 -> 1195 bytes
 .../Shape arc/Mode CORNER/metadata.json       |   3 ++
 .../Shape arc/Mode CORNERS/000.png            | Bin 0 -> 1195 bytes
 .../Shape arc/Mode CORNERS/metadata.json      |   3 ++
 .../Shape Modes/Shape arc/Mode RADIUS/000.png | Bin 0 -> 1195 bytes
 .../Shape arc/Mode RADIUS/metadata.json       |   3 ++
 .../Shape ellipse/Mode CENTER/000.png         | Bin 0 -> 1146 bytes
 .../Shape ellipse/Mode CENTER/metadata.json   |   3 ++
 .../Shape ellipse/Mode CORNER/000.png         | Bin 0 -> 1146 bytes
 .../Shape ellipse/Mode CORNER/metadata.json   |   3 ++
 .../Shape ellipse/Mode CORNERS/000.png        | Bin 0 -> 1146 bytes
 .../Shape ellipse/Mode CORNERS/metadata.json  |   3 ++
 .../Shape ellipse/Mode RADIUS/000.png         | Bin 0 -> 1146 bytes
 .../Shape ellipse/Mode RADIUS/metadata.json   |   3 ++
 .../Shape rect/Mode CENTER/000.png            | Bin 0 -> 552 bytes
 .../Shape rect/Mode CENTER/metadata.json      |   3 ++
 .../Shape rect/Mode CORNER/000.png            | Bin 0 -> 614 bytes
 .../Shape rect/Mode CORNER/metadata.json      |   3 ++
 .../Shape rect/Mode CORNERS/000.png           | Bin 0 -> 552 bytes
 .../Shape rect/Mode CORNERS/metadata.json     |   3 ++
 .../Shape rect/Mode RADIUS/000.png            | Bin 0 -> 552 bytes
 .../Shape rect/Mode RADIUS/metadata.json      |   3 ++
 .../With the default font/000.png             | Bin 0 -> 786 bytes
 .../With the default font/metadata.json       |   3 ++
 .../With the default monospace font/000.png   | Bin 0 -> 498 bytes
 .../metadata.json                             |   3 ++
 36 files changed, 72 insertions(+), 25 deletions(-)
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/arc/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/arc/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/ellipse/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/ellipse/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/rect/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/rect/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CENTER/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CENTER/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNER/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNER/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNERS/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNERS/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode RADIUS/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode RADIUS/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CENTER/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CENTER/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNER/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNER/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNERS/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNERS/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode RADIUS/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode RADIUS/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CENTER/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CENTER/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNER/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNER/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNERS/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNERS/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode RADIUS/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode RADIUS/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default font/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default font/metadata.json
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default monospace font/000.png
 create mode 100644 test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default monospace font/metadata.json

diff --git a/src/webgl/p5.RendererGL.Immediate.js b/src/webgl/p5.RendererGL.Immediate.js
index 8e7e4bfb89..c9fe4db1f0 100644
--- a/src/webgl/p5.RendererGL.Immediate.js
+++ b/src/webgl/p5.RendererGL.Immediate.js
@@ -450,10 +450,8 @@ p5.RendererGL.prototype._tesselateShape = function() {
     ) {
       const prevX = contour[i - p5.RendererGL.prototype.tessyVertexSize];
       const prevY = contour[i - p5.RendererGL.prototype.tessyVertexSize + 1];
-      const prevZ = contour[i - p5.RendererGL.prototype.tessyVertexSize + 2];
       const currX = contour[i];
       const currY = contour[i + 1];
-      const currZ = contour[i + 2];
 
       if (Math.abs(prevX - currX) < epsilon) {
         contour[i] = prevX;
@@ -461,9 +459,6 @@ p5.RendererGL.prototype._tesselateShape = function() {
       if (Math.abs(prevY - currY) < epsilon) {
         contour[i + 1] = prevY;
       }
-      if (Math.abs(prevZ - currZ) < epsilon) {
-        contour[i + 2] = prevZ;
-      }
     }
   }
 
diff --git a/test/unit/visual/cases/webgl.js b/test/unit/visual/cases/webgl.js
index 0bf2fd7292..ae6a2f80a7 100644
--- a/test/unit/visual/cases/webgl.js
+++ b/test/unit/visual/cases/webgl.js
@@ -143,31 +143,32 @@ visualSuite('WebGL', function() {
   });
 
   visualSuite('Tessellation', function() {
-    visualTest('Handles nearly identical consecutive vertices', function(p5, screenshot) {
-      p5.createCanvas(100, 100, p5.WEBGL);
-      p5.pixelDensity(1);
+    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();
 
-      // Contours with nearly identical consecutive vertices (as can occur with textToContours)
-      // Outer contour
-      p5.beginShape();
-      p5.vertex(-30, -30, 0);
-      p5.vertex(30, -30, 0);
-      p5.vertex(30, 30, 0);
-      p5.vertex(-30, 30, 0);
+      const font = await p5.loadFont('unit/assets/Inconsolata-Bold.ttf');
+      const contours = font.textToContours('p', 0, 0, 60);
 
-      // Inner contour (hole) with nearly identical vertices
-      p5.beginContour();
-      p5.vertex(-10, -10, 0);
-      p5.vertex(-10, 10, 0);
-      // This vertex has x coordinate almost equal to previous (10.00000001 vs 10)
-      p5.vertex(10.00000001, 10, 0);
-      p5.vertex(10, -10, 0);
-      p5.endContour();
-
-      p5.endShape(p5.CLOSE);
+      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();
+          }
+        }
+        p5.endShape(p5.CLOSE);
+      }
 
       screenshot();
     });
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/arc/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/arc/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0732e0093e770d0d538f527d5c134e6a58d17c3
GIT binary patch
literal 517
zcmV+g0{Z=lP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00001b5ch_0Itp)
z=>Px$zez+vRA@u(*0FC+Q5eVZ&$-GQ5{9O#lY|I~i9{?lkp2lsM-q#Hgh68P7l?$R
z9jwGIMuQG&=w1mXLdD2N(%vI)UPFWSUMKE(-@G|zexBz%zwh_t<_2SO!kFYxf{dEU
zVx$=9h(LK-9f3_ATZ|;5>!`69=?HA{*kU9ZT}O?@NJn6k#}*^W=sIdFMmhqUJhm7~
zM%PheG4h|l-o{BB#sNITwUpVzFtQjz?{bX2J;Dim#We9479Zf|$Oj44{utvV@e<DC
z=x;lRWU$GN|48jLyH<FD3){4ge2~47RUB-{KiWZF3TMxVOD!a}3UVL&aAotr98YUm
zI5#W4Xc44MN&lnp?jCOC4ubyEdXLFAn{HF{l<Efchd%`5Fw$RamTH;jm`e<^K)6f%
z_}86t1sN<~P1WL55U*k$GYz5M;t?L&F|m7nWBt?4ts3$M8Eo;G-bJb&M+g&y8S3MR
zRIiDju|Zr@RX@Jf_4n(8zOBzNf^6RA4o>0FuV0jiFL;AjSZMnWhaIHto{e=SNF$=m
z1;t2a;EmT6BaMhM7Zf9zfj3@Pj5H$3Tu_W;2Htqx*ckZ<FEB$h$xEbS00000NkvXX
Hu0mjfDTV0O

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/arc/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/arc/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/arc/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/ellipse/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/ellipse/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..9351dc2adf8e8548ee28fa6c09a065af136422cf
GIT binary patch
literal 557
zcmV+|0@D47P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00001b5ch_0Itp)
z=>Px$=Sf6CRA@u();()fK^VpH-@UupAYv0%Oso`ad?{@tpaegFmG~935K>xL*(uls
zG_C2ZEUYX<Aqsu~AqoM5F<C(its=?Zk(dpHMB_5a+znxFJ?EL{oc}X3w{S?l;*j`|
zjT|(RnMfv*D1kg$iGqzTn~6k6mq?h2BnmdVY$g&NT_Ry7k|@~dvYAM9bcuwSNTOh)
z%Vr|c(IpaQBKs8VeVoTBv=Q(XAMp+k``u>{M4r;RM$uAS*yytur8<j>@;#wL=wd-x
zuKuj5l{<K}o2hz@6eEE#!Y$nBLD;Rmc|5^mjiFYzySmu?*Xp{AT)`_|<8r^#vTfZo
z#XZ8(Uwf{}$kD(ujzyZ-ls%_0Nq2rn-*p&ytC+YXyxgOSP5Br)-?z_Y9Y$sq6XW}5
z<Rq5A;rP~M>M*iCQh`qx*&~%_l#^5o0~xLL=Eo^#d4a2uW~L|}5Izs`u=jc|+m+BR
zgqywVcl1A|KJ>2NX^rNQweH&D(4ep1t^3a~e4TQbGZf9<gLrP^VgK_WE}={KqAY*?
zsH&CQm^nBP;?7R);v!DtMDG`+gE_pxRKIgr(_!zoo%nUxNPKo_l$l7HT;r=|BJtU!
vQD!1(a*eN=iNt4@MwyAE$u+*}p&{}cIOAC}a4p#$00000NkvXXu0mjf_5lbg

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/ellipse/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/ellipse/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/ellipse/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/rect/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/rect/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..59aab0876fd3497b94a86b29656f2e6eed1e5921
GIT binary patch
literal 407
zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1|;R|J2nC-#^NA%Cx&(BWL^T<fu1goAsNnZ
zXZZRZHV|mt@0A){*r=eggJrc&)Vr2VTZ<WQ6v^Cg%H5RlqRUmEfr~fmWq-=eKF5ov
zZ+$-Yd9Qfy6G`EpX~Hv^c|YBsGex;5MTM#Bnnyx&>QfJcT@$&Uo&d4c-*<4j6-Pxd
z%s-&EFs*h?={Z4WZ|>DDwc886GNmf*WXpKLzOlVaoXzmti<l$2*9vO6{RM^Em+}=z
zskAMVvGn)9*yVY(eC?v88Gi)~HhAq3nEyXb@m}NJ{(t6WO!5bA*Z4&)i+t;Q`NFof
z_tVT1>fiqFSa|J#bKr&2*p^fKwyeuuvsFrE#xj|m4SpB7&Rq#uk)at?&6LLZ&Co2^
z`L9?-tj>y6TAhoE`JT_YF85M;*{$}y*Uo<U@nK%dq`4<f{#E-gGesayPSbKy`{sIa
j%SY$6&U@lupVWU_zRdX9!$@ObNHci4`njxgN@xNA+O)DW

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/rect/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/rect/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Negative dimensions/rect/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CENTER/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CENTER/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..d624061419aaaacd85af49537aadf960584abb21
GIT binary patch
literal 1195
zcmV;c1XTNpP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px(Wl2OqRCr$PUC(P1K@@&NN$8<H1Sx50tr`k?5UPO|{PhQj2lXWMP(|>hq8IJI
zP;ybRXGx)+)uVV+6j~DW;z3$%p@uYvcxa&zDJ!$x#Z72;-elj<)qa7{(9Yz0-}~mx
z?wdC|RdmQ+>X7jzF5%-ubg8ee?_4&UJ)g;Bsv8>{x3#kd1_sJIJ3Hg8R_o)|*48H?
zdQU`aLXH&2H4#2NIy(9!pU<Bh8ym|{PEKZv#Ud4p#kv0e{`;EL=H}+}N~LnITCLLJ
z;$mxgdAYH^zW$|NuRkWDuU!&%h8sut%JA^;e5q7AGBq{TY4@s9>V*EK=Xt9{bS&Cn
zVPS!0W@ehTT1|I+Yf0KEZX97foK`*0(?4$o?<leB0g+b`LV75d^;;>W9pQh6C1Izy
zrXk&CtLJ%Vi0B~^T_d8`!5_oVPnA-iEy=N(OX6A)j#}q=o+eI8si!Qfg&HNrwIUpN
z`az)Zn}EaBK<#Ia6&AsbBU~V&??DXT3}RTvSNPg1hIPE^7@iMeSWj#}EX8$-8%Ox^
z(9qD!+1c6L^z?M6&1*_2pZs34bh%vCv-Gb<qj7_X-dPfMifbCurv?WHOCuvAXA6Zw
zeqv%G6JCdNxtxC;ZZ?~9)oS&wz78)fE&X0uS!vYk^-8T)dqhOvEXjt=o#C1YhXx!a
zqKo=YtGBoJLQhYRzSFuB+-bcaqVetR?GKSVt)E>I?d&Fw%Oxyi|G|F^2p_x#ZY_Yq
z`}kKpO=IdPj%!lbS(;`b><ky_VZ`%J)3g|co#L8?bemn0X&N(z{brK5R)nKQCQZ|9
z2utEx5k`8r>-y*t57I-VhrHlLdMK5aT1{F!anjuigww50a_gWl(nC}a{V{;*VGs(a
z9wwhxksc<hT3TI}kRBpE-1PvehxRiU(nF+&_M^t{VKqy4iIJ*qAe<^W92mn@SiFkI
z<RXr1BJ8Y+XCUkh7uCav=bcvZVib0YYZ}sRc1c$8m@(`(lf<<m95oWvLn3T0B_eDt
zWyCHvmr8DG<xX1Sn>-mx>n7s3T*6HI(%%e()2~r73!!i_|E0e-6i&ZJ$t;Az$^4i8
z-du&n*Or*B5yv$VcDA;JHLbrMzys4APoO7yP}?-5v8EMz0Bc%U)AA2Jz?v50`inI!
ztZD5YiPP1C+E$k(#&Ar16A(_lL<tRq!uvQ-JWXQ?C5~%S80lf440gl^j=+w1W~|0G
z!<L5x=XjYWt-TfiM9#IcQC@N<ejH(^=UT-Oc8VKE*lC&;L)a;<X-GTUnQj=;&TvhH
zL%YPc9x!8A9G6R&X<z!AfpGdYN@gJxMtX<`ru{L1^bqM`vdPq0)w1hZ8r4Ho4^chj
zMm5qyR1Z--<VFh~nC5%xUv1g-jmQ5^SiFkIbeK4<NnunEQ9W!wsuk5kW~`!mxSt1-
zrlqDy3)RDj2k_r`LTBJSE&G`Z)kB=8Wj|{C9#*q-ml&z)_6MJ{5fo>u&u0Jt002ov
JPDHLkV1lNTIFtYY

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CENTER/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CENTER/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CENTER/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNER/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNER/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..d624061419aaaacd85af49537aadf960584abb21
GIT binary patch
literal 1195
zcmV;c1XTNpP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px(Wl2OqRCr$PUC(P1K@@&NN$8<H1Sx50tr`k?5UPO|{PhQj2lXWMP(|>hq8IJI
zP;ybRXGx)+)uVV+6j~DW;z3$%p@uYvcxa&zDJ!$x#Z72;-elj<)qa7{(9Yz0-}~mx
z?wdC|RdmQ+>X7jzF5%-ubg8ee?_4&UJ)g;Bsv8>{x3#kd1_sJIJ3Hg8R_o)|*48H?
zdQU`aLXH&2H4#2NIy(9!pU<Bh8ym|{PEKZv#Ud4p#kv0e{`;EL=H}+}N~LnITCLLJ
z;$mxgdAYH^zW$|NuRkWDuU!&%h8sut%JA^;e5q7AGBq{TY4@s9>V*EK=Xt9{bS&Cn
zVPS!0W@ehTT1|I+Yf0KEZX97foK`*0(?4$o?<leB0g+b`LV75d^;;>W9pQh6C1Izy
zrXk&CtLJ%Vi0B~^T_d8`!5_oVPnA-iEy=N(OX6A)j#}q=o+eI8si!Qfg&HNrwIUpN
z`az)Zn}EaBK<#Ia6&AsbBU~V&??DXT3}RTvSNPg1hIPE^7@iMeSWj#}EX8$-8%Ox^
z(9qD!+1c6L^z?M6&1*_2pZs34bh%vCv-Gb<qj7_X-dPfMifbCurv?WHOCuvAXA6Zw
zeqv%G6JCdNxtxC;ZZ?~9)oS&wz78)fE&X0uS!vYk^-8T)dqhOvEXjt=o#C1YhXx!a
zqKo=YtGBoJLQhYRzSFuB+-bcaqVetR?GKSVt)E>I?d&Fw%Oxyi|G|F^2p_x#ZY_Yq
z`}kKpO=IdPj%!lbS(;`b><ky_VZ`%J)3g|co#L8?bemn0X&N(z{brK5R)nKQCQZ|9
z2utEx5k`8r>-y*t57I-VhrHlLdMK5aT1{F!anjuigww50a_gWl(nC}a{V{;*VGs(a
z9wwhxksc<hT3TI}kRBpE-1PvehxRiU(nF+&_M^t{VKqy4iIJ*qAe<^W92mn@SiFkI
z<RXr1BJ8Y+XCUkh7uCav=bcvZVib0YYZ}sRc1c$8m@(`(lf<<m95oWvLn3T0B_eDt
zWyCHvmr8DG<xX1Sn>-mx>n7s3T*6HI(%%e()2~r73!!i_|E0e-6i&ZJ$t;Az$^4i8
z-du&n*Or*B5yv$VcDA;JHLbrMzys4APoO7yP}?-5v8EMz0Bc%U)AA2Jz?v50`inI!
ztZD5YiPP1C+E$k(#&Ar16A(_lL<tRq!uvQ-JWXQ?C5~%S80lf440gl^j=+w1W~|0G
z!<L5x=XjYWt-TfiM9#IcQC@N<ejH(^=UT-Oc8VKE*lC&;L)a;<X-GTUnQj=;&TvhH
zL%YPc9x!8A9G6R&X<z!AfpGdYN@gJxMtX<`ru{L1^bqM`vdPq0)w1hZ8r4Ho4^chj
zMm5qyR1Z--<VFh~nC5%xUv1g-jmQ5^SiFkIbeK4<NnunEQ9W!wsuk5kW~`!mxSt1-
zrlqDy3)RDj2k_r`LTBJSE&G`Z)kB=8Wj|{C9#*q-ml&z)_6MJ{5fo>u&u0Jt002ov
JPDHLkV1lNTIFtYY

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNER/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNER/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNER/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNERS/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNERS/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..d624061419aaaacd85af49537aadf960584abb21
GIT binary patch
literal 1195
zcmV;c1XTNpP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px(Wl2OqRCr$PUC(P1K@@&NN$8<H1Sx50tr`k?5UPO|{PhQj2lXWMP(|>hq8IJI
zP;ybRXGx)+)uVV+6j~DW;z3$%p@uYvcxa&zDJ!$x#Z72;-elj<)qa7{(9Yz0-}~mx
z?wdC|RdmQ+>X7jzF5%-ubg8ee?_4&UJ)g;Bsv8>{x3#kd1_sJIJ3Hg8R_o)|*48H?
zdQU`aLXH&2H4#2NIy(9!pU<Bh8ym|{PEKZv#Ud4p#kv0e{`;EL=H}+}N~LnITCLLJ
z;$mxgdAYH^zW$|NuRkWDuU!&%h8sut%JA^;e5q7AGBq{TY4@s9>V*EK=Xt9{bS&Cn
zVPS!0W@ehTT1|I+Yf0KEZX97foK`*0(?4$o?<leB0g+b`LV75d^;;>W9pQh6C1Izy
zrXk&CtLJ%Vi0B~^T_d8`!5_oVPnA-iEy=N(OX6A)j#}q=o+eI8si!Qfg&HNrwIUpN
z`az)Zn}EaBK<#Ia6&AsbBU~V&??DXT3}RTvSNPg1hIPE^7@iMeSWj#}EX8$-8%Ox^
z(9qD!+1c6L^z?M6&1*_2pZs34bh%vCv-Gb<qj7_X-dPfMifbCurv?WHOCuvAXA6Zw
zeqv%G6JCdNxtxC;ZZ?~9)oS&wz78)fE&X0uS!vYk^-8T)dqhOvEXjt=o#C1YhXx!a
zqKo=YtGBoJLQhYRzSFuB+-bcaqVetR?GKSVt)E>I?d&Fw%Oxyi|G|F^2p_x#ZY_Yq
z`}kKpO=IdPj%!lbS(;`b><ky_VZ`%J)3g|co#L8?bemn0X&N(z{brK5R)nKQCQZ|9
z2utEx5k`8r>-y*t57I-VhrHlLdMK5aT1{F!anjuigww50a_gWl(nC}a{V{;*VGs(a
z9wwhxksc<hT3TI}kRBpE-1PvehxRiU(nF+&_M^t{VKqy4iIJ*qAe<^W92mn@SiFkI
z<RXr1BJ8Y+XCUkh7uCav=bcvZVib0YYZ}sRc1c$8m@(`(lf<<m95oWvLn3T0B_eDt
zWyCHvmr8DG<xX1Sn>-mx>n7s3T*6HI(%%e()2~r73!!i_|E0e-6i&ZJ$t;Az$^4i8
z-du&n*Or*B5yv$VcDA;JHLbrMzys4APoO7yP}?-5v8EMz0Bc%U)AA2Jz?v50`inI!
ztZD5YiPP1C+E$k(#&Ar16A(_lL<tRq!uvQ-JWXQ?C5~%S80lf440gl^j=+w1W~|0G
z!<L5x=XjYWt-TfiM9#IcQC@N<ejH(^=UT-Oc8VKE*lC&;L)a;<X-GTUnQj=;&TvhH
zL%YPc9x!8A9G6R&X<z!AfpGdYN@gJxMtX<`ru{L1^bqM`vdPq0)w1hZ8r4Ho4^chj
zMm5qyR1Z--<VFh~nC5%xUv1g-jmQ5^SiFkIbeK4<NnunEQ9W!wsuk5kW~`!mxSt1-
zrlqDy3)RDj2k_r`LTBJSE&G`Z)kB=8Wj|{C9#*q-ml&z)_6MJ{5fo>u&u0Jt002ov
JPDHLkV1lNTIFtYY

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNERS/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNERS/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode CORNERS/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode RADIUS/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode RADIUS/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..d624061419aaaacd85af49537aadf960584abb21
GIT binary patch
literal 1195
zcmV;c1XTNpP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px(Wl2OqRCr$PUC(P1K@@&NN$8<H1Sx50tr`k?5UPO|{PhQj2lXWMP(|>hq8IJI
zP;ybRXGx)+)uVV+6j~DW;z3$%p@uYvcxa&zDJ!$x#Z72;-elj<)qa7{(9Yz0-}~mx
z?wdC|RdmQ+>X7jzF5%-ubg8ee?_4&UJ)g;Bsv8>{x3#kd1_sJIJ3Hg8R_o)|*48H?
zdQU`aLXH&2H4#2NIy(9!pU<Bh8ym|{PEKZv#Ud4p#kv0e{`;EL=H}+}N~LnITCLLJ
z;$mxgdAYH^zW$|NuRkWDuU!&%h8sut%JA^;e5q7AGBq{TY4@s9>V*EK=Xt9{bS&Cn
zVPS!0W@ehTT1|I+Yf0KEZX97foK`*0(?4$o?<leB0g+b`LV75d^;;>W9pQh6C1Izy
zrXk&CtLJ%Vi0B~^T_d8`!5_oVPnA-iEy=N(OX6A)j#}q=o+eI8si!Qfg&HNrwIUpN
z`az)Zn}EaBK<#Ia6&AsbBU~V&??DXT3}RTvSNPg1hIPE^7@iMeSWj#}EX8$-8%Ox^
z(9qD!+1c6L^z?M6&1*_2pZs34bh%vCv-Gb<qj7_X-dPfMifbCurv?WHOCuvAXA6Zw
zeqv%G6JCdNxtxC;ZZ?~9)oS&wz78)fE&X0uS!vYk^-8T)dqhOvEXjt=o#C1YhXx!a
zqKo=YtGBoJLQhYRzSFuB+-bcaqVetR?GKSVt)E>I?d&Fw%Oxyi|G|F^2p_x#ZY_Yq
z`}kKpO=IdPj%!lbS(;`b><ky_VZ`%J)3g|co#L8?bemn0X&N(z{brK5R)nKQCQZ|9
z2utEx5k`8r>-y*t57I-VhrHlLdMK5aT1{F!anjuigww50a_gWl(nC}a{V{;*VGs(a
z9wwhxksc<hT3TI}kRBpE-1PvehxRiU(nF+&_M^t{VKqy4iIJ*qAe<^W92mn@SiFkI
z<RXr1BJ8Y+XCUkh7uCav=bcvZVib0YYZ}sRc1c$8m@(`(lf<<m95oWvLn3T0B_eDt
zWyCHvmr8DG<xX1Sn>-mx>n7s3T*6HI(%%e()2~r73!!i_|E0e-6i&ZJ$t;Az$^4i8
z-du&n*Or*B5yv$VcDA;JHLbrMzys4APoO7yP}?-5v8EMz0Bc%U)AA2Jz?v50`inI!
ztZD5YiPP1C+E$k(#&Ar16A(_lL<tRq!uvQ-JWXQ?C5~%S80lf440gl^j=+w1W~|0G
z!<L5x=XjYWt-TfiM9#IcQC@N<ejH(^=UT-Oc8VKE*lC&;L)a;<X-GTUnQj=;&TvhH
zL%YPc9x!8A9G6R&X<z!AfpGdYN@gJxMtX<`ru{L1^bqM`vdPq0)w1hZ8r4Ho4^chj
zMm5qyR1Z--<VFh~nC5%xUv1g-jmQ5^SiFkIbeK4<NnunEQ9W!wsuk5kW~`!mxSt1-
zrlqDy3)RDj2k_r`LTBJSE&G`Z)kB=8Wj|{C9#*q-ml&z)_6MJ{5fo>u&u0Jt002ov
JPDHLkV1lNTIFtYY

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode RADIUS/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode RADIUS/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape arc/Mode RADIUS/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CENTER/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CENTER/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..7324222906aa1bc700ef1271d80a8665382c0f78
GIT binary patch
literal 1146
zcmV-=1cm#FP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px(G)Y83RCr$PT+d4zK^XmF!6a&k$tt>7Y>^%WE7DsJ77P+7^pIO>FFh1Il$M^=
zQ?WuWEh6{_1nD7Cp-6J=Ur~AyL_`cCi}oVs7fDG_(XyNG)67g#`T~2JnSJx#+nt@a
zGaDcMXFuP6#+Rgo2Z-q9*x1;M)6>)Y<#KtjSS&_;K3~o6_d9;S|2P;7?i?H(<cR32
zLJ^hYa)h6S!{INLO6Bp~+*~D*NQ9!%C=Cw}H;!txO8I=gah#l-(B|gm+1A!puWj4e
zd_Mn%h@3l;*M{p!I2;bACMG84S5{W6SS%*)cdb^Vjg1XjTwE*!0)f|idwbu+jfqG%
zt}Efm$;s7NEcSM7ZOwn1&i-9@c6PQhIyyR^PN&n7^O(SOBmB^^te=kK^hr9&)#>W$
zqFSwXkBF*FT_d<|gg>NGsgDZ_3lWZtq};ac%F)r$4<dTb)Hj0bM)-kcS-%{|>6H-T
z>iB#O2ySq!*D-?Y+L5WLsn65X)9=^U*IT-WXJ%$9p-?E9%jLdv!qm%6;Cd?G-{1df
ze0==f^73*d9*;}<+o)46mm8z>($Z2f6bilC-Q5+Dy#&yW%Ux<uBaz5zp-^~|OeV{T
zM552KEV6C8anv6{hlhua!*LwSWHM*jY&JMFG_-y39R4j<>Sjf4xE$dt;p;Q4k&%)3
z`T6;yQmHgpDwPK6_h)x^_i-Q)IPU4`+1cOU-zK8W9Z9-1>sO5{C9IG`drt+z?bTmD
zIvn=USb0nndZ`?jb68tUV+d=*MLeu4Zz86-Icx$K@sNm&#55O&jo>04nu=*|_b}q2
zhFHoyhqc8t<~ghlmm`dLD4Y^@Y&EIF9ZTT09RuOpD)z6{mpZIGrU`{oj>{3&7Sj+9
zFBHJ)q43(jUai@xCE_9C;T<li>rJqF*hE0YL&U?@S1q}T2jXFiV_4gpOC4@|M^$wI
zgjFfosppY8tURU(1yPR65k@@ZoWbT&Y%cY@MzFb*yM3CKdu?jP>LFGSvAGnROR>4M
zmC;pqTW)Hp8{hc(LD;zDh5_NQVZn{V!C~W)8wP~K9)c@>w<I)HIWFfg-f3~p;GGuU
zY2lsLr2^Oy&y5$&%DuK);DhO_6>xkojSr^r!E`HwjH$NV)Y4QxjNyQ=F{#@GBz0JM
zOcU}|j>{27Jmj1~JVZQ1JVZR?#tBI|;^Bo#o{uHn|7+#tl5Sk?Ijrr&W#+QfhRYGY
zdLN+rf2}0<ArayKw1h%=R+Bp1Do)3=2jPyfLQ_Yi4l9poLO#lIIl_pCoHK}rh=+)W
zh=<%bAt^^ZL_BoAPPD}|#6x!l5Dz5-R<k<X)Uws{cU*fA?l?;ncS!26@|Y&%p&XYZ
zjCja7gLsH|h<J#2$c+<{a>PT#L&U=y3Mh|hlKT*=heDMQ53eck2U~a{6e@zx=l}o!
M07*qoM6N<$g0;jnn*aa+

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CENTER/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CENTER/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CENTER/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNER/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNER/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..7324222906aa1bc700ef1271d80a8665382c0f78
GIT binary patch
literal 1146
zcmV-=1cm#FP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px(G)Y83RCr$PT+d4zK^XmF!6a&k$tt>7Y>^%WE7DsJ77P+7^pIO>FFh1Il$M^=
zQ?WuWEh6{_1nD7Cp-6J=Ur~AyL_`cCi}oVs7fDG_(XyNG)67g#`T~2JnSJx#+nt@a
zGaDcMXFuP6#+Rgo2Z-q9*x1;M)6>)Y<#KtjSS&_;K3~o6_d9;S|2P;7?i?H(<cR32
zLJ^hYa)h6S!{INLO6Bp~+*~D*NQ9!%C=Cw}H;!txO8I=gah#l-(B|gm+1A!puWj4e
zd_Mn%h@3l;*M{p!I2;bACMG84S5{W6SS%*)cdb^Vjg1XjTwE*!0)f|idwbu+jfqG%
zt}Efm$;s7NEcSM7ZOwn1&i-9@c6PQhIyyR^PN&n7^O(SOBmB^^te=kK^hr9&)#>W$
zqFSwXkBF*FT_d<|gg>NGsgDZ_3lWZtq};ac%F)r$4<dTb)Hj0bM)-kcS-%{|>6H-T
z>iB#O2ySq!*D-?Y+L5WLsn65X)9=^U*IT-WXJ%$9p-?E9%jLdv!qm%6;Cd?G-{1df
ze0==f^73*d9*;}<+o)46mm8z>($Z2f6bilC-Q5+Dy#&yW%Ux<uBaz5zp-^~|OeV{T
zM552KEV6C8anv6{hlhua!*LwSWHM*jY&JMFG_-y39R4j<>Sjf4xE$dt;p;Q4k&%)3
z`T6;yQmHgpDwPK6_h)x^_i-Q)IPU4`+1cOU-zK8W9Z9-1>sO5{C9IG`drt+z?bTmD
zIvn=USb0nndZ`?jb68tUV+d=*MLeu4Zz86-Icx$K@sNm&#55O&jo>04nu=*|_b}q2
zhFHoyhqc8t<~ghlmm`dLD4Y^@Y&EIF9ZTT09RuOpD)z6{mpZIGrU`{oj>{3&7Sj+9
zFBHJ)q43(jUai@xCE_9C;T<li>rJqF*hE0YL&U?@S1q}T2jXFiV_4gpOC4@|M^$wI
zgjFfosppY8tURU(1yPR65k@@ZoWbT&Y%cY@MzFb*yM3CKdu?jP>LFGSvAGnROR>4M
zmC;pqTW)Hp8{hc(LD;zDh5_NQVZn{V!C~W)8wP~K9)c@>w<I)HIWFfg-f3~p;GGuU
zY2lsLr2^Oy&y5$&%DuK);DhO_6>xkojSr^r!E`HwjH$NV)Y4QxjNyQ=F{#@GBz0JM
zOcU}|j>{27Jmj1~JVZQ1JVZR?#tBI|;^Bo#o{uHn|7+#tl5Sk?Ijrr&W#+QfhRYGY
zdLN+rf2}0<ArayKw1h%=R+Bp1Do)3=2jPyfLQ_Yi4l9poLO#lIIl_pCoHK}rh=+)W
zh=<%bAt^^ZL_BoAPPD}|#6x!l5Dz5-R<k<X)Uws{cU*fA?l?;ncS!26@|Y&%p&XYZ
zjCja7gLsH|h<J#2$c+<{a>PT#L&U=y3Mh|hlKT*=heDMQ53eck2U~a{6e@zx=l}o!
M07*qoM6N<$g0;jnn*aa+

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNER/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNER/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNER/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNERS/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNERS/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..7324222906aa1bc700ef1271d80a8665382c0f78
GIT binary patch
literal 1146
zcmV-=1cm#FP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px(G)Y83RCr$PT+d4zK^XmF!6a&k$tt>7Y>^%WE7DsJ77P+7^pIO>FFh1Il$M^=
zQ?WuWEh6{_1nD7Cp-6J=Ur~AyL_`cCi}oVs7fDG_(XyNG)67g#`T~2JnSJx#+nt@a
zGaDcMXFuP6#+Rgo2Z-q9*x1;M)6>)Y<#KtjSS&_;K3~o6_d9;S|2P;7?i?H(<cR32
zLJ^hYa)h6S!{INLO6Bp~+*~D*NQ9!%C=Cw}H;!txO8I=gah#l-(B|gm+1A!puWj4e
zd_Mn%h@3l;*M{p!I2;bACMG84S5{W6SS%*)cdb^Vjg1XjTwE*!0)f|idwbu+jfqG%
zt}Efm$;s7NEcSM7ZOwn1&i-9@c6PQhIyyR^PN&n7^O(SOBmB^^te=kK^hr9&)#>W$
zqFSwXkBF*FT_d<|gg>NGsgDZ_3lWZtq};ac%F)r$4<dTb)Hj0bM)-kcS-%{|>6H-T
z>iB#O2ySq!*D-?Y+L5WLsn65X)9=^U*IT-WXJ%$9p-?E9%jLdv!qm%6;Cd?G-{1df
ze0==f^73*d9*;}<+o)46mm8z>($Z2f6bilC-Q5+Dy#&yW%Ux<uBaz5zp-^~|OeV{T
zM552KEV6C8anv6{hlhua!*LwSWHM*jY&JMFG_-y39R4j<>Sjf4xE$dt;p;Q4k&%)3
z`T6;yQmHgpDwPK6_h)x^_i-Q)IPU4`+1cOU-zK8W9Z9-1>sO5{C9IG`drt+z?bTmD
zIvn=USb0nndZ`?jb68tUV+d=*MLeu4Zz86-Icx$K@sNm&#55O&jo>04nu=*|_b}q2
zhFHoyhqc8t<~ghlmm`dLD4Y^@Y&EIF9ZTT09RuOpD)z6{mpZIGrU`{oj>{3&7Sj+9
zFBHJ)q43(jUai@xCE_9C;T<li>rJqF*hE0YL&U?@S1q}T2jXFiV_4gpOC4@|M^$wI
zgjFfosppY8tURU(1yPR65k@@ZoWbT&Y%cY@MzFb*yM3CKdu?jP>LFGSvAGnROR>4M
zmC;pqTW)Hp8{hc(LD;zDh5_NQVZn{V!C~W)8wP~K9)c@>w<I)HIWFfg-f3~p;GGuU
zY2lsLr2^Oy&y5$&%DuK);DhO_6>xkojSr^r!E`HwjH$NV)Y4QxjNyQ=F{#@GBz0JM
zOcU}|j>{27Jmj1~JVZQ1JVZR?#tBI|;^Bo#o{uHn|7+#tl5Sk?Ijrr&W#+QfhRYGY
zdLN+rf2}0<ArayKw1h%=R+Bp1Do)3=2jPyfLQ_Yi4l9poLO#lIIl_pCoHK}rh=+)W
zh=<%bAt^^ZL_BoAPPD}|#6x!l5Dz5-R<k<X)Uws{cU*fA?l?;ncS!26@|Y&%p&XYZ
zjCja7gLsH|h<J#2$c+<{a>PT#L&U=y3Mh|hlKT*=heDMQ53eck2U~a{6e@zx=l}o!
M07*qoM6N<$g0;jnn*aa+

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNERS/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNERS/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode CORNERS/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode RADIUS/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode RADIUS/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..7324222906aa1bc700ef1271d80a8665382c0f78
GIT binary patch
literal 1146
zcmV-=1cm#FP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px(G)Y83RCr$PT+d4zK^XmF!6a&k$tt>7Y>^%WE7DsJ77P+7^pIO>FFh1Il$M^=
zQ?WuWEh6{_1nD7Cp-6J=Ur~AyL_`cCi}oVs7fDG_(XyNG)67g#`T~2JnSJx#+nt@a
zGaDcMXFuP6#+Rgo2Z-q9*x1;M)6>)Y<#KtjSS&_;K3~o6_d9;S|2P;7?i?H(<cR32
zLJ^hYa)h6S!{INLO6Bp~+*~D*NQ9!%C=Cw}H;!txO8I=gah#l-(B|gm+1A!puWj4e
zd_Mn%h@3l;*M{p!I2;bACMG84S5{W6SS%*)cdb^Vjg1XjTwE*!0)f|idwbu+jfqG%
zt}Efm$;s7NEcSM7ZOwn1&i-9@c6PQhIyyR^PN&n7^O(SOBmB^^te=kK^hr9&)#>W$
zqFSwXkBF*FT_d<|gg>NGsgDZ_3lWZtq};ac%F)r$4<dTb)Hj0bM)-kcS-%{|>6H-T
z>iB#O2ySq!*D-?Y+L5WLsn65X)9=^U*IT-WXJ%$9p-?E9%jLdv!qm%6;Cd?G-{1df
ze0==f^73*d9*;}<+o)46mm8z>($Z2f6bilC-Q5+Dy#&yW%Ux<uBaz5zp-^~|OeV{T
zM552KEV6C8anv6{hlhua!*LwSWHM*jY&JMFG_-y39R4j<>Sjf4xE$dt;p;Q4k&%)3
z`T6;yQmHgpDwPK6_h)x^_i-Q)IPU4`+1cOU-zK8W9Z9-1>sO5{C9IG`drt+z?bTmD
zIvn=USb0nndZ`?jb68tUV+d=*MLeu4Zz86-Icx$K@sNm&#55O&jo>04nu=*|_b}q2
zhFHoyhqc8t<~ghlmm`dLD4Y^@Y&EIF9ZTT09RuOpD)z6{mpZIGrU`{oj>{3&7Sj+9
zFBHJ)q43(jUai@xCE_9C;T<li>rJqF*hE0YL&U?@S1q}T2jXFiV_4gpOC4@|M^$wI
zgjFfosppY8tURU(1yPR65k@@ZoWbT&Y%cY@MzFb*yM3CKdu?jP>LFGSvAGnROR>4M
zmC;pqTW)Hp8{hc(LD;zDh5_NQVZn{V!C~W)8wP~K9)c@>w<I)HIWFfg-f3~p;GGuU
zY2lsLr2^Oy&y5$&%DuK);DhO_6>xkojSr^r!E`HwjH$NV)Y4QxjNyQ=F{#@GBz0JM
zOcU}|j>{27Jmj1~JVZQ1JVZR?#tBI|;^Bo#o{uHn|7+#tl5Sk?Ijrr&W#+QfhRYGY
zdLN+rf2}0<ArayKw1h%=R+Bp1Do)3=2jPyfLQ_Yi4l9poLO#lIIl_pCoHK}rh=+)W
zh=<%bAt^^ZL_BoAPPD}|#6x!l5Dz5-R<k<X)Uws{cU*fA?l?;ncS!26@|Y&%p&XYZ
zjCja7gLsH|h<J#2$c+<{a>PT#L&U=y3Mh|hlKT*=heDMQ53eck2U~a{6e@zx=l}o!
M07*qoM6N<$g0;jnn*aa+

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode RADIUS/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode RADIUS/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape ellipse/Mode RADIUS/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CENTER/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CENTER/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c096e42bb5f1321193b4c4278f8857a86abfd15
GIT binary patch
literal 552
zcmV+@0@wYCP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px$;z>k7RCr$PoZW51Kn#PKExb;5=s@;7U837~jXop@P~e=z;GMvOzdT3xBT5!2
zE4k@npWDUmtJZ~oBz<>w#FwPsH*1#c+q&?+@B6YWOP4!u+opA0H%aT81xxnj!jein
z-9Wo!Ul0ai^U=ja>)3(huoGNIk;OwxQVHW}pjWalT-wQ-8Eip#29%sLA`hXKPW(uM
zT0$+K9)L?b*#wt<cn|SFS#lC-lCo4H(~yT|Bz<a*TKd#evwjbRuh`Qn;k3M4Dtd_r
zwS-!l^@olJ9S=GlW)j`a>3F>8cpwkE#8}88h=&j$h8+Whk%wk*K`o({P)jq3pqBpz
z)9HB7@h~%rvJ_aBkcVbeN0}oYqTm>C7!V%d)TkvvI0}vdhXLUMPK{cUiFnkK8IY)@
zK()jaj}z5|G$Bo2+R31&Eh7(%Jah@9{6$bp`51X81Yt%Vya?j=!!P_-B3gJqOvi&9
zKIZ}SFnSn0d@g4WzI{dyGxE^I<spk89zuW^b_@_k9-6@g(}HQiw9F*Bo1bA?C7p-H
ztxEQ#<3Y#6%qYrIU|B*Qno%8Pj(CWIW58iR7<p)h6?HhU4wsO4!~_4B<~=;n!w>(V
qhtb1cDoruPgFG}rjxxWTc=!XcufV$U$q~T-0000<MNUMnLSTYR_w>^M

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CENTER/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CENTER/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CENTER/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNER/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNER/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e6ecdcd5935f0181d09fd799befbf79834f19e5
GIT binary patch
literal 614
zcmV-s0-61ZP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px%AW1|)RCr$PoXu^7Kn#Uny5K-BQF_QB-7u6BrHM3yXd{QL*vk-z9<q%5?RkyI
ze*Sy2W?xk7^HR)S^$h-!^nS4;-Xwh=JTpXZ&){`k*I^ijOKhI!S*^8MQagBHh+Yhq
z6yoU)+97&D7=+EzMbX-KAUW&=*Ir~%v?PU0JRS5x^fF63d2<I@5WWLS&KaSHjFwLP
zNMf{PwA?(vEbU|yv-HDzkO$h5lSnsdOCdB3dT2({S#j9XSx?>ddmt?7^~5iI{{{F{
z(#L^Nh~6H;(=<)3wWA;V&e^;yi^g$WB#j3WA$l=bQi!KJXou(pVGur7n|8lN(b{()
zIqU@2USv_UDo$EXB&C;yJfw%nJRk^HELtH00OTQvr7?KGmdrK)TY@cZ9ti0U6s?Ly
zE964Flgc4_nWfDxlwKT!(?et)5QI$!rWXg{^bnZ`1mTLW@r11Lb|N!GFUzGYmzq_P
zcOLc~NDe!}#VY_0?@^^IR%tfko#K&A7V?k{k*m)G!q7uArkJIfr8f^i9-M4~JU||v
z@e`6uT;c`&`5=6_;-uwtgY>eHhx8Dc2Lxd@;>{3Zo0e@_wrR~I`W5G8%RlI0$f9-!
z#t^+Mh*w+?4+*VIAsw=r-Z3~tFSGO|O)&98KsYftmmIB!a7gjURJ6*qB@A|whYJ8M
z0Js2fGH8?K0)PvEXCRepOXVi5ONvI;hm>PWKc26^x*QN;asU7T07*qoM6N<$f=yov
AD*ylh

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNER/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNER/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNER/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNERS/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNERS/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c096e42bb5f1321193b4c4278f8857a86abfd15
GIT binary patch
literal 552
zcmV+@0@wYCP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px$;z>k7RCr$PoZW51Kn#PKExb;5=s@;7U837~jXop@P~e=z;GMvOzdT3xBT5!2
zE4k@npWDUmtJZ~oBz<>w#FwPsH*1#c+q&?+@B6YWOP4!u+opA0H%aT81xxnj!jein
z-9Wo!Ul0ai^U=ja>)3(huoGNIk;OwxQVHW}pjWalT-wQ-8Eip#29%sLA`hXKPW(uM
zT0$+K9)L?b*#wt<cn|SFS#lC-lCo4H(~yT|Bz<a*TKd#evwjbRuh`Qn;k3M4Dtd_r
zwS-!l^@olJ9S=GlW)j`a>3F>8cpwkE#8}88h=&j$h8+Whk%wk*K`o({P)jq3pqBpz
z)9HB7@h~%rvJ_aBkcVbeN0}oYqTm>C7!V%d)TkvvI0}vdhXLUMPK{cUiFnkK8IY)@
zK()jaj}z5|G$Bo2+R31&Eh7(%Jah@9{6$bp`51X81Yt%Vya?j=!!P_-B3gJqOvi&9
zKIZ}SFnSn0d@g4WzI{dyGxE^I<spk89zuW^b_@_k9-6@g(}HQiw9F*Bo1bA?C7p-H
ztxEQ#<3Y#6%qYrIU|B*Qno%8Pj(CWIW58iR7<p)h6?HhU4wsO4!~_4B<~=;n!w>(V
qhtb1cDoruPgFG}rjxxWTc=!XcufV$U$q~T-0000<MNUMnLSTYR_w>^M

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNERS/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNERS/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode CORNERS/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode RADIUS/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode RADIUS/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c096e42bb5f1321193b4c4278f8857a86abfd15
GIT binary patch
literal 552
zcmV+@0@wYCP)<h;3K|Lk000e1NJLTq002Ay004am1^@s6{`dg900001b5ch_0Itp)
z=>Px$;z>k7RCr$PoZW51Kn#PKExb;5=s@;7U837~jXop@P~e=z;GMvOzdT3xBT5!2
zE4k@npWDUmtJZ~oBz<>w#FwPsH*1#c+q&?+@B6YWOP4!u+opA0H%aT81xxnj!jein
z-9Wo!Ul0ai^U=ja>)3(huoGNIk;OwxQVHW}pjWalT-wQ-8Eip#29%sLA`hXKPW(uM
zT0$+K9)L?b*#wt<cn|SFS#lC-lCo4H(~yT|Bz<a*TKd#evwjbRuh`Qn;k3M4Dtd_r
zwS-!l^@olJ9S=GlW)j`a>3F>8cpwkE#8}88h=&j$h8+Whk%wk*K`o({P)jq3pqBpz
z)9HB7@h~%rvJ_aBkcVbeN0}oYqTm>C7!V%d)TkvvI0}vdhXLUMPK{cUiFnkK8IY)@
zK()jaj}z5|G$Bo2+R31&Eh7(%Jah@9{6$bp`51X81Yt%Vya?j=!!P_-B3gJqOvi&9
zKIZ}SFnSn0d@g4WzI{dyGxE^I<spk89zuW^b_@_k9-6@g(}HQiw9F*Bo1bA?C7p-H
ztxEQ#<3Y#6%qYrIU|B*Qno%8Pj(CWIW58iR7<p)h6?HhU4wsO4!~_4B<~=;n!w>(V
qhtb1cDoruPgFG}rjxxWTc=!XcufV$U$q~T-0000<MNUMnLSTYR_w>^M

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode RADIUS/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode RADIUS/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Shape Modes/Shape rect/Mode RADIUS/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default font/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default font/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b90be44dba8381cb335c2a71265b428f6fb2263
GIT binary patch
literal 786
zcmV+t1MU2YP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00001b5ch_0Itp)
z=>Px%%t=H+RA@u()?Mh%XBY?Y&tFEOMD3U}mN=6Gidqz{*lJ#;abUIOHRLU{D5h<~
zfw$%WEemtNI3PRmmdNHMni@;miA4!%rRdWAtEZ=j^7}vc|6jVFlc%2NzOMUweZSZB
zz3vY0$)_XL(E}gjKU~dRTW?IlHQa62T~#5YaSmf}zFo=RkY^^AVH$3?>#kBrCz#Bp
z$Xcv#02aMl$sUT0z#>e>2lyRZaRx6N;`(A1W@8lY;WW142KrzNzHW#)i74!0Cy03+
z8bCk7IPAdObZHdxG!?WRm$3)W)5V|Q8~l=r36S4oJa*$x48lD0!*txla7@7$Scg05
z?Emd3ByzMG_QCiWx3Cz`(q%odGJ*L#0UU}$_!0XXK!ut+@e}r@-?O#Wn+k~w1H{A@
zP8I-v#pa|yRmgAH*idvUqPx71n4K?E3;f%J=tIQ+$J2MO)LQfL2q#jZ7xADewo40X
zHJGi~jd_T+i`j{o=>IusxmM?+)z;vCceGZRz_)35V=%*k-sLj@Ba<<FiX#ZMV$Ql$
zkpLYw`NLagB-9ADV~)a_mt!HWG*nzE8^%%DY?l-=HtmPNG6V;c^)A7a1TesDNR}F{
zbP2<77zeNkFVflm2>Xur)mM0&3R;1w`0HI{e%smViBh@H*~Ic6X^+gnE?j8ZBk_A!
zaJW{04ohB&)!2t)2m=WAW9Niv98ExC*POz4>0Iobw(XGs5<|KQ12F;NIL(_q{)^2X
z%QL`M%m>C`{j=1Pp=`KUfRD|7z2OxQFMxP7F2FxY*}prhOr=O?^K^TBDWuyaXaZ0a
zDT-ubptM#dVr!=@iqxhqQ(#df6S1|^7DZ}PmnpC)l8M;bX^SGYsml~t6v;$v?X*Ra
z+SFwVEQ(|zwszX0NNwse1r|jz5nDTLQKU9?nF5O<nTV~OwkT4Yx=ewu0C8BNGc^)a
QQvd(}07*qoM6N<$f)(v@lmGw#

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default font/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default font/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default font/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default monospace font/000.png b/test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default monospace font/000.png
new file mode 100644
index 0000000000000000000000000000000000000000..3d541b4e16103c3b0e0c4d787455cbda894b2191
GIT binary patch
literal 498
zcmV<O0S*3%P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00001b5ch_0Itp)
z=>Px$tVu*cRA@u(mZ44rK@5h!lW5)mgX94Y3=+cwfJ2@_6CglP2ow^<A$SA~21s}X
z9sr5Pk|sOJq?y^9YtqeT)04Z?UjP4VJ3C_{zu81|Fj*l-9iiuukZP_+6KM_{NN96C
zlM`|dT=%$q43yeU$GrmL;%_C_9QerI$@v@L5V!>Xx_4{WV<oZy+yg&dA*r@);00I!
zpGu4f+yhRtg46jg^*n{Tx0X1&uSBFj-vn-fGet&<+A73|m=i^0Fd>5et>Ahpp!QzG
zEETEUo;>bER`sydTAQm}M{3dc$_x%7q>sot+gZe10gu3UVXoxS%6rW^?9$f<-N3gL
zU7H(;brB*%ENzpo(6m|ZlryC*lnRrLmbZ%tNv`VkTw4N?tGS-ix0W8rzPmx+3yF>%
z;6&sJcmQ@Xj2D&dmv63oK@{tm>_=luzmM`v5E&bmAQD8J9EjF(GS-|nh?uQ&3JfAn
z#+uUx5wmqpfkDK{SaaGSVz$mHFo-xAYfc+P%+@&t1`#J?&1r*(**d4dAmU`KIc*Rz
oTjvxQM4XH@rwt-z>zo4r0d_lCGpsK0hyVZp07*qoM6N<$g1)WO@&Et;

literal 0
HcmV?d00001

diff --git a/test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default monospace font/metadata.json b/test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default monospace font/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/WebGL/Tessellation/Typography/textFont() with default fonts/With the default monospace font/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file