DEV-1155: Rotation behavior (#397)

* [fix] Fix transformer behavior

- moved transformer background out of ImageTransformer and stop using Portal component
- reworked of LSTransformer and drag bounding functions to make dragging of multiple regions synchronous
- removed influence of outter transformer background on transformer area size and its recalculation triggering
- stopped listening history by transformer 'cause it isn't nessecary anymore

* [fix] Prevent skewing during transformation

* [fix] Fix selected area position while zooming

* [fix] Fix wrong units of rotation angle in transformer bound box function

* [ext] Add tests for transformer and dragging of image regions

* Fix tests

* refactor: DEV-1155: Refactor of condition for skipping nodes attaching

* test: DEV-1155: Fix drawing of polygon in multiple region transforming test

* fix: DEV-1155: Fix dragging polygon regions

* Fix: DEV-1155: Fix rotated region stucking at corners

Co-authored-by: Nick Skriabin <[email protected]>
Co-authored-by: Max Tkachenko <[email protected]>

Author: 3 people

e2e/fragments/AtImageView.js

@@ -109,6 +109,18 @@ module.exports = {
     return count;
   },
 
+  async isTransformerExist() {
+    const isTransformerExist = await I.executeAsyncScript(Helpers.isTransformerExist);
+
+    return isTransformerExist;
+  },
+
+  async isRotaterExist() {
+    const isRotaterExist = await I.executeAsyncScript(Helpers.isRotaterExist);
+
+    return isRotaterExist;
+  },
+
   /**
    * Mousedown - mousemove - mouseup drawing on the ImageView. Works in couple of lookForStage.
    * @example

e2e/tests/helpers.js

@@ -369,6 +369,20 @@ const countKonvaShapes = async done => {
   done(count);
 };
 
+const isTransformerExist = async done => {
+  const stage = window.Konva.stages[0];
+  const achors = stage.find("._anchor").filter(shape => shape.getAttr("visible") !== false);
+
+  done(!!achors.length);
+};
+
+const isRotaterExist = async done => {
+  const stage = window.Konva.stages[0];
+  const achors = stage.find(".rotater").filter(shape => shape.getAttr("visible") !== false);
+
+  done(!!achors.length);
+};
+
 const switchRegionTreeView = (viewName, done) => {
   Htx.annotationStore.selected.regionStore.setView(viewName);
   done();
@@ -518,6 +532,8 @@ module.exports = {
   setZoom,
   whereIsPixel,
   countKonvaShapes,
+  isTransformerExist,
+  isRotaterExist,
   switchRegionTreeView,
   hasSelectedRegion,