Add visual tests for vertical alignment

Author: davepagurek

test/unit/visual/cases/typography.js

@@ -145,6 +145,36 @@ visualSuite('Typography', function () {
     });
   });
 
+  visualSuite('vertical centering', function() {
+    const fonts = {
+      Inter: 'https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZhrib2Bg-4.ttf',
+      Raleway: 'https://fonts.gstatic.com/s/raleway/v36/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCPNLA3JC9c.ttf',
+      'Inknut Antiqua': 'https://fonts.gstatic.com/s/inknutantiqua/v16/Y4GRYax7VC4ot_qNB4nYpBdaKU2_xbj5bBoIYJNf.ttf',
+      Oswald: 'https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvgUFoZAaRliE.ttf',
+    };
+    for (const mode of ['2d', 'webgl']) {
+      for (const fontName in fonts) {
+        visualTest(`${fontName} in ${mode} mode`, async function (p5, screenshot) {
+          p5.createCanvas(200, 50, mode === 'webgl' ? p5.WEBGL : p5.P2D);
+          p5.background(255);
+          const font = await p5.loadFont(fonts[fontName]);
+          if (mode === '2d') p5.translate(p5.width/2, p5.height/2);
+          p5.textFont(font);
+
+          p5.stroke('red');
+          p5.line(-p5.width/2, 0, p5.width/2, 0);
+
+          p5.noStroke();
+          p5.fill(0);
+          p5.textSize(20);
+          p5.textAlign(p5.CENTER, p5.CENTER);
+          p5.text('Vertical align', 0, 0);
+          screenshot();
+        });
+      }
+    }
+  });
+
   visualSuite('textAlign', function () {
     for (const mode of ['2d', 'webgl']) {
       visualSuite(`${mode} mode`, () => {

test/unit/visual/screenshots/Typography/vertical centering/Inknut Antiqua in 2d mode/000.png

@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}

test/unit/visual/screenshots/Typography/vertical centering/Inknut Antiqua in 2d mode/metadata.json

@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}

test/unit/visual/screenshots/Typography/vertical centering/Inknut Antiqua in webgl mode/000.png

@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}

test/unit/visual/screenshots/Typography/vertical centering/Inknut Antiqua in webgl mode/metadata.json

@@ -0,0 +1,3 @@
+{
+  "numScreenshots": 1
+}