Add shape drawing test cases

Author: davepagurek

test/unit/visual/cases/shapes.js

@@ -0,0 +1,172 @@
+import { visualSuite, visualTest } from '../visualTest';
+
+visualSuite('Shape drawing', function() {
+  for (const mode of ['2D', 'WebGL']) {
+    visualSuite(`${mode} mode`, function() {
+      const setup = (p5) => {
+        p5.createCanvas(50, 50, mode === '2D' ? p5.P2D : p5.WEBGL);
+        if (mode !== '2D') {
+          p5.translate(-p5.width / 2, -p5.height / 2);
+        }
+        p5.background(200);
+        p5.fill(255);
+        p5.stroke(0);
+      }
+
+      visualTest('Drawing polylines', function(p5, screenshot) {
+        setup(p5);
+        p5.beginShape();
+        p5.vertex(10, 10);
+        p5.vertex(15, 40);
+        p5.vertex(40, 35);
+        p5.vertex(25, 15);
+        p5.vertex(15, 25);
+        p5.endShape();
+        screenshot();
+      });
+
+      visualTest('Drawing with contours', function(p5, screenshot) {
+        setup(p5);
+
+        const vertexCircle = (x, y, r, direction) => {
+          for (let i = 0; i <= 12; i++) {
+            const angle = p5.map(i, 0, 12, 0, p5.TWO_PI) * direction;
+            p5.vertex(x + r * p5.cos(angle), y + r * p5.sin(angle));
+          }
+        }
+
+        p5.beginShape();
+        vertexCircle(15, 15, 10, 1);
+
+        // Inner cutout
+        p5.beginContour();
+        vertexCircle(15, 15, 5, -1);
+        p5.endContour();
+
+        // Outer shape
+        p5.beginContour();
+        vertexCircle(30, 30, 8, -1);
+        p5.endContour();
+        p5.endShape();
+
+        screenshot();
+      });
+
+      visualTest('Drawing triangle fans', function(p5, screenshot) {
+        setup(p5);
+        p5.beginShape(p5.TRIANGLE_FAN);
+        p5.vertex(25, 25);
+        for (let i = 0; i <= 12; i++) {
+          const angle = p5.map(i, 0, 12, 0, p5.TWO_PI);
+          p5.vertex(25 + 10*p5.cos(angle), 25 + 10*p5.sin(angle));
+        }
+        p5.endShape();
+        screenshot();
+      });
+
+      visualTest('Drawing triangle strips', function(p5, screenshot) {
+        setup(p5);
+        p5.beginShape(p5.TRIANGLE_STRIP);
+        p5.vertex(10, 10);
+        p5.vertex(30, 10);
+        p5.vertex(15, 20);
+        p5.vertex(35, 20);
+        p5.vertex(10, 40);
+        p5.vertex(30, 40);
+        p5.endShape();
+        screenshot();
+      });
+
+      visualTest('Drawing quad strips', function(p5, screenshot) {
+        setup(p5);
+        p5.beginShape(p5.QUAD_STRIP);
+        p5.vertex(10, 10);
+        p5.vertex(30, 10);
+        p5.vertex(15, 20);
+        p5.vertex(35, 20);
+        p5.vertex(10, 40);
+        p5.vertex(30, 40);
+        p5.endShape();
+        screenshot();
+      });
+
+      visualTest('Drawing closed polylines', function(p5, screenshot) {
+        setup(p5);
+        p5.beginShape();
+        p5.vertex(10, 10);
+        p5.vertex(15, 40);
+        p5.vertex(40, 35);
+        p5.vertex(25, 15);
+        p5.vertex(15, 25);
+        p5.endShape(p5.CLOSE);
+        screenshot();
+      });
+
+      visualTest('Drawing with curves', function(p5, screenshot) {
+        setup(p5);
+        p5.beginShape();
+        p5.curveVertex(10, 10);
+        p5.curveVertex(10, 10);
+        p5.curveVertex(15, 40);
+        p5.curveVertex(40, 35);
+        p5.curveVertex(25, 15);
+        p5.curveVertex(15, 25);
+        p5.curveVertex(15, 25);
+        p5.endShape();
+        screenshot();
+      });
+
+      visualTest('Drawing with curves with tightness', function(p5, screenshot) {
+        setup(p5);
+        p5.curveTightness(0.5);
+        p5.beginShape();
+        p5.curveVertex(10, 10);
+        p5.curveVertex(10, 10);
+        p5.curveVertex(15, 40);
+        p5.curveVertex(40, 35);
+        p5.curveVertex(25, 15);
+        p5.curveVertex(15, 25);
+        p5.curveVertex(15, 25);
+        p5.endShape();
+        screenshot();
+      });
+
+      visualTest('Drawing closed curve loops', function(p5, screenshot) {
+        setup(p5);
+        p5.beginShape();
+        p5.curveVertex(10, 10);
+        p5.curveVertex(15, 40);
+        p5.curveVertex(40, 35);
+        p5.curveVertex(25, 15);
+        p5.curveVertex(15, 25);
+        // Repeat first 3 points
+        p5.curveVertex(10, 10);
+        p5.curveVertex(15, 40);
+        p5.curveVertex(40, 35);
+        p5.endShape();
+        screenshot();
+      });
+
+      visualTest('Drawing with cubic beziers', function(p5, screenshot) {
+        setup(p5);
+        p5.beginShape();
+        p5.vertex(10, 10);
+        p5.bezierVertex(10, 10, 15, 40, 40, 35);
+        p5.bezierVertex(25, 15, 15, 25, 15, 25);
+        p5.endShape();
+        screenshot();
+      });
+
+      visualTest('Drawing with quadratic beziers', function(p5, screenshot) {
+        setup(p5);
+        p5.beginShape();
+        p5.vertex(10, 10);
+        p5.quadraticVertex(10, 10, 15, 40);
+        p5.quadraticVertex(40, 35, 25, 15);
+        p5.quadraticVertex(15, 25, 10, 10);
+        p5.endShape();
+        screenshot();
+      });
+    });
+  }
+});

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed curve loops/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed curve loops/metadata.json

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed polylines/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing closed polylines/metadata.json

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing polylines/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing polylines/metadata.json

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing quad strips/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing quad strips/metadata.json

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle fans/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle fans/metadata.json

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle strips/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangle strips/metadata.json

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangles/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing triangles/metadata.json

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with contours/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with contours/metadata.json

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with cubic beziers/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with cubic beziers/metadata.json

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves with tightness/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves with tightness/metadata.json

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with curves/metadata.json

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with quadratic beziers/000.png

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

test/unit/visual/screenshots/Shape drawing/2D mode/Drawing with quadratic beziers/metadata.json

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