resize on top of node tests

packages/dmn-editor/tests/e2e/__fixtures__/palette.ts

@@ -34,6 +34,7 @@ export class Palette {
     if (args.thenRenameTo) {
       await this.nodes.rename({ current: nodeName, new: args.thenRenameTo });
     }
+    await this.diagram.resetFocus();
   }
 
   private getNewNodeProperties(type: NodeType) {

packages/dmn-editor/tests/e2e/drdArtifacts/resizeGroup.spec.ts

@@ -137,4 +137,25 @@ test.describe("Resize node - Group", () => {
       expect(width).toEqual("300");
     });
   });
+
+  test.describe("Resize on top of other node - Group", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.GROUP, targetPosition: { x: 100, y: 100 } });
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 450, y: 150 } });
+    });
+
+    test("should resize Group on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: 200, yOffset: 0 });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-group-on-top-of-decision.png");
+    });
+
+    test("should resize back Group that is on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: 200, yOffset: 0 });
+      await diagram.resetFocus();
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: -200, yOffset: 0 });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-back-group-on-top-of-decision.png");
+    });
+  });
 });

packages/dmn-editor/tests/e2e/drdArtifacts/resizeTextAnnotation.spec.ts

@@ -206,4 +206,40 @@ test.describe("Resize node - Text Annotation", () => {
       expect(width).toEqual("200");
     });
   });
+
+  test.describe("Resize on top of other node - Text Annotation", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.TEXT_ANNOTATION, targetPosition: { x: 100, y: 100 } });
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 450, y: 150 } });
+    });
+
+    test("should resize Text Annotation on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: 200,
+        yOffset: 0,
+      });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-text-annotation-on-top-of-decision.png");
+    });
+
+    test("should resize back Text Annotation that is on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: 200,
+        yOffset: 0,
+      });
+      await diagram.resetFocus();
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: -200,
+        yOffset: 0,
+      });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-back-text-annotation-on-top-of-decision.png");
+    });
+  });
 });

packages/dmn-editor/tests/e2e/drgElements/resizeBkm.spec.ts

@@ -137,4 +137,25 @@ test.describe("Resize node - BKM", () => {
       expect(height).toEqual("100");
     });
   });
+
+  test.describe("Resize on top of other node - BKM", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 250, y: 150 } });
+      await palette.dragNewNode({ type: NodeType.BKM, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should resize BKM on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: 200, yOffset: 0 });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-bkm-on-top-of-decision.png");
+    });
+
+    test("should resize back BKM that is on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: 200, yOffset: 0 });
+      await diagram.resetFocus();
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: -200, yOffset: 0 });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-back-bkm-on-top-of-decision.png");
+    });
+  });
 });

packages/dmn-editor/tests/e2e/drgElements/resizeDecision.spec.ts

@@ -135,4 +135,29 @@ test.describe("Resize node - Decision", () => {
       expect(height).toEqual("100");
     });
   });
+
+  test.describe("Resize on top of other node - Decision", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({
+        type: NodeType.DECISION,
+        targetPosition: { x: 250, y: 150 },
+        thenRenameTo: "Decision2",
+      });
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should resize Decision on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: 200, yOffset: 0 });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-decision-on-top-of-decision.png");
+    });
+
+    test("should resize back Decision that is on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: 200, yOffset: 0 });
+      await diagram.resetFocus();
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: -200, yOffset: 0 });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-back-decision-on-top-of-decision.png");
+    });
+  });
 });

packages/dmn-editor/tests/e2e/drgElements/resizeDecisionService.spec.ts

@@ -206,4 +206,40 @@ test.describe("Resize node - Decision Service", () => {
       expect(height).toEqual("300");
     });
   });
+
+  test.describe("Resize on top of other node - Decision Service", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.DECISION_SERVICE, targetPosition: { x: 100, y: 100 } });
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 450, y: 150 } });
+    });
+
+    test("should resize Decision Service on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: 200,
+        yOffset: 0,
+      });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-decision-service-on-top-of-decision.png");
+    });
+
+    test("should resize back Decision Service that is on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: 200,
+        yOffset: 0,
+      });
+      await diagram.resetFocus();
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: -200,
+        yOffset: 0,
+      });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-back-decision-service-on-top-of-decision.png");
+    });
+  });
 });

packages/dmn-editor/tests/e2e/drgElements/resizeInputData.spec.ts

@@ -137,4 +137,25 @@ test.describe("Resize node - Input Data", () => {
       expect(height).toEqual("100");
     });
   });
+
+  test.describe("Resize on top of other node - Input Data", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 250, y: 150 } });
+      await palette.dragNewNode({ type: NodeType.INPUT_DATA, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should resize Input Data on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: 200, yOffset: 0 });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-input-data-on-top-of-decision.png");
+    });
+
+    test("should resize back Input Data that is on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: 200, yOffset: 0 });
+      await diagram.resetFocus();
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: -200, yOffset: 0 });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-back-input-data-on-top-of-decision.png");
+    });
+  });
 });

packages/dmn-editor/tests/e2e/drgElements/resizeKnowledgeSource.spec.ts

@@ -146,4 +146,25 @@ test.describe("Resize node - Knowledge Source", () => {
       expect(height).toEqual("100");
     });
   });
+
+  test.describe("Resize on top of other node - Knowledge Source", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 250, y: 150 } });
+      await palette.dragNewNode({ type: NodeType.KNOWLEDGE_SOURCE, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should resize Knowledge Source on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: 200, yOffset: 0 });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-knowledge-source-on-top-of-decision.png");
+    });
+
+    test("should resize back Knowledge Source that is on top of Decision node", async ({ nodes, diagram }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: 200, yOffset: 0 });
+      await diagram.resetFocus();
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: -200, yOffset: 0 });
+
+      await expect(diagram.get()).toHaveScreenshot("resize-back-knowledge-source-on-top-of-decision.png");
+    });
+  });
 });