Merge pull request #4 from koundinyad/type-2.0

add test screenshots for v1 and v2

test/unit/visual/cases/type.v1.js

@@ -201,7 +201,7 @@ visualSuite("Type.v1", function () {
     );
 
     visualTest(
-      "all alignments with multi-line Manual Text",
+      "all alignments with multi-line manual text",
       function (p5, screenshot) {
         const alignments = [
           { alignX: p5.LEFT, alignY: p5.TOP },
@@ -293,26 +293,23 @@ visualSuite("Type.v1", function () {
   });
 
   visualSuite("textLeading", function () {
-    visualTest(
-      "text leading with different values",
-      function (p5, screenshot) {
-        p5.createCanvas(300, 200);
-        const leadingValues = [10, 20, 30];
-        let yOffset = 0;
+    visualTest("text leading with different values", function (p5, screenshot) {
+      p5.createCanvas(300, 200);
+      const leadingValues = [10, 20, 30];
+      let yOffset = 0;
 
-        p5.textSize(20);
-        p5.textAlign(p5.LEFT, p5.TOP);
-
-        leadingValues.forEach((leading) => {
-          p5.textLeading(leading);
-          p5.text(`Leading: ${leading}`, 0, yOffset);
-          p5.text("This is a line of text.", 0, yOffset + 30);
-          p5.text("This is another line of text.", 0, yOffset + 30 + leading);
-          yOffset += 30 + leading;
-        });
-        screenshot();
-      }
-    );
+      p5.textSize(20);
+      p5.textAlign(p5.LEFT, p5.TOP);
+
+      leadingValues.forEach((leading) => {
+        p5.textLeading(leading);
+        p5.text(`Leading: ${leading}`, 0, yOffset);
+        p5.text("This is a line of text.", 0, yOffset + 30);
+        p5.text("This is another line of text.", 0, yOffset + 30 + leading);
+        yOffset += 30 + leading;
+      });
+      screenshot();
+    });
   });
 
   visualSuite("textWidth", function () {
@@ -557,10 +554,10 @@ export function visualTest(
       );
       const expected = expectedScreenshots
         ? await Promise.all(
-          expectedFilenames.map((path) =>
-            myp5.loadImage("/unit/visual" + path.slice(2))
+            expectedFilenames.map((path) =>
+              myp5.loadImage("/unit/visual" + path.slice(2))
+            )
           )
-        )
         : [];
 
       for (let i = 0; i < actual.length; i++) {
@@ -573,8 +570,8 @@ export function visualTest(
               )}\n\nReceived:\n${toBase64(actual[i])}\n\nDiff:\n${toBase64(
                 result.diff
               )}\n\n` +
-              "If this is unexpected, paste these URLs into your browser to inspect them.\n\n" +
-              `If this change is expected, please delete the screenshots/${name} folder and run tests again to generate a new screenshot.`
+                "If this is unexpected, paste these URLs into your browser to inspect them.\n\n" +
+                `If this change is expected, please delete the screenshots/${name} folder and run tests again to generate a new screenshot.`
             );
           }
         } else {

test/unit/visual/cases/type.v2.js

@@ -196,7 +196,7 @@ visualSuite("Type.v2", function () {
     );
 
     visualTest(
-      "all alignments with multi-line Manual Text",
+      "all alignments with multi-line manual text",
       function (p5, screenshot) {
         const alignments = [
           { alignX: p5.LEFT, alignY: p5.TOP },
@@ -288,26 +288,23 @@ visualSuite("Type.v2", function () {
   });
 
   visualSuite("textLeading", function () {
-    visualTest(
-      "text leading with different values",
-      function (p5, screenshot) {
-        p5.createCanvas(300, 200);
-        const leadingValues = [10, 20, 30];
-        let yOffset = 0;
+    visualTest("text leading with different values", function (p5, screenshot) {
+      p5.createCanvas(300, 200);
+      const leadingValues = [10, 20, 30];
+      let yOffset = 0;
 
-        p5.textSize(20);
-        p5.textAlign(p5.LEFT, p5.TOP);
-
-        leadingValues.forEach((leading) => {
-          p5.textLeading(leading);
-          p5.text(`Leading: ${leading}`, 0, yOffset);
-          p5.text("This is a line of text.", 0, yOffset + 30);
-          p5.text("This is another line of text.", 0, yOffset + 30 + leading);
-          yOffset += 30 + leading;
-        });
-        screenshot();
-      }
-    );
+      p5.textSize(20);
+      p5.textAlign(p5.LEFT, p5.TOP);
+
+      leadingValues.forEach((leading) => {
+        p5.textLeading(leading);
+        p5.text(`Leading: ${leading}`, 0, yOffset);
+        p5.text("This is a line of text.", 0, yOffset + 30);
+        p5.text("This is another line of text.", 0, yOffset + 30 + leading);
+        yOffset += 30 + leading;
+      });
+      screenshot();
+    });
   });
 
   visualSuite("textWidth", function () {

test/unit/visual/screenshots/Type.v1/textLeading/text leading with different values/metadata.json

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

test/unit/visual/screenshots/Type.v1/textSize/text sizes comparison/metadata.json

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

test/unit/visual/screenshots/Type.v1/textStyle/all text styles/metadata.json

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

test/unit/visual/screenshots/Type.v1/textWidth/verify width of a string/metadata.json

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

test/unit/visual/screenshots/Type.v2/textAlign/all alignments with multi-line Manual Text/metadata.json

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

test/unit/visual/screenshots/Type.v2/textAlign/all alignments with multi-lines and wrap char/metadata.json

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

test/unit/visual/screenshots/Type.v2/textAlign/all alignments with multi-lines and wrap word/metadata.json

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

test/unit/visual/screenshots/Type.v2/textAlign/all alignments with single line/metadata.json

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

test/unit/visual/screenshots/Type.v2/textAlign/all alignments with single word/metadata.json

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

test/unit/visual/screenshots/Type.v2/textLeading/text leading with different values/metadata.json

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

test/unit/visual/screenshots/Type.v2/textSize/text sizes comparison/metadata.json

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

test/unit/visual/screenshots/Type.v2/textStyle/all text styles/metadata.json

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

test/unit/visual/screenshots/Type.v2/textWidth/verify width of a string/metadata.json

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