tests() adding an extra controls test where the group are transformed (…

…#7736)
fabricjs · Feb 24, 2022 · f13075c · f13075c
1 parent bae062c
commit f13075c
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/test/visual/control_rendering.js b/test/visual/control_rendering.js
@@ -318,5 +318,39 @@
     fabricClass: 'Canvas',
   });
 
+  function controlBoxes2(canvas, callback) {
+    canvas.loadFromJSON('{"version":"5.2.0","objects":[{"type":"rect","version":"5.2.0","left":38,"top":201,"width":150,"height":150,"fill":"red","skewX":0.15,"skewY":36},{"type":"rect","version":"5.2.0","left":20,"top":2,"width":150,"height":150,"fill":"#020aed","scaleX":1.24,"scaleY":0.81,"angle":35.95,"skewX":25.46},{"type":"group","version":"5.2.0","left":152.65,"top":21,"width":320.4,"height":335.5,"scaleX":0.75,"skewY":24.57,"objects":[{"type":"rect","version":"5.2.0","left":-29.85,"top":-167.75,"width":150,"height":150,"fill":"green","angle":30,"skewX":14.71,"skewY":36},{"type":"rect","version":"5.2.0","left":-29.85,"top":-167.75,"width":150,"height":150,"fill":"yellow","angle":45,"skewX":14.71}]},{"type":"group","version":"5.2.0","left":329.65,"top":65,"width":320.4,"height":335.5,"scaleX":1.29,"scaleY":1.29,"objects":[{"type":"rect","version":"5.2.0","left":-29.85,"top":-167.75,"width":150,"height":150,"fill":"purple","angle":30,"skewX":14.71,"skewY":36},{"type":"rect","version":"5.2.0","left":-29.85,"top":-167.75,"width":150,"height":150,"fill":"pink","angle":45,"skewX":14.71}]}]}')
+      .then(function() {
+        canvas.renderAll();
+        canvas.getObjects().forEach(function(object) {
+          object.borderScaleFactor = 3;
+          object.transparentCorners = false;
+          object._renderControls(canvas.contextContainer, {
+            borderColor: object.fill,
+            cornerColor: object.fill,
+          });
+          object._objects && object.getObjects().forEach(function(subTarget) {
+            subTarget.borderScaleFactor = 3;
+            subTarget.transparentCorners = false;
+            subTarget._renderControls(canvas.contextContainer, {
+              borderColor: subTarget.fill,
+              cornerColor: subTarget.fill,
+            });
+          });
+        });
+        callback(canvas.lowerCanvasEl);
+      });
+  }
+
+  tests.push({
+    test: 'controlboxes with skewY, green is wrong and needs fix',
+    code: controlBoxes2,
+    golden: 'controls13.png',
+    percentage: 0.002,
+    width: 700,
+    height: 600,
+    fabricClass: 'Canvas',
+  });
+
   tests.forEach(visualTestLoop(QUnit));
 })();
diff --git a/test/visual/golden/controls13.png b/test/visual/golden/controls13.png