diff --git a/test/unit/visual/cases/typography.js b/test/unit/visual/cases/typography.js
index e9aa7a26be..1b3af0c261 100644
--- a/test/unit/visual/cases/typography.js
+++ b/test/unit/visual/cases/typography.js
@@ -19,65 +19,64 @@ visualSuite("Typography", function () {
       screenshot();
     });
 
-    visualTest('with a Google Font URL', async function(p5, screenshot) {
+    visualTest("with a Google Font URL", async function (p5, screenshot) {
       p5.createCanvas(100, 100);
       const font = await p5.loadFont(
-        'https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap'
+        "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap"
       );
       p5.textFont(font);
       p5.textAlign(p5.LEFT, p5.TOP);
       p5.textSize(35);
-      p5.text('p5*js', 0, 10, p5.width);
+      p5.text("p5*js", 0, 10, p5.width);
       screenshot();
     });
 
-    visualTest('with a font file', async function(p5, screenshot) {
+    visualTest("with a font file", async function (p5, screenshot) {
       p5.createCanvas(100, 100);
-      const font = await p5.loadFont(
-        '/unit/assets/Inconsolata-Bold.ttf'
-      );
+      const font = await p5.loadFont("/unit/assets/Inconsolata-Bold.ttf");
       p5.textFont(font);
       p5.textAlign(p5.LEFT, p5.TOP);
       p5.textSize(35);
-      p5.text('p5*js', 0, 10, p5.width);
+      p5.text("p5*js", 0, 10, p5.width);
       screenshot();
     });
 
-    visualTest('with a font file in WebGL', async function(p5, screenshot) {
+    visualTest("with a font file in WebGL", async function (p5, screenshot) {
       p5.createCanvas(100, 100, p5.WEBGL);
-      const font = await p5.loadFont(
-        '/unit/assets/Inconsolata-Bold.ttf'
-      );
+      const font = await p5.loadFont("/unit/assets/Inconsolata-Bold.ttf");
       p5.textFont(font);
       p5.textAlign(p5.LEFT, p5.TOP);
       p5.textSize(35);
-      p5.text('p5*js', -p5.width/2, -p5.height/2 + 10, p5.width);
+      p5.text("p5*js", -p5.width / 2, -p5.height / 2 + 10, p5.width);
       screenshot();
     });
   });
 
-  visualSuite('textWeight', function() {
-    visualTest('can control non-variable fonts', async function (p5, screenshot) {
-      p5.createCanvas(100, 100);
-      const font = await p5.loadFont(
-        'https://fonts.googleapis.com/css2?family=Sniglet:wght@400;800&display=swap'
-      );
-
-      for (const weight of [400, 800]) {
-        p5.background(255);
-        p5.textFont(font);
-        p5.textAlign(p5.LEFT, p5.TOP);
-        p5.textSize(35);
-        p5.textWeight(weight);
-        p5.text('p5*js', 0, 10, p5.width);
-        screenshot();
+  visualSuite("textWeight", function () {
+    visualTest(
+      "can control non-variable fonts",
+      async function (p5, screenshot) {
+        p5.createCanvas(100, 100);
+        const font = await p5.loadFont(
+          "https://fonts.googleapis.com/css2?family=Sniglet:wght@400;800&display=swap"
+        );
+
+        for (const weight of [400, 800]) {
+          p5.background(255);
+          p5.textFont(font);
+          p5.textAlign(p5.LEFT, p5.TOP);
+          p5.textSize(35);
+          p5.textWeight(weight);
+          p5.text("p5*js", 0, 10, p5.width);
+          screenshot();
+        }
       }
-    });
+    );
 
-    visualTest('can control variable fonts', async function (p5, screenshot) {
+    visualTest("can control variable fonts", async function (p5, screenshot) {
       p5.createCanvas(100, 100);
       const font = await p5.loadFont(
-        'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'
+        "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
       );
 
       for (let weight = 400; weight <= 800; weight += 100) {
@@ -86,32 +85,35 @@ visualSuite("Typography", function () {
         p5.textAlign(p5.LEFT, p5.TOP);
         p5.textSize(35);
         p5.textWeight(weight);
-        p5.text('p5*js', 0, 10, p5.width);
+        p5.text("p5*js", 0, 10, p5.width);
         screenshot();
       }
     });
 
-    visualTest('can control variable fonts from files', async function (p5, screenshot) {
-      p5.createCanvas(100, 100);
-      const font = await p5.loadFont(
-        '/unit/assets/BricolageGrotesque-Variable.ttf',
-        { weight: '200 800' }
-      );
-
-      for (let weight = 400; weight <= 800; weight += 100) {
-        p5.background(255);
-        p5.textFont(font);
-        p5.textAlign(p5.LEFT, p5.TOP);
-        p5.textSize(35);
-        p5.textWeight(weight);
-        p5.text('p5*js', 0, 10, p5.width);
-        screenshot();
+    visualTest(
+      "can control variable fonts from files",
+      async function (p5, screenshot) {
+        p5.createCanvas(100, 100);
+        const font = await p5.loadFont(
+          "/unit/assets/BricolageGrotesque-Variable.ttf",
+          { weight: "200 800" }
+        );
+
+        for (let weight = 400; weight <= 800; weight += 100) {
+          p5.background(255);
+          p5.textFont(font);
+          p5.textAlign(p5.LEFT, p5.TOP);
+          p5.textSize(35);
+          p5.textWeight(weight);
+          p5.text("p5*js", 0, 10, p5.width);
+          screenshot();
+        }
       }
-    });
+    );
   });
 
-  visualSuite("textAlign", function () { // TEMPORARY SKIP
-    /*visualTest.skip("all alignments with single word", function (p5, screenshot) {
+  visualSuite("textAlign", function () {
+    visualTest("all alignments with single word", function (p5, screenshot) {
       const alignments = [
         { alignX: p5.LEFT, alignY: p5.TOP },
         { alignX: p5.CENTER, alignY: p5.TOP },
@@ -122,22 +124,25 @@ visualSuite("Typography", function () {
         { alignX: p5.LEFT, alignY: p5.BOTTOM },
         { alignX: p5.CENTER, alignY: p5.BOTTOM },
         { alignX: p5.RIGHT, alignY: p5.BOTTOM },
+        { alignX: p5.LEFT, alignY: p5.BASELINE },
+        { alignX: p5.CENTER, alignY: p5.BASELINE },
+        { alignX: p5.RIGHT, alignY: p5.BASELINE },
       ];
 
-      p5.createCanvas(300, 80);
-      p5.textSize(60);
+      p5.createCanvas(300, 200);
+      p5.textSize(20);
       alignments.forEach((alignment) => {
         p5.textAlign(alignment.alignX, alignment.alignY);
-        p5.text("Single Line", 0, 0);
-        const bb = p5.textBounds("Single Line", 0, 0);
+        p5.text("Word", 0, 0);
+        const bb = p5.textBounds("Word", 0, 0);
         p5.noFill();
         p5.stroke("red");
         p5.rect(bb.x, bb.y, bb.w, bb.h);
-      })
+      });
       screenshot();
     });
 
-    visualTest.skip("all alignments with single line", function (p5, screenshot) {
+    visualTest("all alignments with single line", function (p5, screenshot) {
       const alignments = [
         { alignX: p5.LEFT, alignY: p5.TOP },
         { alignX: p5.CENTER, alignY: p5.TOP },
@@ -148,10 +153,13 @@ visualSuite("Typography", function () {
         { alignX: p5.LEFT, alignY: p5.BOTTOM },
         { alignX: p5.CENTER, alignY: p5.BOTTOM },
         { alignX: p5.RIGHT, alignY: p5.BOTTOM },
+        { alignX: p5.LEFT, alignY: p5.BASELINE },
+        { alignX: p5.CENTER, alignY: p5.BASELINE },
+        { alignX: p5.RIGHT, alignY: p5.BASELINE },
       ];
 
-      p5.createCanvas(300, 80);
-      p5.textSize(60);
+      p5.createCanvas(300, 200);
+      p5.textSize(20);
       alignments.forEach((alignment) => {
         p5.textAlign(alignment.alignX, alignment.alignY);
         p5.text("Single Line", 0, 0);
@@ -161,9 +169,10 @@ visualSuite("Typography", function () {
         p5.rect(bb.x, bb.y, bb.w, bb.h);
       });
       screenshot();
-    });*/
+    });
 
-    visualTest("all alignments with multi-lines and wrap word",
+    visualTest(
+      "all alignments with multi-lines and wrap word",
       function (p5, screenshot) {
         const alignments = [
           { alignX: p5.LEFT, alignY: p5.TOP },
@@ -175,6 +184,9 @@ visualSuite("Typography", function () {
           { alignX: p5.LEFT, alignY: p5.BOTTOM },
           { alignX: p5.CENTER, alignY: p5.BOTTOM },
           { alignX: p5.RIGHT, alignY: p5.BOTTOM },
+          { alignX: p5.LEFT, alignY: p5.BASELINE },
+          { alignX: p5.CENTER, alignY: p5.BASELINE },
+          { alignX: p5.RIGHT, alignY: p5.BASELINE },
         ];
 
         p5.createCanvas(300, 200);
@@ -236,6 +248,9 @@ visualSuite("Typography", function () {
           { alignX: p5.LEFT, alignY: p5.BOTTOM },
           { alignX: p5.CENTER, alignY: p5.BOTTOM },
           { alignX: p5.RIGHT, alignY: p5.BOTTOM },
+          { alignX: p5.LEFT, alignY: p5.BASELINE },
+          { alignX: p5.CENTER, alignY: p5.BASELINE },
+          { alignX: p5.RIGHT, alignY: p5.BASELINE },
         ];
 
         p5.createCanvas(300, 200);
@@ -297,6 +312,9 @@ visualSuite("Typography", function () {
           { alignX: p5.LEFT, alignY: p5.BOTTOM },
           { alignX: p5.CENTER, alignY: p5.BOTTOM },
           { alignX: p5.RIGHT, alignY: p5.BOTTOM },
+          { alignX: p5.LEFT, alignY: p5.BASELINE },
+          { alignX: p5.CENTER, alignY: p5.BASELINE },
+          { alignX: p5.RIGHT, alignY: p5.BASELINE },
         ];
 
         p5.createCanvas(300, 200);
@@ -339,6 +357,41 @@ visualSuite("Typography", function () {
     );
   });
 
+  // (Previous content continues...)
+
+  visualSuite("textBaseline", function () {
+    visualTest(
+      "baseline alignment with different font sizes",
+      function (p5, screenshot) {
+        p5.createCanvas(400, 200);
+        p5.background(255);
+
+        p5.stroke(200);
+        p5.line(20, 100, 380, 100);
+
+        const fontSizes = [12, 16, 24, 32];
+        let xPos = 40;
+
+        fontSizes.forEach((size) => {
+          p5.textSize(size);
+          p5.textAlign(p5.LEFT, p5.BASELINE);
+          p5.noStroke();
+          p5.fill(0);
+          p5.text(`Size ${size}`, xPos, 100);
+
+          const bb = p5.textBounds(`Size ${size}`, xPos, 100);
+          p5.noFill();
+          p5.stroke("red");
+          p5.rect(bb.x, bb.y, bb.w, bb.h);
+
+          xPos += 90;
+        });
+
+        screenshot();
+      }
+    );
+  });
+
   visualSuite("textStyle", function () {
     visualTest("all text styles", function (p5, screenshot) {
       p5.createCanvas(300, 100);
@@ -410,85 +463,235 @@ visualSuite("Typography", function () {
     });
   });
 
-  visualSuite('textToPoints', function() {
-    visualTest('Fonts can be converted to points', async function(p5, screenshot) {
-      p5.createCanvas(100, 100);
-      const font = await p5.loadFont(
-        '/unit/assets/Inconsolata-Bold.ttf'
-      );
-      p5.background(255);
-      p5.strokeWeight(2);
-      p5.textSize(50);
-      const pts = font.textToPoints('p5*js', 0, 50);
-      p5.beginShape(p5.POINTS);
-      for (const { x, y } of pts) p5.vertex(x, y);
-      p5.endShape();
+  visualSuite("textToPoints", function () {
+    visualTest(
+      "Fonts can be converted to points",
+      async function (p5, screenshot) {
+        p5.createCanvas(100, 100);
+        const font = await p5.loadFont("/unit/assets/Inconsolata-Bold.ttf");
+        p5.background(255);
+        p5.strokeWeight(2);
+        p5.textSize(50);
+        const pts = font.textToPoints("p5*js", 0, 50);
+        p5.beginShape(p5.POINTS);
+        for (const { x, y } of pts) p5.vertex(x, y);
+        p5.endShape();
+        screenshot();
+      }
+    );
+
+    visualTest(
+      "Sampling density can be changed",
+      async function (p5, screenshot) {
+        p5.createCanvas(100, 100);
+        const font = await p5.loadFont("/unit/assets/Inconsolata-Bold.ttf");
+        p5.background(255);
+        p5.strokeWeight(2);
+        p5.textSize(50);
+        const pts = font.textToPoints("p5*js", 0, 50, { sampleFactor: 0.5 });
+        p5.beginShape(p5.POINTS);
+        for (const { x, y } of pts) p5.vertex(x, y);
+        p5.endShape();
+        screenshot();
+      }
+    );
+  });
+
+  visualSuite("textToContours", function () {
+    visualTest(
+      "Fonts can be converted to points grouped by contour",
+      async function (p5, screenshot) {
+        p5.createCanvas(100, 100);
+        const font = await p5.loadFont("/unit/assets/Inconsolata-Bold.ttf");
+        p5.background(200);
+        p5.strokeWeight(2);
+        p5.textSize(50);
+        const contours = font.textToContours("p5*js", 0, 50, {
+          sampleFactor: 0.5,
+        });
+        p5.beginShape();
+        for (const pts of contours) {
+          p5.beginContour();
+          for (const { x, y } of pts) p5.vertex(x, y);
+          p5.endContour(p5.CLOSE);
+        }
+        p5.endShape();
+        screenshot();
+      }
+    );
+  });
+
+  visualSuite("textToPaths", function () {
+    visualTest(
+      "Fonts can be converted to drawing context commands",
+      async function (p5, screenshot) {
+        p5.createCanvas(100, 100);
+        const font = await p5.loadFont("/unit/assets/Inconsolata-Bold.ttf");
+        p5.background(200);
+        p5.strokeWeight(2);
+        p5.textSize(50);
+        const cmds = font.textToPaths("p5*js", 0, 50);
+        p5.drawingContext.beginPath();
+        for (const [type, ...args] of cmds) {
+          if (type === "M") {
+            p5.drawingContext.moveTo(...args);
+          } else if (type === "L") {
+            p5.drawingContext.lineTo(...args);
+          } else if (type === "C") {
+            p5.drawingContext.bezierCurveTo(...args);
+          } else if (type === "Q") {
+            p5.drawingContext.quadraticCurveTo(...args);
+          } else if (type === "Z") {
+            p5.drawingContext.closePath();
+          }
+        }
+        p5.drawingContext.fill();
+        p5.drawingContext.stroke();
+        screenshot();
+      }
+    );
+  });
+
+  // New sections from the second file
+  visualSuite("fontProperties", function () {
+    visualTest("font stretch values", function (p5, screenshot) {
+      p5.createCanvas(400, 300);
+      const stretches = [
+        "ultra-condensed",
+        "extra-condensed",
+        "condensed",
+        "semi-condensed",
+        "normal",
+        "semi-expanded",
+        "expanded",
+        "extra-expanded",
+        "ultra-expanded",
+      ];
+      let yPos = 30;
+
+      stretches.forEach((stretch) => {
+        p5.textSize(20);
+        p5.textProperty("fontStretch", stretch);
+        p5.text(`Hello world (${stretch})`, 20, yPos);
+        yPos += 30;
+      });
       screenshot();
     });
 
-    visualTest('Sampling density can be changed', async function(p5, screenshot) {
-      p5.createCanvas(100, 100);
-      const font = await p5.loadFont(
-        '/unit/assets/Inconsolata-Bold.ttf'
-      );
-      p5.background(255);
-      p5.strokeWeight(2);
-      p5.textSize(50);
-      const pts = font.textToPoints('p5*js', 0, 50, { sampleFactor: 0.5 });
-      p5.beginShape(p5.POINTS);
-      for (const { x, y } of pts) p5.vertex(x, y);
-      p5.endShape();
+    visualTest("font kerning", function (p5, screenshot) {
+      p5.createCanvas(400, 150);
+      p5.textFont("serif", 24);
+      const kerningOptions = ["auto", "normal", "none"];
+      let yPos = 40;
+
+      kerningOptions.forEach((kerning) => {
+        p5.textProperty("fontKerning", kerning);
+        p5.text(`AVA Ta We (fontKerning: ${kerning})`, 20, yPos);
+        yPos += 40;
+      });
+      screenshot();
+    });
+
+    visualTest("font variant caps", function (p5, screenshot) {
+      p5.createCanvas(400, 250);
+      p5.textFont("serif", 24);
+      const variants = [
+        "normal",
+        "small-caps",
+        "all-small-caps",
+        "petite-caps",
+        "all-petite-caps",
+        "unicase",
+        "titling-caps",
+      ];
+      let yPos = 40;
+
+      variants.forEach((variant) => {
+        p5.textProperty("fontVariantCaps", variant);
+        p5.text(`Hello World (${variant})`, 20, yPos);
+        yPos += 35;
+      });
       screenshot();
     });
   });
 
-  visualSuite('textToContours', function() {
-    visualTest('Fonts can be converted to points grouped by contour', async function(p5, screenshot) {
-      p5.createCanvas(100, 100);
-      const font = await p5.loadFont(
-        '/unit/assets/Inconsolata-Bold.ttf'
-      );
-      p5.background(200);
-      p5.strokeWeight(2);
-      p5.textSize(50);
-      const contours = font.textToContours('p5*js', 0, 50, { sampleFactor: 0.5 })
-      p5.beginShape();
-      for (const pts of contours) {
-        p5.beginContour();
-        for (const { x, y } of pts) p5.vertex(x, y);
-        p5.endContour(p5.CLOSE);
+  visualSuite("textSpacing", function () {
+    visualTest("letter spacing", function (p5, screenshot) {
+      p5.createCanvas(500, 300);
+      p5.textSize(24);
+      let yPos = 40;
+
+      for (let i = 0; i < 8; i++) {
+        const spacing = p5.map(i, 0, 8, -3, 7) + "px";
+        p5.textProperty("letterSpacing", spacing);
+        p5.text(`Hello world (spacing: ${spacing})`, 20, yPos);
+        yPos += 35;
+      }
+      screenshot();
+    });
+
+    visualTest("word spacing", function (p5, screenshot) {
+      p5.createCanvas(500, 300);
+      p5.textSize(24);
+      let yPos = 40;
+
+      for (let i = 0; i < 8; i++) {
+        const spacing = p5.map(i, 0, 8, 0, 60) + "px";
+        p5.textProperty("wordSpacing", spacing);
+        p5.text(`Hello world (spacing: ${spacing})`, 20, yPos);
+        yPos += 35;
       }
-      p5.endShape();
       screenshot();
     });
   });
 
-  visualSuite('textToPaths', function() {
-    visualTest('Fonts can be converted to drawing context commands', async function(p5, screenshot) {
-      p5.createCanvas(100, 100);
-      const font = await p5.loadFont(
-        '/unit/assets/Inconsolata-Bold.ttf'
-      );
-      p5.background(200);
-      p5.strokeWeight(2);
-      p5.textSize(50);
-      const cmds = font.textToPaths('p5*js', 0, 50)
-      p5.drawingContext.beginPath();
-      for (const [type, ...args] of cmds) {
-        if (type === 'M') {
-          p5.drawingContext.moveTo(...args);
-        } else if (type === 'L') {
-          p5.drawingContext.lineTo(...args);
-        } else if (type === 'C') {
-          p5.drawingContext.bezierCurveTo(...args);
-        } else if (type === 'Q') {
-          p5.drawingContext.quadraticCurveTo(...args);
-        } else if (type === 'Z') {
-          p5.drawingContext.closePath();
-        }
+  visualSuite("textBounds", function () {
+    visualTest(
+      "single line bounds with different rect modes",
+      function (p5, screenshot) {
+        p5.createCanvas(500, 400);
+        const modes = [p5.CORNER, p5.CORNERS, p5.CENTER, p5.RADIUS];
+        const modeNames = ["CORNER", "CORNERS", "CENTER", "RADIUS"];
+        let yPos = 50;
+
+        modes.forEach((mode, i) => {
+          p5.rectMode(mode);
+          const text = `Mode: ${modeNames[i]}`;
+          const bb = p5.textBounds(text, 100, yPos);
+
+          p5.noFill();
+          p5.stroke("red");
+          p5.rect(bb.x, bb.y, bb.w, bb.h);
+
+          p5.fill(0);
+          p5.noStroke();
+          p5.text(text, 100, yPos);
+
+          yPos += 80;
+        });
+        screenshot();
       }
-      p5.drawingContext.fill();
-      p5.drawingContext.stroke();
+    );
+
+    visualTest("RTL text bounds", function (p5, screenshot) {
+      p5.createCanvas(400, 200);
+      const rtlText = "السلام عليكم";
+      p5.textSize(24);
+
+      p5.textAlign(p5.LEFT);
+      const bbLeft = p5.textBounds(rtlText, 50, 50);
+      p5.text(rtlText, 50, 50);
+      p5.noFill();
+      p5.stroke("red");
+      p5.rect(bbLeft.x, bbLeft.y, bbLeft.w, bbLeft.h);
+
+      p5.textAlign(p5.RIGHT);
+      const bbRight = p5.textBounds(rtlText, 350, 150);
+      p5.text(rtlText, 350, 150);
+      p5.noFill();
+      p5.stroke("red");
+      p5.rect(bbRight.x, bbRight.y, bbRight.w, bbRight.h);
+
       screenshot();
     });
   });
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed curve loops/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed curve loops/000.png
index 80536c3fec..7a0355d5d1 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed curve loops/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed curve loops/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed curves/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed curves/000.png
index 9260c77d47..64cfc778a6 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed curves/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed curves/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed polylines/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed polylines/000.png
index b095ec8054..0a81fd5b64 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed polylines/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed polylines/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing polylines/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing polylines/000.png
index e7fb86f784..95d55dd4fe 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing polylines/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing polylines/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing quad strips/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing quad strips/000.png
index 6991e9e2db..dd48c0e796 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing quad strips/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing quad strips/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle fans/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle fans/000.png
index 1802b73568..7c0669c38f 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle fans/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle fans/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle strips/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle strips/000.png
index b91dfd95af..cf79c2e3aa 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle strips/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle strips/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangles/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangles/000.png
deleted file mode 100644
index 597cdeebda..0000000000
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangles/000.png and /dev/null differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with contours/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with contours/000.png
index 179d949b9d..797f1ad37b 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with contours/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with contours/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with cubic beziers/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with cubic beziers/000.png
index 4ed36210fc..e9902cae79 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with cubic beziers/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with cubic beziers/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves in the middle of other shapes/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves in the middle of other shapes/000.png
index 3645b1eabc..f0bff0fd6a 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves in the middle of other shapes/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves in the middle of other shapes/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves with hidden ends/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves with hidden ends/000.png
index 7956ab38f6..95a42e0fb4 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves with hidden ends/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves with hidden ends/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves with tightness/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves with tightness/000.png
index 9fbba3cbf3..d00a3e194b 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves with tightness/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves with tightness/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves/000.png
index 593867d9c8..d00a3e194b 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with lines/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with lines/000.png
index a48c6dc9fe..1f406df9ba 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with lines/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with lines/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with points/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with points/000.png
index 1dbab4cbff..e1adca3185 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with points/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with points/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with quadratic beziers/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with quadratic beziers/000.png
index 7fbf3699b2..f2cebc5314 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with quadratic beziers/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with quadratic beziers/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with triangles/000.png b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with triangles/000.png
index 597cdeebda..5f93997319 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with triangles/000.png and b/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with triangles/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D cubic coordinates/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D cubic coordinates/000.png
index 6c6530c43f..1d52380287 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D cubic coordinates/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D cubic coordinates/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D quadratic coordinates/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D quadratic coordinates/000.png
index 939a41d90b..bbf953b4cb 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D quadratic coordinates/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D quadratic coordinates/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D vertex coordinates/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D vertex coordinates/000.png
index fe084aace4..3e93634d13 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D vertex coordinates/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/3D vertex coordinates/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing closed curve loops/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing closed curve loops/000.png
index 3a429788b4..3342850bbc 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing closed curve loops/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing closed curve loops/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing closed curves/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing closed curves/000.png
index 3a361da3d2..c09d432a68 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing closed curves/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing closed curves/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing triangles/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing triangles/000.png
deleted file mode 100644
index 378333ea08..0000000000
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing triangles/000.png and /dev/null differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with cubic beziers/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with cubic beziers/000.png
index c19dfb55c6..f3e75931bf 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with cubic beziers/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with cubic beziers/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves in the middle of other shapes/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves in the middle of other shapes/000.png
index 141baf4e29..5202ff95a9 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves in the middle of other shapes/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves in the middle of other shapes/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves with hidden ends/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves with hidden ends/000.png
index 88984a153a..3f95daf4dc 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves with hidden ends/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves with hidden ends/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves with tightness/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves with tightness/000.png
index 8d123f745f..b787cdeef8 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves with tightness/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves with tightness/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves/000.png
index 83b03bbe38..b787cdeef8 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with curves/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with quadratic beziers/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with quadratic beziers/000.png
index 3da041c6d4..a6383b3a83 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with quadratic beziers/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with quadratic beziers/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with triangles/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with triangles/000.png
index 86d7ff195c..378333ea08 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with triangles/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing with triangles/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Normalized texture coordinates/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Normalized texture coordinates/000.png
index 1e42d47ee4..45e14de61e 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Normalized texture coordinates/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Normalized texture coordinates/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-control point fills/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-control point fills/000.png
index e07875af6e..e8c1b764cf 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-control point fills/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-control point fills/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-control point strokes/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-control point strokes/000.png
index b5d899f13a..14b1e15246 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-control point strokes/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-control point strokes/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-vertex strokes/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-vertex strokes/000.png
index dfe5ec29a2..e36cd83f97 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-vertex strokes/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Per-vertex strokes/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Texture coordinates/000.png b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Texture coordinates/000.png
index 1e42d47ee4..45e14de61e 100644
Binary files a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Texture coordinates/000.png and b/test/unit/visual/screenshots/Shape drawing/WebGL mode/Texture coordinates/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/fontProperties/font kerning/000.png b/test/unit/visual/screenshots/Typography/fontProperties/font kerning/000.png
new file mode 100644
index 0000000000..d528547cb8
Binary files /dev/null and b/test/unit/visual/screenshots/Typography/fontProperties/font kerning/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangles/metadata.json b/test/unit/visual/screenshots/Typography/fontProperties/font kerning/metadata.json
similarity index 100%
rename from test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangles/metadata.json
rename to test/unit/visual/screenshots/Typography/fontProperties/font kerning/metadata.json
diff --git a/test/unit/visual/screenshots/Typography/fontProperties/font stretch values/000.png b/test/unit/visual/screenshots/Typography/fontProperties/font stretch values/000.png
new file mode 100644
index 0000000000..7b157d3bb6
Binary files /dev/null and b/test/unit/visual/screenshots/Typography/fontProperties/font stretch values/000.png differ
diff --git a/test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing triangles/metadata.json b/test/unit/visual/screenshots/Typography/fontProperties/font stretch values/metadata.json
similarity index 100%
rename from test/unit/visual/screenshots/Shape drawing/WebGL mode/Drawing triangles/metadata.json
rename to test/unit/visual/screenshots/Typography/fontProperties/font stretch values/metadata.json
diff --git a/test/unit/visual/screenshots/Typography/fontProperties/font variant caps/000.png b/test/unit/visual/screenshots/Typography/fontProperties/font variant caps/000.png
new file mode 100644
index 0000000000..4c663ad9eb
Binary files /dev/null and b/test/unit/visual/screenshots/Typography/fontProperties/font variant caps/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/textFont() with default fonts/With the default font/metadata.json b/test/unit/visual/screenshots/Typography/fontProperties/font variant caps/metadata.json
similarity index 100%
rename from test/unit/visual/screenshots/Typography/textFont() with default fonts/With the default font/metadata.json
rename to test/unit/visual/screenshots/Typography/fontProperties/font variant caps/metadata.json
diff --git a/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-line manual text/000.png b/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-line manual text/000.png
index 7687835897..7719c1718b 100644
Binary files a/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-line manual text/000.png and b/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-line manual text/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-lines and wrap char/000.png b/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-lines and wrap char/000.png
index 6c7d403104..d47c6da8ca 100644
Binary files a/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-lines and wrap char/000.png and b/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-lines and wrap char/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-lines and wrap word/000.png b/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-lines and wrap word/000.png
index ccf569cf57..acc362ea77 100644
Binary files a/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-lines and wrap word/000.png and b/test/unit/visual/screenshots/Typography/textAlign/all alignments with multi-lines and wrap word/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/textAlign/all alignments with single line/000.png b/test/unit/visual/screenshots/Typography/textAlign/all alignments with single line/000.png
new file mode 100644
index 0000000000..1f491d343f
Binary files /dev/null and b/test/unit/visual/screenshots/Typography/textAlign/all alignments with single line/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/textAlign/all alignments with single word/000.png b/test/unit/visual/screenshots/Typography/textAlign/all alignments with single word/000.png
index 2c1e6d3bca..9a2cc674ab 100644
Binary files a/test/unit/visual/screenshots/Typography/textAlign/all alignments with single word/000.png and b/test/unit/visual/screenshots/Typography/textAlign/all alignments with single word/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/textBaseline/baseline alignment with different font sizes/000.png b/test/unit/visual/screenshots/Typography/textBaseline/baseline alignment with different font sizes/000.png
new file mode 100644
index 0000000000..0a6436ede3
Binary files /dev/null and b/test/unit/visual/screenshots/Typography/textBaseline/baseline alignment with different font sizes/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/textFont() with default fonts/With the default monospace font/metadata.json b/test/unit/visual/screenshots/Typography/textBaseline/baseline alignment with different font sizes/metadata.json
similarity index 100%
rename from test/unit/visual/screenshots/Typography/textFont() with default fonts/With the default monospace font/metadata.json
rename to test/unit/visual/screenshots/Typography/textBaseline/baseline alignment with different font sizes/metadata.json
diff --git a/test/unit/visual/screenshots/Typography/textBounds/RTL text bounds/000.png b/test/unit/visual/screenshots/Typography/textBounds/RTL text bounds/000.png
new file mode 100644
index 0000000000..13cfc3816f
Binary files /dev/null and b/test/unit/visual/screenshots/Typography/textBounds/RTL text bounds/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/textBounds/RTL text bounds/metadata.json b/test/unit/visual/screenshots/Typography/textBounds/RTL text bounds/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/Typography/textBounds/RTL text bounds/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/Typography/textBounds/single line bounds with different rect modes/000.png b/test/unit/visual/screenshots/Typography/textBounds/single line bounds with different rect modes/000.png
new file mode 100644
index 0000000000..7fa28cb85e
Binary files /dev/null and b/test/unit/visual/screenshots/Typography/textBounds/single line bounds with different rect modes/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/textBounds/single line bounds with different rect modes/metadata.json b/test/unit/visual/screenshots/Typography/textBounds/single line bounds with different rect modes/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/Typography/textBounds/single line bounds with different rect modes/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/Typography/textFont() with default fonts/With the default font/000.png b/test/unit/visual/screenshots/Typography/textFont() with default fonts/With the default font/000.png
deleted file mode 100644
index 9412be3440..0000000000
Binary files a/test/unit/visual/screenshots/Typography/textFont() with default fonts/With the default font/000.png and /dev/null differ
diff --git a/test/unit/visual/screenshots/Typography/textFont() with default fonts/With the default monospace font/000.png b/test/unit/visual/screenshots/Typography/textFont() with default fonts/With the default monospace font/000.png
deleted file mode 100644
index a88804ae71..0000000000
Binary files a/test/unit/visual/screenshots/Typography/textFont() with default fonts/With the default monospace font/000.png and /dev/null differ
diff --git a/test/unit/visual/screenshots/Typography/textSpacing/letter spacing/000.png b/test/unit/visual/screenshots/Typography/textSpacing/letter spacing/000.png
new file mode 100644
index 0000000000..ba3812e281
Binary files /dev/null and b/test/unit/visual/screenshots/Typography/textSpacing/letter spacing/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/textSpacing/letter spacing/metadata.json b/test/unit/visual/screenshots/Typography/textSpacing/letter spacing/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/Typography/textSpacing/letter spacing/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/Typography/textSpacing/word spacing/000.png b/test/unit/visual/screenshots/Typography/textSpacing/word spacing/000.png
new file mode 100644
index 0000000000..cbe298fbb4
Binary files /dev/null and b/test/unit/visual/screenshots/Typography/textSpacing/word spacing/000.png differ
diff --git a/test/unit/visual/screenshots/Typography/textSpacing/word spacing/metadata.json b/test/unit/visual/screenshots/Typography/textSpacing/word spacing/metadata.json
new file mode 100644
index 0000000000..2d4bfe30da
--- /dev/null
+++ b/test/unit/visual/screenshots/Typography/textSpacing/word spacing/metadata.json	
@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}
\ No newline at end of file
diff --git a/test/unit/visual/screenshots/Typography/textWidth/verify width of a string/000.png b/test/unit/visual/screenshots/Typography/textWidth/verify width of a string/000.png
index ea34acbf31..0e07978ffa 100644
Binary files a/test/unit/visual/screenshots/Typography/textWidth/verify width of a string/000.png and b/test/unit/visual/screenshots/Typography/textWidth/verify width of a string/000.png differ
diff --git a/test/unit/visual/screenshots/WebGL/3DModel/OBJ model with MTL file displays diffuse colors correctly/000.png b/test/unit/visual/screenshots/WebGL/3DModel/OBJ model with MTL file displays diffuse colors correctly/000.png
index ddc88b1044..a0d13fd935 100644
Binary files a/test/unit/visual/screenshots/WebGL/3DModel/OBJ model with MTL file displays diffuse colors correctly/000.png and b/test/unit/visual/screenshots/WebGL/3DModel/OBJ model with MTL file displays diffuse colors correctly/000.png differ
diff --git a/test/unit/visual/screenshots/WebGL/3DModel/Object with different texture coordinates per use of vertex keeps the coordinates intact/000.png b/test/unit/visual/screenshots/WebGL/3DModel/Object with different texture coordinates per use of vertex keeps the coordinates intact/000.png
index bbf407af53..b8a9f66803 100644
Binary files a/test/unit/visual/screenshots/WebGL/3DModel/Object with different texture coordinates per use of vertex keeps the coordinates intact/000.png and b/test/unit/visual/screenshots/WebGL/3DModel/Object with different texture coordinates per use of vertex keeps the coordinates intact/000.png differ
diff --git a/test/unit/visual/screenshots/WebGL/Lights/Fill color and default ambient material/000.png b/test/unit/visual/screenshots/WebGL/Lights/Fill color and default ambient material/000.png
index f6b1feb5b8..d04ce5f7d5 100644
Binary files a/test/unit/visual/screenshots/WebGL/Lights/Fill color and default ambient material/000.png and b/test/unit/visual/screenshots/WebGL/Lights/Fill color and default ambient material/000.png differ
diff --git a/test/unit/visual/screenshots/WebGL/ShaderFunctionality/ImageShader/000.png b/test/unit/visual/screenshots/WebGL/ShaderFunctionality/ImageShader/000.png
index 135079c7f7..5f2a5b0e6d 100644
Binary files a/test/unit/visual/screenshots/WebGL/ShaderFunctionality/ImageShader/000.png and b/test/unit/visual/screenshots/WebGL/ShaderFunctionality/ImageShader/000.png differ
diff --git a/test/unit/visual/screenshots/WebGL/ShaderFunctionality/StrokeShader/000.png b/test/unit/visual/screenshots/WebGL/ShaderFunctionality/StrokeShader/000.png
index 398d95eca4..ca7cfb5c69 100644
Binary files a/test/unit/visual/screenshots/WebGL/ShaderFunctionality/StrokeShader/000.png and b/test/unit/visual/screenshots/WebGL/ShaderFunctionality/StrokeShader/000.png differ
diff --git a/test/unit/visual/screenshots/WebGL/Strokes/Strokes do not cut into fills in ortho mode/000.png b/test/unit/visual/screenshots/WebGL/Strokes/Strokes do not cut into fills in ortho mode/000.png
index 344fa7ceb8..4a61a1a0e5 100644
Binary files a/test/unit/visual/screenshots/WebGL/Strokes/Strokes do not cut into fills in ortho mode/000.png and b/test/unit/visual/screenshots/WebGL/Strokes/Strokes do not cut into fills in ortho mode/000.png differ
diff --git a/test/unit/visual/screenshots/WebGL/vertexProperty/on PATH shape mode/000.png b/test/unit/visual/screenshots/WebGL/vertexProperty/on PATH shape mode/000.png
index 3dcaf9bc31..7e43d3f58c 100644
Binary files a/test/unit/visual/screenshots/WebGL/vertexProperty/on PATH shape mode/000.png and b/test/unit/visual/screenshots/WebGL/vertexProperty/on PATH shape mode/000.png differ
diff --git a/test/unit/visual/screenshots/WebGL/vertexProperty/on buildGeometry outputs containing 3D primitives/000.png b/test/unit/visual/screenshots/WebGL/vertexProperty/on buildGeometry outputs containing 3D primitives/000.png
index 065fd3b563..9a8353804d 100644
Binary files a/test/unit/visual/screenshots/WebGL/vertexProperty/on buildGeometry outputs containing 3D primitives/000.png and b/test/unit/visual/screenshots/WebGL/vertexProperty/on buildGeometry outputs containing 3D primitives/000.png differ