diff --git a/packages/dmn-editor/src/diagram/nodes/Nodes.tsx b/packages/dmn-editor/src/diagram/nodes/Nodes.tsx
index fbe0e0ff2cb..9d35cfec116 100644
--- a/packages/dmn-editor/src/diagram/nodes/Nodes.tsx
+++ b/packages/dmn-editor/src/diagram/nodes/Nodes.tsx
@@ -279,6 +279,7 @@ export const InputDataNode = React.memo(
                 nodeType={type as typeof NODE_TYPES.inputData}
                 snapGrid={snapGrid}
                 nodeId={id}
+                nodeName={inputData["@_label"] ?? inputData["@_name"]}
                 nodeShapeIndex={shape.index}
                 isAlternativeInputDataShape={isAlternativeInputDataShape}
               />
@@ -466,6 +467,7 @@ export const DecisionNode = React.memo(
               nodeType={type as typeof NODE_TYPES.decision}
               snapGrid={snapGrid}
               nodeId={id}
+              nodeName={decision["@_label"] ?? decision["@_name"] ?? ""}
               nodeShapeIndex={shape.index}
             />
           )}
@@ -604,6 +606,7 @@ export const BkmNode = React.memo(
               nodeType={type as typeof NODE_TYPES.bkm}
               snapGrid={snapGrid}
               nodeId={id}
+              nodeName={bkm["@_label"] ?? bkm["@_name"] ?? ""}
               nodeShapeIndex={shape.index}
             />
           )}
@@ -730,6 +733,7 @@ export const KnowledgeSourceNode = React.memo(
               nodeType={type as typeof NODE_TYPES.knowledgeSource}
               snapGrid={snapGrid}
               nodeId={id}
+              nodeName={knowledgeSource["@_label"] ?? knowledgeSource["@_name"] ?? ""}
               nodeShapeIndex={shape.index}
             />
           )}
@@ -846,6 +850,7 @@ export const TextAnnotationNode = React.memo(
               nodeType={type as typeof NODE_TYPES.textAnnotation}
               snapGrid={snapGrid}
               nodeId={id}
+              nodeName={textAnnotation["@_label"] ?? textAnnotation.text?.__$$text ?? ""}
               nodeShapeIndex={shape.index}
             />
           )}
@@ -1042,6 +1047,7 @@ export const DecisionServiceNode = React.memo(
               nodeType={type as typeof NODE_TYPES.decisionService}
               snapGrid={snapGrid}
               nodeId={id}
+              nodeName={decisionService["@_label"] ?? decisionService["@_name"] ?? ""}
               nodeShapeIndex={shape.index}
             />
           )}
@@ -1187,6 +1193,7 @@ export const GroupNode = React.memo(
               nodeType={type as typeof NODE_TYPES.group}
               snapGrid={snapGrid}
               nodeId={id}
+              nodeName={group["@_label"] ?? group["@_name"] ?? ""}
               nodeShapeIndex={shape.index}
             />
           )}
@@ -1263,6 +1270,7 @@ export const UnknownNode = React.memo(
               nodeType={type as typeof NODE_TYPES.unknown}
               snapGrid={snapGrid}
               nodeId={id}
+              nodeName={"unknown"}
               nodeShapeIndex={shape.index}
             />
           )}
@@ -1293,6 +1301,7 @@ const resizerControlStyle = {
 type NodeResizeHandleProps = {
   snapGrid: SnapGrid;
   nodeId: string;
+  nodeName: string;
   nodeShapeIndex: number;
 } & (
   | { nodeType: Extract<NodeType, typeof NODE_TYPES.inputData>; isAlternativeInputDataShape: boolean }
@@ -1312,6 +1321,7 @@ export function NodeResizerHandle(props: NodeResizeHandleProps) {
   return (
     <RF.NodeResizeControl style={resizerControlStyle} minWidth={minSize["@_width"]} minHeight={minSize["@_height"]}>
       <div
+        data-testid={`${props.nodeName}-resize-handle`}
         style={{
           position: "absolute",
           top: "-10px",
diff --git a/packages/dmn-editor/src/overlaysPanel/OverlaysPanel.tsx b/packages/dmn-editor/src/overlaysPanel/OverlaysPanel.tsx
index f964ee90256..5bb3e0a31b0 100644
--- a/packages/dmn-editor/src/overlaysPanel/OverlaysPanel.tsx
+++ b/packages/dmn-editor/src/overlaysPanel/OverlaysPanel.tsx
@@ -50,6 +50,7 @@ export function OverlaysPanel() {
         </FormGroup>
         <FormGroup label="Horizontal">
           <Slider
+            data-testid={"horizontal-snapping-control"}
             className={"kie-dmn-editor--snap-slider"}
             isDisabled={!diagram.snapGrid.isEnabled}
             value={diagram.snapGrid.x}
@@ -69,6 +70,7 @@ export function OverlaysPanel() {
         </FormGroup>
         <FormGroup label="Vertical">
           <Slider
+            data-testid={"vertical-snapping-control"}
             className={"kie-dmn-editor--snap-slider"}
             isDisabled={!diagram.snapGrid.isEnabled}
             value={diagram.snapGrid.y}
diff --git a/packages/dmn-editor/src/propertiesPanel/ColorPicker.tsx b/packages/dmn-editor/src/propertiesPanel/ColorPicker.tsx
index 9626bcbbb6e..1189cc0a149 100644
--- a/packages/dmn-editor/src/propertiesPanel/ColorPicker.tsx
+++ b/packages/dmn-editor/src/propertiesPanel/ColorPicker.tsx
@@ -26,6 +26,7 @@ export function ColorPicker(props: {
   colorPickerRef?: React.MutableRefObject<HTMLInputElement>;
   icon?: React.ReactNode;
   colorDisplay?: React.ReactNode;
+  name: string;
 }) {
   const inputRef = useRef<HTMLInputElement>(null);
 
@@ -56,7 +57,9 @@ export function ColorPicker(props: {
               }
             }
           }}
-          aria-label={"Font color"}
+          name={props.name}
+          data-testid={`color-picker-${props.name}`}
+          aria-label={"Color picker"}
           type={"color"}
           disabled={false}
           value={props.color}
diff --git a/packages/dmn-editor/src/propertiesPanel/DiagramPropertiesPanel.tsx b/packages/dmn-editor/src/propertiesPanel/DiagramPropertiesPanel.tsx
index 2a6992c4302..1ee4a23206c 100644
--- a/packages/dmn-editor/src/propertiesPanel/DiagramPropertiesPanel.tsx
+++ b/packages/dmn-editor/src/propertiesPanel/DiagramPropertiesPanel.tsx
@@ -35,6 +35,7 @@ export function DiagramPropertiesPanel() {
 
   return (
     <DrawerPanelContent
+      data-testid="properties-panel-container"
       isResizable={true}
       minSize={"300px"}
       defaultSize={"500px"}
diff --git a/packages/dmn-editor/src/propertiesPanel/FontOptions.tsx b/packages/dmn-editor/src/propertiesPanel/FontOptions.tsx
index ac113a6c48c..6f3bd2de834 100644
--- a/packages/dmn-editor/src/propertiesPanel/FontOptions.tsx
+++ b/packages/dmn-editor/src/propertiesPanel/FontOptions.tsx
@@ -23,7 +23,6 @@ import { FormSection } from "@patternfly/react-core/dist/js/components/Form";
 import { NumberInput } from "@patternfly/react-core/dist/js/components/NumberInput";
 import { Select, SelectOption, SelectVariant } from "@patternfly/react-core/dist/js/components/Select";
 import { ToggleGroup, ToggleGroupItem } from "@patternfly/react-core/dist/js/components/ToggleGroup";
-import { Tooltip } from "@patternfly/react-core/dist/js/components/Tooltip";
 import { PencilAltIcon } from "@patternfly/react-icons/dist/js/icons/pencil-alt-icon";
 import { UndoAltIcon } from "@patternfly/react-icons/dist/js/icons/undo-alt-icon";
 import * as React from "react";
@@ -359,11 +358,12 @@ export function FontOptions({ startExpanded, nodeIds }: { startExpanded: boolean
                 <ToggleGroupItem
                   key={FontStyleToggleOptions.FONT_COLOR}
                   className={"kie-dmn-editor--font-options-toggle-group-item-color-picker"}
-                  aria-label={"Toggle font strike through"}
+                  aria-label={"Font color"}
                   buttonId={FontStyleToggleOptions.FONT_COLOR}
                   onClick={() => colorPickerRef.current?.click()}
                   text={
                     <ColorPicker
+                      name={"font"}
                       icon={<p>A</p>}
                       colorPickerRef={colorPickerRef}
                       color={fontColor}
@@ -374,22 +374,24 @@ export function FontOptions({ startExpanded, nodeIds }: { startExpanded: boolean
               </ToggleGroup>
             </div>
             <br />
-            <Select
-              toggleRef={toggleRef}
-              variant={SelectVariant.single}
-              aria-label={"Select font style"}
-              isOpen={isFontFamilySelectOpen}
-              onSelect={onSelectFont}
-              onToggle={() => setFontFamilySelectOpen((prev) => !prev)}
-              selections={fontFamily ?? ""}
-              isDisabled={false}
-              maxHeight={inViewTimezoneSelect.maxHeight}
-              direction={inViewTimezoneSelect.direction}
-            >
-              {WEBSAFE_FONTS_LIST.map((fontName, index) => (
-                <SelectOption key={index} value={fontName} style={{ fontFamily: fontName }} />
-              ))}
-            </Select>
+            <div data-testid="properties-panel-node-font-style">
+              <Select
+                toggleRef={toggleRef}
+                variant={SelectVariant.single}
+                aria-label={"Select font style"}
+                isOpen={isFontFamilySelectOpen}
+                onSelect={onSelectFont}
+                onToggle={() => setFontFamilySelectOpen((prev) => !prev)}
+                selections={fontFamily ?? ""}
+                isDisabled={false}
+                maxHeight={inViewTimezoneSelect.maxHeight}
+                direction={inViewTimezoneSelect.direction}
+              >
+                {WEBSAFE_FONTS_LIST.map((fontName, index) => (
+                  <SelectOption key={index} value={fontName} style={{ fontFamily: fontName }} />
+                ))}
+              </Select>
+            </div>
           </div>
         </FormSection>
       )}
diff --git a/packages/dmn-editor/src/propertiesPanel/GlobalDiagramProperties.tsx b/packages/dmn-editor/src/propertiesPanel/GlobalDiagramProperties.tsx
index 0e3b7249508..58225f595d2 100644
--- a/packages/dmn-editor/src/propertiesPanel/GlobalDiagramProperties.tsx
+++ b/packages/dmn-editor/src/propertiesPanel/GlobalDiagramProperties.tsx
@@ -151,6 +151,7 @@ export function GlobalDiagramProperties() {
             <FormSection style={{ paddingLeft: "20px", marginTop: 0 }}>
               <FormGroup label="ID">
                 <ClipboardCopy
+                  placeholder="Enter a diagram ID..."
                   isReadOnly={false}
                   hoverTip="Copy"
                   clickTip="Copied"
@@ -166,6 +167,7 @@ export function GlobalDiagramProperties() {
 
               <FormGroup label="Namespace">
                 <ClipboardCopy
+                  placeholder="Enter a diagram Namespace..."
                   isReadOnly={false}
                   hoverTip="Copy"
                   clickTip="Copied"
diff --git a/packages/dmn-editor/src/propertiesPanel/PropertiesPanelHeader.tsx b/packages/dmn-editor/src/propertiesPanel/PropertiesPanelHeader.tsx
index 197658e1a5c..7532e7f2dfc 100644
--- a/packages/dmn-editor/src/propertiesPanel/PropertiesPanelHeader.tsx
+++ b/packages/dmn-editor/src/propertiesPanel/PropertiesPanelHeader.tsx
@@ -56,7 +56,7 @@ export function PropertiesPanelHeader(props: {
         {props.expands && (
           <div className={"kie-dmn-editor--properties-panel-header-toogle-expanded"}>
             <Button
-              title={"Expand / collapse documentation link"}
+              title={`Expand / collapse ${props.title}`}
               variant={ButtonVariant.plain}
               className={"kie-dmn-editor--documentation-link--row-expand-toogle"}
               onClick={() => props.toogleSectionExpanded?.()}
diff --git a/packages/dmn-editor/src/propertiesPanel/ShapeOptions.tsx b/packages/dmn-editor/src/propertiesPanel/ShapeOptions.tsx
index 6e60ab02adc..e28eb718d2c 100644
--- a/packages/dmn-editor/src/propertiesPanel/ShapeOptions.tsx
+++ b/packages/dmn-editor/src/propertiesPanel/ShapeOptions.tsx
@@ -276,6 +276,7 @@ export function ShapeOptions({
                   className={"kie-dmn-editor--shape-options-toggle-button"}
                   text={
                     <ColorPicker
+                      name="shape-fill"
                       icon={
                         <div
                           style={{
@@ -305,6 +306,7 @@ export function ShapeOptions({
                   className={"kie-dmn-editor--shape-options-toggle-button"}
                   text={
                     <ColorPicker
+                      name="shape-stroke"
                       colorDisplay={
                         <div
                           style={{
@@ -344,6 +346,7 @@ export function ShapeOptions({
                     >
                       <TextInput
                         aria-label={"Width"}
+                        data-testid={"properties-panel-node-shape-width-input"}
                         type={"number"}
                         isDisabled={isDimensioningEnabled ? false : true}
                         value={isDimensioningEnabled ? boundWidth : undefined}
@@ -369,6 +372,7 @@ export function ShapeOptions({
                     >
                       <TextInput
                         aria-label={"Height"}
+                        data-testid={"properties-panel-node-shape-height-input"}
                         type={"number"}
                         isDisabled={isDimensioningEnabled ? false : true}
                         value={isDimensioningEnabled ? boundHeight : undefined}
@@ -385,8 +389,9 @@ export function ShapeOptions({
                   buttonId={"shape-style-toggle-group-bound-height"}
                 />
               </Tooltip>
-              <Tooltip content={"Reset"}>
+              <Tooltip content={"Reset shape"}>
                 <ToggleGroupItem
+                  title={"Reset shape"}
                   onClick={onReset}
                   className={"kie-dmn-editor--shape-options-toggle-button"}
                   text={<UndoAltIcon />}
@@ -417,7 +422,7 @@ export function ShapeOptions({
                     isDisabled={false}
                     value={boundPositionX}
                     onChange={onChangePositionX}
-                    placeholder={"Enter a value..."}
+                    placeholder={"Enter X value..."}
                   />
                 </div>
                 <div style={{ gridArea: "position-x-label" }}>
@@ -431,7 +436,7 @@ export function ShapeOptions({
                     isDisabled={false}
                     value={boundPositionY}
                     onChange={onChangePositionY}
-                    placeholder={"Enter a value..."}
+                    placeholder={"Enter Y value..."}
                   />
                 </div>
                 <div style={{ gridArea: "position-y-label" }}>
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/base.ts b/packages/dmn-editor/tests/e2e/__fixtures__/base.ts
index 579344a07ab..02fe2f2e98b 100644
--- a/packages/dmn-editor/tests/e2e/__fixtures__/base.ts
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/base.ts
@@ -24,6 +24,16 @@ import { Nodes } from "./nodes";
 import { Editor } from "./editor";
 import { Edges } from "./edges";
 import { JsonModel } from "./jsonModel";
+import { DecisionServicePropertiesPanel } from "./propertiesPanel/decisionServicePropertiesPanel";
+import { DecisionPropertiesPanel } from "./propertiesPanel/decisionPropertiesPanel";
+import { KnowledgeSourcePropertiesPanel } from "./propertiesPanel/knowledgeSourcePropertiesPanel";
+import { TextAnnotationProperties as TextAnnotationPropertiesPanel } from "./propertiesPanel/textAnnotationPropertiesPanel";
+import { BkmPropertiesPanel } from "./propertiesPanel/bkmPropertiesPanel";
+import { InputDataPropertiesPanel } from "./propertiesPanel/inputDataPropertiesPanel";
+import { GroupPropertiesPanel } from "./propertiesPanel/groupPropertiesPanel";
+import { DiagramPropertiesPanel } from "./propertiesPanel/diagramPropertiesPanel";
+import { MultipleNodesPropertiesPanel } from "./propertiesPanel/multipleNodesPropertiesPanel";
+import { Overlays } from "./overlays";
 
 type DmnEditorFixtures = {
   diagram: Diagram;
@@ -32,6 +42,16 @@ type DmnEditorFixtures = {
   jsonModel: JsonModel;
   nodes: Nodes;
   palette: Palette;
+  overlays: Overlays;
+  bkmPropertiesPanel: BkmPropertiesPanel;
+  decisionPropertiesPanel: DecisionPropertiesPanel;
+  decisionServicePropertiesPanel: DecisionServicePropertiesPanel;
+  diagramPropertiesPanel: DiagramPropertiesPanel;
+  groupPropertiesPanel: GroupPropertiesPanel;
+  inputDataPropertiesPanel: InputDataPropertiesPanel;
+  knowledgeSourcePropertiesPanel: KnowledgeSourcePropertiesPanel;
+  multipleNodesPropertiesPanel: MultipleNodesPropertiesPanel;
+  textAnnotationPropertiesPanel: TextAnnotationPropertiesPanel;
 };
 
 export const test = base.extend<DmnEditorFixtures>({
@@ -53,6 +73,36 @@ export const test = base.extend<DmnEditorFixtures>({
   palette: async ({ page, diagram, nodes }, use) => {
     await use(new Palette(page, diagram, nodes));
   },
+  overlays: async ({ page }, use) => {
+    await use(new Overlays(page));
+  },
+  bkmPropertiesPanel: async ({ diagram, page }, use) => {
+    await use(new BkmPropertiesPanel(diagram, page));
+  },
+  decisionPropertiesPanel: async ({ diagram, page }, use) => {
+    await use(new DecisionPropertiesPanel(diagram, page));
+  },
+  decisionServicePropertiesPanel: async ({ diagram, page }, use) => {
+    await use(new DecisionServicePropertiesPanel(diagram, page));
+  },
+  diagramPropertiesPanel: async ({ diagram, page }, use) => {
+    await use(new DiagramPropertiesPanel(diagram, page));
+  },
+  groupPropertiesPanel: async ({ diagram, page }, use) => {
+    await use(new GroupPropertiesPanel(diagram, page));
+  },
+  knowledgeSourcePropertiesPanel: async ({ diagram, page }, use) => {
+    await use(new KnowledgeSourcePropertiesPanel(diagram, page));
+  },
+  inputDataPropertiesPanel: async ({ diagram, page }, use) => {
+    await use(new InputDataPropertiesPanel(diagram, page));
+  },
+  multipleNodesPropertiesPanel: async ({ diagram, page }, use) => {
+    await use(new MultipleNodesPropertiesPanel(diagram, page));
+  },
+  textAnnotationPropertiesPanel: async ({ diagram, page }, use) => {
+    await use(new TextAnnotationPropertiesPanel(diagram, page));
+  },
 });
 
 export { expect } from "@playwright/test";
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/nodes.ts b/packages/dmn-editor/tests/e2e/__fixtures__/nodes.ts
index 6c79cff4a16..8279afc9030 100644
--- a/packages/dmn-editor/tests/e2e/__fixtures__/nodes.ts
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/nodes.ts
@@ -91,7 +91,7 @@ export class Nodes {
     targetPosition: { x: number; y: number };
     thenRenameTo?: string;
   }) {
-    await this.hover({ name: args.from, position: NodePosition.TOP });
+    await this.select({ name: args.from, position: NodePosition.TOP });
     const node = this.get({ name: args.from });
     const { addNodeTitle, nodeName } = this.getNewConnectedNodeProperties(args.type);
 
@@ -124,6 +124,17 @@ export class Nodes {
     await this.diagram.get().press("Enter");
   }
 
+  public async resize(args: { nodeName: string; position?: NodePosition; xOffset: number; yOffset: number }) {
+    await this.select({ name: args.nodeName, position: args.position ?? NodePosition.CENTER });
+
+    const resizeHandle = this.get({ name: args.nodeName }).getByTestId(`${args.nodeName}-resize-handle`);
+    const { x, y, width, height } = (await resizeHandle.boundingBox()) ?? { x: 0, y: 0, width: 0, height: 0 };
+    await this.page.mouse.move(x + width / 2, y + height / 2);
+    await this.page.mouse.down();
+    await this.page.mouse.move(x + args.xOffset + width / 2, y + args.yOffset + height / 2);
+    await this.page.mouse.up();
+  }
+
   public async select(args: { name: string; position?: NodePosition }) {
     const node = this.get({ name: args.name });
 
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/overlays.ts b/packages/dmn-editor/tests/e2e/__fixtures__/overlays.ts
new file mode 100644
index 00000000000..4821ebd67eb
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/overlays.ts
@@ -0,0 +1,37 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Page } from "@playwright/test";
+
+export class Overlays {
+  constructor(public page: Page) {}
+
+  public async turnOffSnapping() {
+    await this.page.getByTitle("Overlays").click();
+    await this.page.getByLabel("Snapping").uncheck({ force: true });
+    await this.page.getByTitle("Overlays").click();
+  }
+
+  public async setSnapping(args: { horizontal: string; vertical: string }) {
+    await this.page.getByTitle("Overlays").click();
+    await this.page.getByTestId("horizontal-snapping-control").locator("input").fill(args.horizontal);
+    await this.page.getByTestId("vertical-snapping-control").locator("input").fill(args.vertical);
+    await this.page.getByTitle("Overlays").click();
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/bkmPropertiesPanel.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/bkmPropertiesPanel.ts
new file mode 100644
index 00000000000..f3d5d96fe09
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/bkmPropertiesPanel.ts
@@ -0,0 +1,120 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Page } from "@playwright/test";
+import { Diagram } from "../diagram";
+import { PropertiesPanelBase } from "./propertiesPanelBase";
+import { ShapeProperties } from "./parts/shapeProperties";
+import { FontProperties } from "./parts/fontProperties";
+import { DocumentationProperties } from "./parts/documentationProperties";
+import { DescriptionProperties } from "./parts/descriptionProperties";
+import { DataTypeProperties } from "./parts/dataTypeProperties";
+import { DataType } from "../jsonModel";
+import { NameProperties } from "./parts/nameProperties";
+
+export class BkmPropertiesPanel extends PropertiesPanelBase {
+  private nameProperties: NameProperties;
+  private dataTypeProperties: DataTypeProperties;
+  private descriptionProperties: DescriptionProperties;
+  private documentationProperties: DocumentationProperties;
+  private fontProperties: FontProperties;
+  private shapeProperties: ShapeProperties;
+
+  constructor(public diagram: Diagram, public page: Page) {
+    super(diagram, page);
+    this.nameProperties = new NameProperties(this.panel(), page);
+    this.dataTypeProperties = new DataTypeProperties(this.panel(), page);
+    this.descriptionProperties = new DescriptionProperties(this.panel(), diagram);
+    this.documentationProperties = new DocumentationProperties(this.panel(), page);
+    this.fontProperties = new FontProperties(this.panel(), diagram);
+    this.shapeProperties = new ShapeProperties(this.panel());
+  }
+
+  public async setName(args: { newName: string }) {
+    await this.nameProperties.setName({ ...args });
+  }
+
+  public async getName() {
+    return await this.nameProperties.getName();
+  }
+
+  public async setDataType(args: { newDataType: DataType }) {
+    await this.dataTypeProperties.setDataType({ ...args });
+  }
+
+  public async setDescription(args: { newDescription: string }) {
+    await this.descriptionProperties.setDescription({ ...args });
+  }
+
+  public async getDescription() {
+    return await this.descriptionProperties.getDescription();
+  }
+
+  public async addDocumentationLink(args: { linkText: string; linkHref: string }) {
+    await this.documentationProperties.addDocumentationLink({ ...args });
+  }
+
+  public async getDocumentationLinks() {
+    return await this.documentationProperties.getDocumentationLinks();
+  }
+
+  public async setFont(args: {
+    fontSize?: string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    striketrough?: boolean;
+    color?: string;
+    fontFamily?: string;
+  }) {
+    await this.fontProperties.setFont({ ...args });
+  }
+
+  public async resetFont() {
+    await this.fontProperties.resetFont();
+  }
+
+  public async getFont() {
+    return await this.fontProperties.getFont();
+  }
+
+  public async setShape(args: { width: string; height: string }) {
+    await this.shapeProperties.setShape({ ...args });
+  }
+
+  public async setPosition(args: { x: string; y: string }) {
+    await this.shapeProperties.setPosition({ ...args });
+  }
+
+  public async getShape() {
+    return await this.shapeProperties.getShape();
+  }
+
+  public async resetShape() {
+    await this.shapeProperties.resetShape();
+  }
+
+  public async setFillColor(args: { color: string }) {
+    await this.shapeProperties.setFillColor({ ...args });
+  }
+
+  public async setStrokeColor(args: { color: string }) {
+    await this.shapeProperties.setStrokeColor({ ...args });
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/decisionPropertiesPanel.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/decisionPropertiesPanel.ts
new file mode 100644
index 00000000000..eb368cdd967
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/decisionPropertiesPanel.ts
@@ -0,0 +1,140 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Page } from "@playwright/test";
+import { ShapeProperties } from "./parts/shapeProperties";
+import { PropertiesPanelBase } from "./propertiesPanelBase";
+import { Diagram } from "../diagram";
+import { FontProperties } from "./parts/fontProperties";
+import { DocumentationProperties } from "./parts/documentationProperties";
+import { DescriptionProperties } from "./parts/descriptionProperties";
+import { DataTypeProperties } from "./parts/dataTypeProperties";
+import { DataType } from "../jsonModel";
+import { NameProperties } from "./parts/nameProperties";
+
+export class DecisionPropertiesPanel extends PropertiesPanelBase {
+  private nameProperties: NameProperties;
+  private dataTypeProperties: DataTypeProperties;
+  private descriptionProperties: DescriptionProperties;
+  private documentationProperties: DocumentationProperties;
+  private fontProperties: FontProperties;
+  private shapeProperties: ShapeProperties;
+
+  constructor(public diagram: Diagram, public page: Page) {
+    super(diagram, page);
+    this.nameProperties = new NameProperties(this.panel(), page);
+    this.dataTypeProperties = new DataTypeProperties(this.panel(), page);
+    this.descriptionProperties = new DescriptionProperties(this.panel(), diagram);
+    this.documentationProperties = new DocumentationProperties(this.panel(), page);
+    this.fontProperties = new FontProperties(this.panel(), diagram);
+    this.shapeProperties = new ShapeProperties(this.panel());
+  }
+
+  public async setName(args: { newName: string }) {
+    await this.nameProperties.setName({ ...args });
+  }
+
+  public async getName() {
+    return await this.nameProperties.getName();
+  }
+
+  public async setDataType(args: { newDataType: DataType }) {
+    await this.dataTypeProperties.setDataType({ ...args });
+  }
+
+  public async setDescription(args: { newDescription: string }) {
+    await this.descriptionProperties.setDescription({ ...args });
+  }
+
+  public async getDescription() {
+    return await this.descriptionProperties.getDescription();
+  }
+
+  public async addDocumentationLink(args: { linkText: string; linkHref: string }) {
+    await this.documentationProperties.addDocumentationLink({ ...args });
+  }
+
+  public async getDocumentationLinks() {
+    return await this.documentationProperties.getDocumentationLinks();
+  }
+
+  public async setQuestion(args: { newQuestion: string }) {
+    await this.panel().getByPlaceholder("Enter a question...").fill(args.newQuestion);
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getQuestion() {
+    return await this.panel().getByPlaceholder("Enter a question...").inputValue();
+  }
+
+  public async setAllowedAnswers(args: { newAllowedAnswers: string }) {
+    await this.panel().getByPlaceholder("Enter allowed answers...").fill(args.newAllowedAnswers);
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getAllowedAnswers() {
+    return await this.panel().getByPlaceholder("Enter allowed answers...").inputValue();
+  }
+
+  public async setFont(args: {
+    fontSize?: string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    striketrough?: boolean;
+    color?: string;
+    fontFamily?: string;
+  }) {
+    await this.fontProperties.setFont({ ...args });
+  }
+
+  public async resetFont() {
+    await this.fontProperties.resetFont();
+  }
+
+  public async getFont() {
+    return await this.fontProperties.getFont();
+  }
+
+  public async setShape(args: { width: string; height: string }) {
+    await this.shapeProperties.setShape({ ...args });
+  }
+
+  public async setPosition(args: { x: string; y: string }) {
+    await this.shapeProperties.setPosition({ ...args });
+  }
+
+  public async getShape() {
+    return await this.shapeProperties.getShape();
+  }
+
+  public async resetShape() {
+    await this.shapeProperties.resetShape();
+  }
+
+  public async setFillColor(args: { color: string }) {
+    await this.shapeProperties.setFillColor({ ...args });
+  }
+
+  public async setStrokeColor(args: { color: string }) {
+    await this.shapeProperties.setStrokeColor({ ...args });
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/decisionServicePropertiesPanel.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/decisionServicePropertiesPanel.ts
new file mode 100644
index 00000000000..10664787a70
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/decisionServicePropertiesPanel.ts
@@ -0,0 +1,120 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Page } from "@playwright/test";
+import { Diagram } from "../diagram";
+import { ShapeProperties } from "./parts/shapeProperties";
+import { PropertiesPanelBase } from "./propertiesPanelBase";
+import { FontProperties } from "./parts/fontProperties";
+import { DocumentationProperties } from "./parts/documentationProperties";
+import { DescriptionProperties } from "./parts/descriptionProperties";
+import { DataType } from "../jsonModel";
+import { DataTypeProperties } from "./parts/dataTypeProperties";
+import { NameProperties } from "./parts/nameProperties";
+
+export class DecisionServicePropertiesPanel extends PropertiesPanelBase {
+  private nameProperties: NameProperties;
+  private dataTypeProperties: DataTypeProperties;
+  private descriptionProperties: DescriptionProperties;
+  private documentationProperties: DocumentationProperties;
+  private fontProperties: FontProperties;
+  private shapeProperties: ShapeProperties;
+
+  constructor(public diagram: Diagram, public page: Page) {
+    super(diagram, page);
+    this.nameProperties = new NameProperties(this.panel(), page);
+    this.dataTypeProperties = new DataTypeProperties(this.panel(), page);
+    this.descriptionProperties = new DescriptionProperties(this.panel(), diagram);
+    this.documentationProperties = new DocumentationProperties(this.panel(), page);
+    this.fontProperties = new FontProperties(this.panel(), diagram);
+    this.shapeProperties = new ShapeProperties(this.panel());
+  }
+
+  public async setName(args: { newName: string }) {
+    await this.nameProperties.setName({ ...args });
+  }
+
+  public async getName() {
+    return await this.nameProperties.getName();
+  }
+
+  public async setDataType(args: { newDataType: DataType }) {
+    await this.dataTypeProperties.setDataType({ ...args });
+  }
+
+  public async setDescription(args: { newDescription: string }) {
+    await this.descriptionProperties.setDescription({ ...args });
+  }
+
+  public async getDescription() {
+    return await this.descriptionProperties.getDescription();
+  }
+
+  public async addDocumentationLink(args: { linkText: string; linkHref: string }) {
+    await this.documentationProperties.addDocumentationLink({ ...args });
+  }
+
+  public async getDocumentationLinks() {
+    return await this.documentationProperties.getDocumentationLinks();
+  }
+
+  public async setFont(args: {
+    fontSize?: string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    striketrough?: boolean;
+    color?: string;
+    fontFamily?: string;
+  }) {
+    await this.fontProperties.setFont({ ...args });
+  }
+
+  public async resetFont() {
+    await this.fontProperties.resetFont();
+  }
+
+  public async getFont() {
+    return await this.fontProperties.getFont();
+  }
+
+  public async setShape(args: { width: string; height: string }) {
+    await this.shapeProperties.setShape({ ...args });
+  }
+
+  public async setPosition(args: { x: string; y: string }) {
+    await this.shapeProperties.setPosition({ ...args });
+  }
+
+  public async getShape() {
+    return await this.shapeProperties.getShape();
+  }
+
+  public async resetShape() {
+    await this.shapeProperties.resetShape();
+  }
+
+  public async setFillColor(args: { color: string }) {
+    await this.shapeProperties.setFillColor({ ...args });
+  }
+
+  public async setStrokeColor(args: { color: string }) {
+    await this.shapeProperties.setStrokeColor({ ...args });
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/diagramPropertiesPanel.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/diagramPropertiesPanel.ts
new file mode 100644
index 00000000000..b7802b000a4
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/diagramPropertiesPanel.ts
@@ -0,0 +1,93 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Page } from "@playwright/test";
+import { Diagram } from "../diagram";
+import { PropertiesPanelBase } from "./propertiesPanelBase";
+import { DescriptionProperties } from "./parts/descriptionProperties";
+import { NameProperties } from "./parts/nameProperties";
+
+export class DiagramPropertiesPanel extends PropertiesPanelBase {
+  private nameProperties: NameProperties;
+  private descriptionProperties: DescriptionProperties;
+
+  constructor(public diagram: Diagram, public page: Page) {
+    super(diagram, page);
+    this.nameProperties = new NameProperties(this.panel(), page);
+    this.descriptionProperties = new DescriptionProperties(this.panel(), diagram);
+  }
+
+  public async setDescription(args: { newDescription: string }) {
+    await this.descriptionProperties.setDescription({ ...args });
+  }
+
+  public async getDescription() {
+    return await this.descriptionProperties.getDescription();
+  }
+
+  public async setName(args: { newName: string }) {
+    await this.nameProperties.setName({ ...args });
+  }
+
+  public async getName() {
+    return await this.nameProperties.getName();
+  }
+
+  public async setExpressionLanguage(args: { expressionlangugae: string }) {
+    await this.panel().getByPlaceholder("Enter an expression language...").fill(args.expressionlangugae);
+
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getExpressionLanguage() {
+    return await this.panel().getByPlaceholder("Enter an expression language...").inputValue();
+  }
+
+  public async setId(args: { id: string }) {
+    await this.panel().getByPlaceholder("Enter a diagram ID...").locator("input").fill(args.id);
+
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getId() {
+    return await this.panel().getByPlaceholder("Enter a diagram ID...").locator("input").inputValue();
+  }
+
+  public async setNamespace(args: { namespace: string }) {
+    await this.panel().getByPlaceholder("Enter a diagram Namespace...").locator("input").fill(args.namespace);
+
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getNamespace() {
+    return await this.panel().getByPlaceholder("Enter a diagram Namespace...").locator("input").inputValue();
+  }
+
+  public async resetIdAndNamespace(args: { cancel: boolean }) {
+    await this.panel().getByTitle("Re-generate ID & Namespace").click();
+    if (args.cancel) {
+      await this.page.locator("footer").getByText("Cancel").click();
+    } else {
+      await this.page.getByText("Yes, re-generate ID and Namespace").click();
+    }
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/groupPropertiesPanel.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/groupPropertiesPanel.ts
new file mode 100644
index 00000000000..d3e8ee67a88
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/groupPropertiesPanel.ts
@@ -0,0 +1,101 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Page } from "@playwright/test";
+import { ShapeProperties } from "./parts/shapeProperties";
+import { PropertiesPanelBase } from "./propertiesPanelBase";
+import { Diagram } from "../diagram";
+import { FontProperties } from "./parts/fontProperties";
+import { DescriptionProperties } from "./parts/descriptionProperties";
+import { NameProperties } from "./parts/nameProperties";
+
+export class GroupPropertiesPanel extends PropertiesPanelBase {
+  private nameProperties: NameProperties;
+  private descriptionProperties: DescriptionProperties;
+  private fontProperties: FontProperties;
+  private shapeProperties: ShapeProperties;
+
+  constructor(public diagram: Diagram, public page: Page) {
+    super(diagram, page);
+    this.nameProperties = new NameProperties(this.panel(), page);
+    this.descriptionProperties = new DescriptionProperties(this.panel(), diagram);
+    this.fontProperties = new FontProperties(this.panel(), diagram);
+    this.shapeProperties = new ShapeProperties(this.panel());
+  }
+
+  public async setName(args: { newName: string }) {
+    await this.nameProperties.setName({ ...args });
+  }
+
+  public async getName() {
+    return await this.nameProperties.getName();
+  }
+
+  public async setDescription(args: { newDescription: string }) {
+    await this.descriptionProperties.setDescription({ ...args });
+  }
+
+  public async getDescription() {
+    return await this.descriptionProperties.getDescription();
+  }
+
+  public async setFont(args: {
+    fontSize?: string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    striketrough?: boolean;
+    color?: string;
+    fontFamily?: string;
+  }) {
+    await this.fontProperties.setFont({ ...args });
+  }
+
+  public async resetFont() {
+    await this.fontProperties.resetFont();
+  }
+
+  public async getFont() {
+    return await this.fontProperties.getFont();
+  }
+
+  public async setShape(args: { width: string; height: string }) {
+    await this.shapeProperties.setShape({ ...args });
+  }
+
+  public async setPosition(args: { x: string; y: string }) {
+    await this.shapeProperties.setPosition({ ...args });
+  }
+
+  public async getShape() {
+    return await this.shapeProperties.getShape();
+  }
+
+  public async resetShape() {
+    await this.shapeProperties.resetShape();
+  }
+
+  public async setFillColor(args: { color: string }) {
+    await this.shapeProperties.setFillColor({ ...args });
+  }
+
+  public async setStrokeColor(args: { color: string }) {
+    await this.shapeProperties.setStrokeColor({ ...args });
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/inputDataPropertiesPanel.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/inputDataPropertiesPanel.ts
new file mode 100644
index 00000000000..c53c3aeb4dd
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/inputDataPropertiesPanel.ts
@@ -0,0 +1,120 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Page } from "@playwright/test";
+import { Diagram } from "../diagram";
+import { ShapeProperties } from "./parts/shapeProperties";
+import { PropertiesPanelBase } from "./propertiesPanelBase";
+import { FontProperties } from "./parts/fontProperties";
+import { DocumentationProperties } from "./parts/documentationProperties";
+import { DescriptionProperties } from "./parts/descriptionProperties";
+import { DataType } from "../jsonModel";
+import { DataTypeProperties } from "./parts/dataTypeProperties";
+import { NameProperties } from "./parts/nameProperties";
+
+export class InputDataPropertiesPanel extends PropertiesPanelBase {
+  private nameProperties: NameProperties;
+  private dataTypeProperties: DataTypeProperties;
+  private descriptionProperties: DescriptionProperties;
+  private documentationProperties: DocumentationProperties;
+  private fontProperties: FontProperties;
+  private shapeProperties: ShapeProperties;
+
+  constructor(public diagram: Diagram, public page: Page) {
+    super(diagram, page);
+    this.nameProperties = new NameProperties(this.panel(), page);
+    this.dataTypeProperties = new DataTypeProperties(this.panel(), page);
+    this.descriptionProperties = new DescriptionProperties(this.panel(), diagram);
+    this.documentationProperties = new DocumentationProperties(this.panel(), page);
+    this.fontProperties = new FontProperties(this.panel(), diagram);
+    this.shapeProperties = new ShapeProperties(this.panel());
+  }
+
+  public async setName(args: { newName: string }) {
+    await this.nameProperties.setName({ ...args });
+  }
+
+  public async getName() {
+    return await this.nameProperties.getName();
+  }
+
+  public async setDataType(args: { newDataType: DataType }) {
+    await this.dataTypeProperties.setDataType({ ...args });
+  }
+
+  public async setDescription(args: { newDescription: string }) {
+    await this.descriptionProperties.setDescription({ ...args });
+  }
+
+  public async getDescription() {
+    return await this.descriptionProperties.getDescription();
+  }
+
+  public async addDocumentationLink(args: { linkText: string; linkHref: string }) {
+    await this.documentationProperties.addDocumentationLink({ ...args });
+  }
+
+  public async getDocumentationLinks() {
+    return await this.documentationProperties.getDocumentationLinks();
+  }
+
+  public async setFont(args: {
+    fontSize?: string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    striketrough?: boolean;
+    color?: string;
+    fontFamily?: string;
+  }) {
+    await this.fontProperties.setFont({ ...args });
+  }
+
+  public async resetFont() {
+    await this.fontProperties.resetFont();
+  }
+
+  public async getFont() {
+    return await this.fontProperties.getFont();
+  }
+
+  public async setShape(args: { width: string; height: string }) {
+    await this.shapeProperties.setShape({ ...args });
+  }
+
+  public async setPosition(args: { x: string; y: string }) {
+    await this.shapeProperties.setPosition({ ...args });
+  }
+
+  public async getShape() {
+    return await this.shapeProperties.getShape();
+  }
+
+  public async resetShape() {
+    await this.shapeProperties.resetShape();
+  }
+
+  public async setFillColor(args: { color: string }) {
+    await this.shapeProperties.setFillColor({ ...args });
+  }
+
+  public async setStrokeColor(args: { color: string }) {
+    await this.shapeProperties.setStrokeColor({ ...args });
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/knowledgeSourcePropertiesPanel.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/knowledgeSourcePropertiesPanel.ts
new file mode 100644
index 00000000000..b5d69d47e04
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/knowledgeSourcePropertiesPanel.ts
@@ -0,0 +1,137 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Page } from "@playwright/test";
+import { Diagram } from "../diagram";
+import { DataType } from "../jsonModel";
+import { ShapeProperties } from "./parts/shapeProperties";
+import { PropertiesPanelBase } from "./propertiesPanelBase";
+import { FontProperties } from "./parts/fontProperties";
+import { DocumentationProperties } from "./parts/documentationProperties";
+import { DescriptionProperties } from "./parts/descriptionProperties";
+import { NameProperties } from "./parts/nameProperties";
+
+export class KnowledgeSourcePropertiesPanel extends PropertiesPanelBase {
+  private nameProperties: NameProperties;
+  private descriptionProperties: DescriptionProperties;
+  private documentationProperties: DocumentationProperties;
+  private fontProperties: FontProperties;
+  private shapeProperties: ShapeProperties;
+
+  constructor(public diagram: Diagram, public page: Page) {
+    super(diagram, page);
+    this.nameProperties = new NameProperties(this.panel(), page);
+    this.descriptionProperties = new DescriptionProperties(this.panel(), diagram);
+    this.documentationProperties = new DocumentationProperties(this.panel(), page);
+    this.fontProperties = new FontProperties(this.panel(), diagram);
+    this.shapeProperties = new ShapeProperties(this.panel());
+  }
+
+  public async setName(args: { newName: string }) {
+    await this.nameProperties.setName({ ...args });
+  }
+
+  public async getName() {
+    return await this.nameProperties.getName();
+  }
+
+  public async setDescription(args: { newDescription: string }) {
+    await this.descriptionProperties.setDescription({ ...args });
+  }
+
+  public async getDescription() {
+    return await this.descriptionProperties.getDescription();
+  }
+
+  public async addDocumentationLink(args: { linkText: string; linkHref: string }) {
+    await this.documentationProperties.addDocumentationLink({ ...args });
+  }
+
+  public async getDocumentationLinks() {
+    return await this.documentationProperties.getDocumentationLinks();
+  }
+
+  public async setDataType(args: { newDataType: DataType }) {
+    throw new Error("Not supported operation for Knowledge Source");
+  }
+
+  public async setSourceType(args: { newSourceType: string }) {
+    await this.panel().getByPlaceholder("Enter source type...").fill(args.newSourceType);
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getSourceType() {
+    return await this.panel().getByPlaceholder("Enter source type...").inputValue();
+  }
+
+  public async setLocationURI(args: { newLocationURI: string }) {
+    await this.panel().getByPlaceholder("Enter location URI...").fill(args.newLocationURI);
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getLocationURI() {
+    return await this.panel().getByPlaceholder("Enter location URI...").inputValue();
+  }
+
+  public async setFont(args: {
+    fontSize?: string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    striketrough?: boolean;
+    color?: string;
+    fontFamily?: string;
+  }) {
+    await this.fontProperties.setFont({ ...args });
+  }
+
+  public async resetFont() {
+    await this.fontProperties.resetFont();
+  }
+
+  public async getFont() {
+    return await this.fontProperties.getFont();
+  }
+
+  public async setShape(args: { width: string; height: string }) {
+    await this.shapeProperties.setShape({ ...args });
+  }
+
+  public async setPosition(args: { x: string; y: string }) {
+    await this.shapeProperties.setPosition({ ...args });
+  }
+
+  public async getShape() {
+    return await this.shapeProperties.getShape();
+  }
+
+  public async resetShape() {
+    await this.shapeProperties.resetShape();
+  }
+
+  public async setFillColor(args: { color: string }) {
+    await this.shapeProperties.setFillColor({ ...args });
+  }
+
+  public async setStrokeColor(args: { color: string }) {
+    await this.shapeProperties.setStrokeColor({ ...args });
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/multipleNodesPropertiesPanel.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/multipleNodesPropertiesPanel.ts
new file mode 100644
index 00000000000..abf56f641d4
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/multipleNodesPropertiesPanel.ts
@@ -0,0 +1,67 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Page } from "@playwright/test";
+import { Diagram } from "../diagram";
+import { ShapeProperties } from "./parts/shapeProperties";
+import { PropertiesPanelBase } from "./propertiesPanelBase";
+import { FontProperties } from "./parts/fontProperties";
+
+export class MultipleNodesPropertiesPanel extends PropertiesPanelBase {
+  private fontProperties: FontProperties;
+  private shapeProperties: ShapeProperties;
+
+  constructor(public diagram: Diagram, public page: Page) {
+    super(diagram, page);
+    this.fontProperties = new FontProperties(this.panel(), diagram);
+    this.shapeProperties = new ShapeProperties(this.panel());
+  }
+
+  public async setFont(args: {
+    fontSize?: string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    striketrough?: boolean;
+    color?: string;
+    fontFamily?: string;
+  }) {
+    await this.fontProperties.setFont({ ...args });
+  }
+
+  public async resetFont() {
+    await this.fontProperties.resetFont();
+  }
+
+  public async getFont() {
+    return await this.fontProperties.getFont();
+  }
+
+  public async resetShape() {
+    await this.shapeProperties.resetShape();
+  }
+
+  public async setFillColor(args: { color: string }) {
+    await this.shapeProperties.setFillColor({ ...args });
+  }
+
+  public async setStrokeColor(args: { color: string }) {
+    await this.shapeProperties.setStrokeColor({ ...args });
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/dataTypeProperties.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/dataTypeProperties.ts
new file mode 100644
index 00000000000..49a0144d732
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/dataTypeProperties.ts
@@ -0,0 +1,30 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Locator, Page } from "@playwright/test";
+import { DataType } from "../../jsonModel";
+
+export class DataTypeProperties {
+  constructor(public panel: Locator, public page: Page) {}
+
+  public async setDataType(args: { newDataType: DataType }) {
+    await this.panel.getByPlaceholder("Select a data type...").click();
+    await this.page.getByRole("option").getByText(args.newDataType, { exact: true }).click();
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/descriptionProperties.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/descriptionProperties.ts
new file mode 100644
index 00000000000..6452229b69f
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/descriptionProperties.ts
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Locator } from "@playwright/test";
+import { Diagram } from "../../diagram";
+
+export class DescriptionProperties {
+  constructor(public panel: Locator, public diagram: Diagram) {}
+
+  public async setDescription(args: { newDescription: string }) {
+    await this.panel.getByPlaceholder("Enter a description...").fill(args.newDescription);
+
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getDescription() {
+    return await this.panel.getByPlaceholder("Enter a description...").inputValue();
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/documentationProperties.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/documentationProperties.ts
new file mode 100644
index 00000000000..2b192548f3e
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/documentationProperties.ts
@@ -0,0 +1,41 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Locator, Page } from "@playwright/test";
+
+export class DocumentationProperties {
+  constructor(public panel: Locator, public page: Page) {}
+
+  public async addDocumentationLink(args: { linkText: string; linkHref: string }) {
+    await this.panel.getByTitle("Add documentation link").click();
+    await this.panel
+      .locator(".kie-dmn-editor--documentation-link--row")
+      .getByPlaceholder("Enter a title...")
+      .fill(args.linkText);
+    await this.panel
+      .locator(".kie-dmn-editor--documentation-link--row")
+      .getByPlaceholder("http://")
+      .fill(args.linkHref);
+    await this.page.keyboard.press("Enter");
+  }
+
+  public async getDocumentationLinks() {
+    return await this.panel.locator(".kie-dmn-editor--documentation-link--row-title").locator("a").all();
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/fontProperties.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/fontProperties.ts
new file mode 100644
index 00000000000..b5725189321
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/fontProperties.ts
@@ -0,0 +1,78 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Locator } from "@playwright/test";
+import { Diagram } from "../../diagram";
+
+export class FontProperties {
+  constructor(public panel: Locator, public diagram: Diagram) {}
+
+  public async setFont(args: {
+    fontSize?: string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    striketrough?: boolean;
+    color?: string;
+    fontFamily?: string;
+  }) {
+    if (!(await this.panel.getByLabel("Font size").locator("input").isVisible())) {
+      await this.panel.getByTitle("Expand / collapse Font").click();
+    }
+
+    if (args.fontSize) {
+      await this.panel.getByLabel("Font size").locator("input").fill(args.fontSize);
+    }
+    if (args.bold) {
+      await this.panel.getByLabel("Toggle font bold").click();
+    }
+    if (args.italic) {
+      await this.panel.getByLabel("Toggle font italic").click();
+    }
+    if (args.underline) {
+      await this.panel.getByLabel("Toggle font underline").click();
+    }
+    if (args.striketrough) {
+      await this.panel.getByLabel("Toggle font strike through").click();
+    }
+    if (args.color) {
+      await this.panel.getByTestId("color-picker-font").fill(args.color);
+    }
+    if (args.fontFamily) {
+      await this.panel.getByTestId("properties-panel-node-font-style").click();
+      await this.panel.getByText(args.fontFamily).click();
+    }
+
+    await this.diagram.resetFocus();
+  }
+
+  public async resetFont() {
+    await this.panel.getByTitle("Reset font").click();
+  }
+
+  public async getFont() {
+    await this.panel.getByTitle("Expand / collapse Font").click();
+
+    const font = await this.panel.getByTestId("properties-panel-node-font-style").textContent();
+
+    await this.panel.getByTitle("Expand / collapse Font").click();
+
+    return font;
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/nameProperties.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/nameProperties.ts
new file mode 100644
index 00000000000..3bc98cd5438
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/nameProperties.ts
@@ -0,0 +1,33 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Locator, Page } from "@playwright/test";
+
+export class NameProperties {
+  constructor(public panel: Locator, public page: Page) {}
+
+  public async setName(args: { newName: string }) {
+    await this.panel.getByPlaceholder("Enter a name...").fill(args.newName);
+    await this.page.keyboard.press("Enter");
+  }
+
+  public async getName() {
+    return await this.panel.getByPlaceholder("Enter a name...").inputValue();
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/shapeProperties.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/shapeProperties.ts
new file mode 100644
index 00000000000..9234b3d1d17
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/parts/shapeProperties.ts
@@ -0,0 +1,67 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Locator } from "@playwright/test";
+
+export class ShapeProperties {
+  constructor(public panel: Locator) {}
+
+  public async setShape(args: { width: string; height: string }) {
+    await this.panel.getByTitle("Expand / collapse Shape").click();
+
+    await this.panel.getByTestId("properties-panel-node-shape-width-input").fill(args.width);
+    await this.panel.getByTestId("properties-panel-node-shape-height-input").fill(args.height);
+
+    await this.panel.getByTitle("Expand / collapse Shape").click();
+  }
+
+  public async setPosition(args: { x: string; y: string }) {
+    await this.panel.getByRole("button", { name: "Expand / collapse Shape" }).click();
+    await this.panel.getByPlaceholder("Enter X value...").fill(args.x);
+    await this.panel.getByPlaceholder("Enter Y value...").fill(args.y);
+    await this.panel.getByRole("button", { name: "Expand / collapse Shape" }).click();
+  }
+
+  public async getShape() {
+    await this.panel.getByTitle("Expand / collapse Shape").click();
+
+    const width = await this.panel.getByTestId("properties-panel-node-shape-width-input").inputValue();
+    const height = await this.panel.getByTestId("properties-panel-node-shape-height-input").inputValue();
+
+    await this.panel.getByTitle("Expand / collapse Shape").click();
+
+    return { width: width, height: height };
+  }
+
+  public async resetShape() {
+    await this.panel.getByTitle("Reset shape").click();
+  }
+
+  public async setFillColor(args: { color: string }) {
+    await this.panel.getByRole("button", { name: "Expand / collapse Shape" }).click();
+    await this.panel.getByTestId("color-picker-shape-fill").fill(args.color);
+    await this.panel.getByRole("button", { name: "Expand / collapse Shape" }).click();
+  }
+
+  public async setStrokeColor(args: { color: string }) {
+    await this.panel.getByRole("button", { name: "Expand / collapse Shape" }).click();
+    await this.panel.getByTestId("color-picker-shape-stroke").fill(args.color);
+    await this.panel.getByRole("button", { name: "Expand / collapse Shape" }).click();
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/propertiesPanelBase.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/propertiesPanelBase.ts
new file mode 100644
index 00000000000..a7df398858a
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/propertiesPanelBase.ts
@@ -0,0 +1,33 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Page } from "@playwright/test";
+import { Diagram } from "../diagram";
+
+export abstract class PropertiesPanelBase {
+  constructor(public diagram: Diagram, public page: Page) {}
+
+  public panel() {
+    return this.page.getByTestId("properties-panel-container");
+  }
+
+  public async open() {
+    await this.page.getByTitle("Properties panel").click();
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/textAnnotationPropertiesPanel.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/textAnnotationPropertiesPanel.ts
new file mode 100644
index 00000000000..59b34a46993
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel/textAnnotationPropertiesPanel.ts
@@ -0,0 +1,110 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Page } from "@playwright/test";
+import { Diagram } from "../diagram";
+import { ShapeProperties } from "./parts/shapeProperties";
+import { PropertiesPanelBase } from "./propertiesPanelBase";
+import { FontProperties } from "./parts/fontProperties";
+import { DescriptionProperties } from "./parts/descriptionProperties";
+
+export class TextAnnotationProperties extends PropertiesPanelBase {
+  private descriptionProperties: DescriptionProperties;
+  private fontProperties: FontProperties;
+  private shapeProperties: ShapeProperties;
+
+  constructor(public diagram: Diagram, public page: Page) {
+    super(diagram, page);
+    this.descriptionProperties = new DescriptionProperties(this.panel(), diagram);
+    this.fontProperties = new FontProperties(this.panel(), diagram);
+    this.shapeProperties = new ShapeProperties(this.panel());
+  }
+
+  public async setFormat(args: { newFormat: string }) {
+    await this.panel().getByPlaceholder("Enter a text format...").fill(args.newFormat);
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getFormat() {
+    return await this.panel().getByPlaceholder("Enter a text format...").inputValue();
+  }
+
+  public async setText(args: { newText: string }) {
+    await this.panel().getByPlaceholder("Enter text...").fill(args.newText);
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getText() {
+    return await this.panel().getByPlaceholder("Enter text...").inputValue();
+  }
+
+  public async setDescription(args: { newDescription: string }) {
+    await this.descriptionProperties.setDescription({ ...args });
+  }
+
+  public async getDescription() {
+    return await this.descriptionProperties.getDescription();
+  }
+
+  public async setFont(args: {
+    fontSize?: string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    striketrough?: boolean;
+    color?: string;
+    fontFamily?: string;
+  }) {
+    await this.fontProperties.setFont({ ...args });
+  }
+
+  public async resetFont() {
+    await this.fontProperties.resetFont();
+  }
+
+  public async getFont() {
+    return await this.fontProperties.getFont();
+  }
+
+  public async setShape(args: { width: string; height: string }) {
+    await this.shapeProperties.setShape({ ...args });
+  }
+
+  public async setPosition(args: { x: string; y: string }) {
+    await this.shapeProperties.setPosition({ ...args });
+  }
+
+  public async getShape() {
+    return await this.shapeProperties.getShape();
+  }
+
+  public async resetShape() {
+    await this.shapeProperties.resetShape();
+  }
+
+  public async setFillColor(args: { color: string }) {
+    await this.shapeProperties.setFillColor({ ...args });
+  }
+
+  public async setStrokeColor(args: { color: string }) {
+    await this.shapeProperties.setStrokeColor({ ...args });
+  }
+}
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/change-multiple-nodes-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/change-multiple-nodes-font.png
new file mode 100644
index 00000000000..41032730656
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/change-multiple-nodes-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-group-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-group-font.png
new file mode 100644
index 00000000000..73e75da84fa
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-group-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-group-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-group-position.png
new file mode 100644
index 00000000000..fb649ac4e04
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-group-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-text-annotation-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-text-annotation-font.png
new file mode 100644
index 00000000000..79e681db8a1
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-text-annotation-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-text-annotation-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-text-annotation-position.png
new file mode 100644
index 00000000000..b585eeed3d3
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/change-text-annotation-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-back-group-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-back-group-on-top-of-decision.png
new file mode 100644
index 00000000000..f097a62e317
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-back-group-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-back-text-annotation-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-back-text-annotation-on-top-of-decision.png
new file mode 100644
index 00000000000..d6c81ab2abc
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-back-text-annotation-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-group-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-group-on-top-of-decision.png
new file mode 100644
index 00000000000..135d8bd9c35
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-group-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-text-annotation-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-text-annotation-on-top-of-decision.png
new file mode 100644
index 00000000000..9402844c7fa
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drdArtifacts/resize-text-annotation-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-bkm-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-bkm-font.png
new file mode 100644
index 00000000000..740f5af13c6
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-bkm-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-bkm-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-bkm-position.png
new file mode 100644
index 00000000000..df68abeadcb
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-bkm-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-font.png
new file mode 100644
index 00000000000..477a66e279b
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-position.png
new file mode 100644
index 00000000000..c88b9a1be13
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-service-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-service-font.png
new file mode 100644
index 00000000000..a7484d593c2
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-service-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-service-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-service-position.png
new file mode 100644
index 00000000000..e84c057595f
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-decision-service-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-input-data-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-input-data-font.png
new file mode 100644
index 00000000000..8363c070dff
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-input-data-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-input-data-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-input-data-position.png
new file mode 100644
index 00000000000..315d8ec5da0
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-input-data-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-knowledge-source-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-knowledge-source-font.png
new file mode 100644
index 00000000000..2913c8a8b41
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-knowledge-source-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-knowledge-source-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-knowledge-source-position.png
new file mode 100644
index 00000000000..0041768ecff
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/change-knowledge-source-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-bkm-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-bkm-on-top-of-decision.png
new file mode 100644
index 00000000000..75eab963a7b
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-bkm-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-decision-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-decision-on-top-of-decision.png
new file mode 100644
index 00000000000..ca44dd92ade
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-decision-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-decision-service-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-decision-service-on-top-of-decision.png
new file mode 100644
index 00000000000..079294bf0c0
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-decision-service-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-input-data-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-input-data-on-top-of-decision.png
new file mode 100644
index 00000000000..14416983457
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-input-data-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-knowledge-source-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-knowledge-source-on-top-of-decision.png
new file mode 100644
index 00000000000..516def6034d
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-back-knowledge-source-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-bkm-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-bkm-on-top-of-decision.png
new file mode 100644
index 00000000000..ecf8359e7a5
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-bkm-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-decision-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-decision-on-top-of-decision.png
new file mode 100644
index 00000000000..e2413a5d4ef
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-decision-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-decision-service-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-decision-service-on-top-of-decision.png
new file mode 100644
index 00000000000..ea5daaa5f5b
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-decision-service-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-input-data-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-input-data-on-top-of-decision.png
new file mode 100644
index 00000000000..b7b984c573a
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-input-data-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-knowledge-source-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-knowledge-source-on-top-of-decision.png
new file mode 100644
index 00000000000..39321279eb6
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/Google-Chrome/drgElements/resize-knowledge-source-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/change-multiple-nodes-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/change-multiple-nodes-font.png
new file mode 100644
index 00000000000..62a50bfe921
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/change-multiple-nodes-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-group-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-group-font.png
new file mode 100644
index 00000000000..f750974bb55
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-group-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-group-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-group-position.png
new file mode 100644
index 00000000000..71cd949b43c
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-group-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-text-annotation-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-text-annotation-font.png
new file mode 100644
index 00000000000..841bfcc420d
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-text-annotation-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-text-annotation-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-text-annotation-position.png
new file mode 100644
index 00000000000..7426d5d4b97
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/change-text-annotation-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-back-group-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-back-group-on-top-of-decision.png
new file mode 100644
index 00000000000..7c51ad088ba
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-back-group-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-back-text-annotation-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-back-text-annotation-on-top-of-decision.png
new file mode 100644
index 00000000000..d1b6714824a
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-back-text-annotation-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-group-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-group-on-top-of-decision.png
new file mode 100644
index 00000000000..2cff4300dcc
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-group-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-text-annotation-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-text-annotation-on-top-of-decision.png
new file mode 100644
index 00000000000..4dd96a6e5e8
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drdArtifacts/resize-text-annotation-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-bkm-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-bkm-font.png
new file mode 100644
index 00000000000..a31a0cf2d9c
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-bkm-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-bkm-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-bkm-position.png
new file mode 100644
index 00000000000..8a93b556875
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-bkm-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-font.png
new file mode 100644
index 00000000000..ff0515652cb
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-position.png
new file mode 100644
index 00000000000..7688f7268ae
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-service-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-service-font.png
new file mode 100644
index 00000000000..ba987e780f7
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-service-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-service-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-service-position.png
new file mode 100644
index 00000000000..de55cb6b4cd
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-decision-service-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-input-data-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-input-data-font.png
new file mode 100644
index 00000000000..ac560d6678e
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-input-data-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-input-data-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-input-data-position.png
new file mode 100644
index 00000000000..ec04635825d
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-input-data-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-knowledge-source-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-knowledge-source-font.png
new file mode 100644
index 00000000000..de4a2757c02
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-knowledge-source-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-knowledge-source-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-knowledge-source-position.png
new file mode 100644
index 00000000000..040b4c82840
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/change-knowledge-source-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-bkm-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-bkm-on-top-of-decision.png
new file mode 100644
index 00000000000..8c977f9c695
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-bkm-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-decision-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-decision-on-top-of-decision.png
new file mode 100644
index 00000000000..b00e8f0317a
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-decision-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-decision-service-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-decision-service-on-top-of-decision.png
new file mode 100644
index 00000000000..023208b0524
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-decision-service-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-input-data-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-input-data-on-top-of-decision.png
new file mode 100644
index 00000000000..16d6f93ea85
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-input-data-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-knowledge-source-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-knowledge-source-on-top-of-decision.png
new file mode 100644
index 00000000000..04baddb2390
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-back-knowledge-source-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-bkm-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-bkm-on-top-of-decision.png
new file mode 100644
index 00000000000..fe7737d54b7
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-bkm-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-decision-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-decision-on-top-of-decision.png
new file mode 100644
index 00000000000..3a267d6bc34
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-decision-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-decision-service-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-decision-service-on-top-of-decision.png
new file mode 100644
index 00000000000..963a0ddef69
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-decision-service-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-input-data-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-input-data-on-top-of-decision.png
new file mode 100644
index 00000000000..e737de9f968
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-input-data-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-knowledge-source-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-knowledge-source-on-top-of-decision.png
new file mode 100644
index 00000000000..6f54f6e72c9
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/chromium/drgElements/resize-knowledge-source-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/change-multiple-nodes-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/change-multiple-nodes-font.png
new file mode 100644
index 00000000000..469b63ec6a7
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/change-multiple-nodes-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-group-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-group-font.png
new file mode 100644
index 00000000000..830ef81e21e
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-group-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-group-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-group-position.png
new file mode 100644
index 00000000000..fc444113736
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-group-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-text-annotation-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-text-annotation-font.png
new file mode 100644
index 00000000000..02c2b8e8ff6
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-text-annotation-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-text-annotation-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-text-annotation-position.png
new file mode 100644
index 00000000000..a1b16358455
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/change-text-annotation-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-back-group-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-back-group-on-top-of-decision.png
new file mode 100644
index 00000000000..5bf837c3c6a
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-back-group-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-back-text-annotation-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-back-text-annotation-on-top-of-decision.png
new file mode 100644
index 00000000000..01ecfa5cfb1
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-back-text-annotation-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-group-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-group-on-top-of-decision.png
new file mode 100644
index 00000000000..9e8fafdbc4c
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-group-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-text-annotation-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-text-annotation-on-top-of-decision.png
new file mode 100644
index 00000000000..ceb352355ca
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drdArtifacts/resize-text-annotation-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-bkm-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-bkm-font.png
new file mode 100644
index 00000000000..601df29e758
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-bkm-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-bkm-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-bkm-position.png
new file mode 100644
index 00000000000..25b5ffe88b8
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-bkm-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-font.png
new file mode 100644
index 00000000000..24ee549c985
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-position.png
new file mode 100644
index 00000000000..49b447e2f14
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-service-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-service-font.png
new file mode 100644
index 00000000000..e1358af93d9
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-service-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-service-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-service-position.png
new file mode 100644
index 00000000000..4a5354b40b6
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-decision-service-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-input-data-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-input-data-font.png
new file mode 100644
index 00000000000..77535752a83
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-input-data-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-input-data-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-input-data-position.png
new file mode 100644
index 00000000000..092ad5fd339
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-input-data-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-knowledge-source-font.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-knowledge-source-font.png
new file mode 100644
index 00000000000..7326161e313
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-knowledge-source-font.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-knowledge-source-position.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-knowledge-source-position.png
new file mode 100644
index 00000000000..65b8cd90c8b
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/change-knowledge-source-position.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-bkm-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-bkm-on-top-of-decision.png
new file mode 100644
index 00000000000..2693c2d7bb6
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-bkm-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-decision-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-decision-on-top-of-decision.png
new file mode 100644
index 00000000000..03ca6c80772
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-decision-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-decision-service-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-decision-service-on-top-of-decision.png
new file mode 100644
index 00000000000..d53add951c4
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-decision-service-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-input-data-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-input-data-on-top-of-decision.png
new file mode 100644
index 00000000000..cc65ebd4c44
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-input-data-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-knowledge-source-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-knowledge-source-on-top-of-decision.png
new file mode 100644
index 00000000000..9cfa445826a
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-back-knowledge-source-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-bkm-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-bkm-on-top-of-decision.png
new file mode 100644
index 00000000000..bde1f79fb8c
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-bkm-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-decision-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-decision-on-top-of-decision.png
new file mode 100644
index 00000000000..6f086586392
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-decision-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-decision-service-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-decision-service-on-top-of-decision.png
new file mode 100644
index 00000000000..c1cbae89b87
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-decision-service-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-input-data-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-input-data-on-top-of-decision.png
new file mode 100644
index 00000000000..786683457c5
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-input-data-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-knowledge-source-on-top-of-decision.png b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-knowledge-source-on-top-of-decision.png
new file mode 100644
index 00000000000..7dde773746c
Binary files /dev/null and b/packages/dmn-editor/tests/e2e/__screenshots__/webkit/drgElements/resize-knowledge-source-on-top-of-decision.png differ
diff --git a/packages/dmn-editor/tests/e2e/changeDiagramProperties.spec.ts b/packages/dmn-editor/tests/e2e/changeDiagramProperties.spec.ts
new file mode 100644
index 00000000000..803d0b9fdaa
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/changeDiagramProperties.spec.ts
@@ -0,0 +1,86 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "./__fixtures__/base";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Change Properties - Diagram", () => {
+  test.beforeEach(async ({ diagramPropertiesPanel }) => {
+    await diagramPropertiesPanel.open();
+  });
+
+  test("should change the Diagram name", async ({ diagramPropertiesPanel }) => {
+    await diagramPropertiesPanel.setName({ newName: "New Diagram Name" });
+
+    expect(await diagramPropertiesPanel.getName()).toBe("New Diagram Name");
+  });
+
+  test("should change the Diagram description", async ({ diagramPropertiesPanel }) => {
+    await diagramPropertiesPanel.setDescription({ newDescription: "New Diagram Description" });
+
+    expect(await diagramPropertiesPanel.getDescription()).toBe("New Diagram Description");
+  });
+
+  test("should change the Diagram expression language", async ({ diagramPropertiesPanel }) => {
+    await diagramPropertiesPanel.setExpressionLanguage({ expressionlangugae: "FEEL" });
+
+    expect(await diagramPropertiesPanel.getExpressionLanguage()).toBe("FEEL");
+  });
+
+  test("should change the Diagram ID", async ({ diagramPropertiesPanel }) => {
+    await diagramPropertiesPanel.setId({ id: "_ABCD" });
+
+    expect(await diagramPropertiesPanel.getId()).toBe("_ABCD");
+  });
+
+  test("should change the Diagram namespace", async ({ diagramPropertiesPanel }) => {
+    await diagramPropertiesPanel.setNamespace({ namespace: "NAMESPACE" });
+
+    expect(await diagramPropertiesPanel.getNamespace()).toBe("NAMESPACE");
+  });
+
+  test("should regenerate Diagram ID & Namespace", async ({ diagramPropertiesPanel }) => {
+    const originalId = await diagramPropertiesPanel.getId();
+    const originalNamespace = await diagramPropertiesPanel.getNamespace();
+
+    await diagramPropertiesPanel.resetIdAndNamespace({ cancel: false });
+
+    const newId = await diagramPropertiesPanel.getId();
+    const newNamespace = await diagramPropertiesPanel.getNamespace();
+
+    expect(originalId).not.toEqual(newId);
+    expect(originalNamespace).not.toEqual(newNamespace);
+  });
+
+  test("should cancel regenerate Diagram ID & Namespace operation", async ({ diagramPropertiesPanel }) => {
+    const originalId = await diagramPropertiesPanel.getId();
+    const originalNamespace = await diagramPropertiesPanel.getNamespace();
+
+    await diagramPropertiesPanel.resetIdAndNamespace({ cancel: true });
+
+    const newId = await diagramPropertiesPanel.getId();
+    const newNamespace = await diagramPropertiesPanel.getNamespace();
+
+    expect(originalId).toEqual(newId);
+    expect(originalNamespace).toEqual(newNamespace);
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/changeMultipleNodesProperties.spec.ts b/packages/dmn-editor/tests/e2e/changeMultipleNodesProperties.spec.ts
new file mode 100644
index 00000000000..4bae371c624
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/changeMultipleNodesProperties.spec.ts
@@ -0,0 +1,48 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "./__fixtures__/base";
+import { DefaultNodeName, NodeType } from "./__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Change Properties - Multiple Nodes", () => {
+  test("should change multiple nodes font", async ({ nodes, palette, diagram, multipleNodesPropertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.INPUT_DATA, targetPosition: { x: 100, y: 100 } });
+    await diagram.resetFocus();
+    await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 300, y: 100 } });
+    await diagram.resetFocus();
+
+    await multipleNodesPropertiesPanel.open();
+    await nodes.selectMultiple({ names: [DefaultNodeName.INPUT_DATA, DefaultNodeName.DECISION] });
+    await multipleNodesPropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+
+    await expect(diagram.get()).toHaveScreenshot("change-multiple-nodes-font.png");
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drdArtifacts/changeGroupProperties.spec.ts b/packages/dmn-editor/tests/e2e/drdArtifacts/changeGroupProperties.spec.ts
new file mode 100644
index 00000000000..5bb6ba85399
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drdArtifacts/changeGroupProperties.spec.ts
@@ -0,0 +1,114 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DefaultNodeName, NodePosition, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Change Properties - Group", () => {
+  test.beforeEach(async ({ palette, nodes, groupPropertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.GROUP, targetPosition: { x: 100, y: 100 } });
+    await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+    await groupPropertiesPanel.open();
+  });
+
+  test("should change the Group node name", async ({ nodes, groupPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+    await groupPropertiesPanel.setName({ newName: "Renamed Group" });
+
+    await nodes.select({ name: "Renamed Group", position: NodePosition.TOP });
+    await expect(nodes.get({ name: "Renamed Group" })).toBeVisible();
+    expect(await groupPropertiesPanel.getName()).toBe("Renamed Group");
+  });
+
+  test("should change the Group node description", async ({ nodes, groupPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+    await groupPropertiesPanel.setDescription({
+      newDescription: "New Group Description",
+    });
+
+    await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+    expect(await groupPropertiesPanel.getDescription()).toBe("New Group Description");
+  });
+
+  test("should change the Group node font", async ({ diagram, nodes, groupPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+    await groupPropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+
+    await expect(diagram.get()).toHaveScreenshot("change-group-font.png");
+  });
+
+  test("should reset the Group node font", async ({ nodes, groupPropertiesPanel }) => {
+    test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1076");
+    await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+    await groupPropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+    await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+    await groupPropertiesPanel.resetFont();
+
+    await expect(nodes.get({ name: DefaultNodeName.GROUP })).toHaveScreenshot("reset-group-font.png");
+  });
+
+  test("should change the Group node shape - fill color", async ({ nodes, groupPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+    await groupPropertiesPanel.setFillColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(nodes.get({ name: DefaultNodeName.GROUP }).locator("..").locator("rect").nth(0)).toHaveAttribute(
+      "fill",
+      "rgba(241, 34, 0, 0.1)"
+    );
+  });
+
+  test("should change the Group node shape - stroke color", async ({ nodes, groupPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+    await groupPropertiesPanel.setStrokeColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(nodes.get({ name: DefaultNodeName.GROUP }).locator("..").locator("rect").nth(0)).toHaveAttribute(
+      "stroke",
+      "rgba(241, 34, 0, 1)"
+    );
+  });
+
+  test("should change the Group node shape - position", async ({ diagram, nodes, groupPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+    await groupPropertiesPanel.setPosition({ x: "200", y: "200" });
+
+    await expect(diagram.get()).toHaveScreenshot("change-group-position.png");
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drdArtifacts/changeTextAnnotationProperties.spec.ts b/packages/dmn-editor/tests/e2e/drdArtifacts/changeTextAnnotationProperties.spec.ts
new file mode 100644
index 00000000000..394ba96cc66
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drdArtifacts/changeTextAnnotationProperties.spec.ts
@@ -0,0 +1,131 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DefaultNodeName, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Change Properties - Text Annotation", () => {
+  test.beforeEach(async ({ palette, nodes, textAnnotationPropertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.TEXT_ANNOTATION, targetPosition: { x: 100, y: 100 } });
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    await textAnnotationPropertiesPanel.open();
+  });
+
+  test("should change the Text Annotation node Format", async ({ nodes, textAnnotationPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    await textAnnotationPropertiesPanel.setFormat({
+      newFormat: "plaintext",
+    });
+
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    expect(await textAnnotationPropertiesPanel.getFormat()).toBe("plaintext");
+  });
+
+  test("should change the Text Annotation node Text", async ({ nodes, textAnnotationPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    await textAnnotationPropertiesPanel.setText({
+      newText: "new text content",
+    });
+
+    await nodes.select({ name: "new text content" });
+    expect(await textAnnotationPropertiesPanel.getText()).toBe("new text content");
+  });
+
+  test("should change the Text Annotation node description", async ({ nodes, textAnnotationPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    await textAnnotationPropertiesPanel.setDescription({
+      newDescription: "New Text Annotation Description",
+    });
+
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    expect(await textAnnotationPropertiesPanel.getDescription()).toBe("New Text Annotation Description");
+  });
+
+  test("should change the Text Annotation node font", async ({ diagram, nodes, textAnnotationPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    await textAnnotationPropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+
+    await expect(diagram.get()).toHaveScreenshot("change-text-annotation-font.png");
+  });
+
+  test("should reset the Text Annotation node font", async ({ nodes, textAnnotationPropertiesPanel }) => {
+    test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1076");
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    await textAnnotationPropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    await textAnnotationPropertiesPanel.resetFont();
+
+    await expect(nodes.get({ name: DefaultNodeName.TEXT_ANNOTATION })).toHaveScreenshot(
+      "reset-text-annotation-font.png"
+    );
+  });
+
+  test("should change the Text Annotation node shape - fill color", async ({
+    nodes,
+    textAnnotationPropertiesPanel,
+  }) => {
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    await textAnnotationPropertiesPanel.setFillColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(
+      nodes.get({ name: DefaultNodeName.TEXT_ANNOTATION }).locator("..").locator("path").nth(0)
+    ).toHaveAttribute("fill", "rgba(241, 34, 0, 0.1)");
+  });
+
+  test("should change the Text Annotation node shape - stroke color", async ({
+    nodes,
+    textAnnotationPropertiesPanel,
+  }) => {
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    await textAnnotationPropertiesPanel.setStrokeColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(
+      nodes.get({ name: DefaultNodeName.TEXT_ANNOTATION }).locator("..").locator("path").nth(0)
+    ).toHaveAttribute("stroke", "rgba(241, 34, 0, 1)");
+  });
+
+  test("should change the Group node shape - position", async ({ diagram, nodes, textAnnotationPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+    await textAnnotationPropertiesPanel.setPosition({ x: "200", y: "200" });
+
+    await expect(diagram.get()).toHaveScreenshot("change-text-annotation-position.png");
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drdArtifacts/resizeGroup.spec.ts b/packages/dmn-editor/tests/e2e/drdArtifacts/resizeGroup.spec.ts
new file mode 100644
index 00000000000..f4dfa5c9296
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drdArtifacts/resizeGroup.spec.ts
@@ -0,0 +1,208 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DefaultNodeName, NodePosition, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Resize node - Group", () => {
+  test.describe("Resize with snapping turned off", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.turnOffSnapping();
+      await palette.dragNewNode({ type: NodeType.GROUP, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Group node size", async ({ nodes, groupPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: 50, yOffset: 50 });
+
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(height).toEqual("370");
+      expect(width).toEqual("370");
+    });
+
+    test("should decrease Group node size", async ({ nodes, groupPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: -20, yOffset: -20 });
+
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(height).toEqual("400");
+      expect(width).toEqual("400");
+    });
+
+    test("should not decrease below minimal Group node size", async ({ nodes, groupPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: -50, yOffset: -50 });
+
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(height).toEqual("270");
+      expect(width).toEqual("280");
+    });
+  });
+
+  test.describe("Resize with snapping turned on", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.GROUP, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Group node size", async ({ nodes, groupPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: 50, yOffset: 50 });
+
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(height).toEqual("360");
+      expect(width).toEqual("360");
+    });
+
+    test("should decrease Group node size", async ({ nodes, groupPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: -20, yOffset: -20 });
+
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(height).toEqual("400");
+      expect(width).toEqual("400");
+    });
+
+    test("should not decrease below minimal Group node size", async ({ nodes, groupPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: -50, yOffset: -50 });
+
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(height).toEqual("260");
+      expect(width).toEqual("280");
+    });
+  });
+
+  test.describe("Resize with non default snapping", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.setSnapping({ horizontal: "50", vertical: "50" });
+      await palette.dragNewNode({ type: NodeType.GROUP, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Group node size", async ({ nodes, groupPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: 50, yOffset: 50 });
+
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(height).toEqual("400");
+      expect(width).toEqual("400");
+    });
+
+    test("should decrease Group node size", async ({ nodes, groupPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: -20, yOffset: -20 });
+
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(height).toEqual("400");
+      expect(width).toEqual("400");
+    });
+
+    test("should not decrease below minimal Group node size", async ({ nodes, groupPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.GROUP, position: NodePosition.TOP, xOffset: -50, yOffset: -50 });
+
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(height).toEqual("300");
+      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");
+    });
+  });
+
+  test.describe("Resize in properties panel", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.GROUP, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should resize Group node", async ({ diagram, nodes, groupPropertiesPanel }) => {
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      await groupPropertiesPanel.setShape({ width: "325", height: "325" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(height).toEqual("325");
+      expect(width).toEqual("325");
+    });
+
+    test("should not resize below minimal Group node size", async ({ diagram, nodes, groupPropertiesPanel }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1074");
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      await groupPropertiesPanel.setShape({ width: "100", height: "100" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(height).toEqual("200");
+      expect(width).toEqual("280");
+    });
+
+    test("should reset Group node size", async ({ nodes, groupPropertiesPanel }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1075");
+      await groupPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      await groupPropertiesPanel.setShape({ width: "325", height: "325" });
+
+      await groupPropertiesPanel.resetShape();
+
+      await nodes.select({ name: DefaultNodeName.GROUP, position: NodePosition.TOP });
+      const { width, height } = await groupPropertiesPanel.getShape();
+      expect(width).toEqual("280");
+      expect(height).toEqual("200");
+    });
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drdArtifacts/resizeTextAnnotation.spec.ts b/packages/dmn-editor/tests/e2e/drdArtifacts/resizeTextAnnotation.spec.ts
new file mode 100644
index 00000000000..e2289fc3582
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drdArtifacts/resizeTextAnnotation.spec.ts
@@ -0,0 +1,303 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DefaultNodeName, NodePosition, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Resize node - Text Annotation", () => {
+  test.describe("Resize with snapping turned off", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.turnOffSnapping();
+      await palette.dragNewNode({ type: NodeType.TEXT_ANNOTATION, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Text Annotation node size", async ({ nodes, textAnnotationPropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: 50,
+        yOffset: 50,
+      });
+
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(height).toEqual("250");
+      expect(width).toEqual("250");
+    });
+
+    test("should decrease Text Annotation node size", async ({ nodes, textAnnotationPropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: 100,
+        yOffset: 100,
+      });
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: -20,
+        yOffset: -20,
+      });
+
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(height).toEqual("280");
+      expect(width).toEqual("280");
+    });
+
+    test("should not decrease below minimal Text Annotation node size", async ({
+      nodes,
+      textAnnotationPropertiesPanel,
+    }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: -50,
+        yOffset: -50,
+      });
+
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(height).toEqual("150");
+      expect(width).toEqual("200");
+    });
+  });
+
+  test.describe("Resize with snapping turned on", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.TEXT_ANNOTATION, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Text Annotation node size", async ({ nodes, textAnnotationPropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: 50,
+        yOffset: 50,
+      });
+
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(height).toEqual("240");
+      expect(width).toEqual("240");
+    });
+
+    test("should decrease Text Annotation node size", async ({ nodes, textAnnotationPropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: 100,
+        yOffset: 100,
+      });
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: -20,
+        yOffset: -20,
+      });
+
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(height).toEqual("280");
+      expect(width).toEqual("280");
+    });
+
+    test("should not decrease below minimal Text Annotation node size", async ({
+      nodes,
+      textAnnotationPropertiesPanel,
+    }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: -50,
+        yOffset: -50,
+      });
+
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(height).toEqual("140");
+      expect(width).toEqual("200");
+    });
+  });
+
+  test.describe("Resize with non default snapping", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.setSnapping({ horizontal: "50", vertical: "50" });
+      await palette.dragNewNode({ type: NodeType.TEXT_ANNOTATION, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Text Annotation node size", async ({ nodes, textAnnotationPropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: 50,
+        yOffset: 50,
+      });
+
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(height).toEqual("250");
+      expect(width).toEqual("250");
+    });
+
+    test("should decrease Text Annotation node size", async ({ nodes, textAnnotationPropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: 100,
+        yOffset: 100,
+      });
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: -20,
+        yOffset: -20,
+      });
+
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(height).toEqual("250");
+      expect(width).toEqual("250");
+    });
+
+    test("should not decrease below minimal Text Annotation node size", async ({
+      nodes,
+      textAnnotationPropertiesPanel,
+    }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.TEXT_ANNOTATION,
+        position: NodePosition.TOP,
+        xOffset: -50,
+        yOffset: -50,
+      });
+
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(height).toEqual("150");
+      expect(width).toEqual("200");
+    });
+  });
+
+  test.describe("Resize on top of other node - Text Annotation", () => {
+    test.beforeEach(async ({ diagram, palette }) => {
+      await palette.dragNewNode({ type: NodeType.TEXT_ANNOTATION, targetPosition: { x: 100, y: 100 } });
+      await diagram.resetFocus();
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 450, y: 150 } });
+      await diagram.resetFocus();
+    });
+
+    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");
+    });
+  });
+
+  test.describe("Resize in properties panel", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.TEXT_ANNOTATION, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should resize Text Annotation node in properties panel", async ({
+      diagram,
+      nodes,
+      textAnnotationPropertiesPanel,
+    }) => {
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION, position: NodePosition.TOP });
+      await textAnnotationPropertiesPanel.setShape({ width: "325", height: "325" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION, position: NodePosition.TOP });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(height).toEqual("325");
+      expect(width).toEqual("325");
+    });
+
+    test("should not resize Text Annotation node below minimal size", async ({
+      diagram,
+      nodes,
+      textAnnotationPropertiesPanel,
+    }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1074");
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION, position: NodePosition.TOP });
+      await textAnnotationPropertiesPanel.setShape({ width: "50", height: "50" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION, position: NodePosition.TOP });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(height).toEqual("60");
+      expect(width).toEqual("200");
+    });
+
+    test("should reset Text Annotation node size", async ({ diagram, nodes, textAnnotationPropertiesPanel }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1075");
+      await textAnnotationPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION, position: NodePosition.TOP });
+      await textAnnotationPropertiesPanel.setShape({ width: "300", height: "300" });
+      await textAnnotationPropertiesPanel.resetShape();
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.TEXT_ANNOTATION, position: NodePosition.TOP });
+      const { width, height } = await textAnnotationPropertiesPanel.getShape();
+      expect(width).toEqual("200");
+      expect(height).toEqual("60");
+    });
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drgElements/changeBkmProperties.spec.ts b/packages/dmn-editor/tests/e2e/drgElements/changeBkmProperties.spec.ts
new file mode 100644
index 00000000000..0a09c6f39dc
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/changeBkmProperties.spec.ts
@@ -0,0 +1,139 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DataType } from "../__fixtures__/jsonModel";
+import { DefaultNodeName, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Change Properties - BKM", () => {
+  test.beforeEach(async ({ palette, nodes, bkmPropertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.BKM, targetPosition: { x: 100, y: 100 } });
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await bkmPropertiesPanel.open();
+  });
+
+  test("should change the BKM node name", async ({ nodes, bkmPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await bkmPropertiesPanel.setName({ newName: "Renamed BKM" });
+
+    await nodes.select({ name: "Renamed BKM" });
+    await expect(nodes.get({ name: "Renamed BKM" })).toBeVisible();
+    expect(await bkmPropertiesPanel.getName()).toBe("Renamed BKM");
+  });
+
+  test("should change the BKM node data type", async ({ nodes, bkmPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await bkmPropertiesPanel.setDataType({ newDataType: DataType.Number });
+
+    await nodes.hover({ name: DefaultNodeName.BKM });
+    await expect(nodes.get({ name: DefaultNodeName.BKM }).getByPlaceholder("Select a data type...")).toHaveValue(
+      DataType.Number
+    );
+  });
+
+  test("should change the BKM node description", async ({ nodes, bkmPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await bkmPropertiesPanel.setDescription({
+      newDescription: "New BKM Description",
+    });
+
+    await nodes.select({ name: DefaultNodeName.BKM });
+    expect(await bkmPropertiesPanel.getDescription()).toBe("New BKM Description");
+  });
+
+  test("should change the BKM node documentation links", async ({ nodes, bkmPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await bkmPropertiesPanel.addDocumentationLink({
+      linkText: "Link Text",
+      linkHref: "http://link.test.com",
+    });
+
+    await nodes.select({ name: DefaultNodeName.BKM });
+    const links = await bkmPropertiesPanel.getDocumentationLinks();
+    expect(links).toHaveLength(1);
+    expect(links[0]).toHaveText("Link Text");
+    expect(links[0]).toHaveAttribute("href", "http://link.test.com/");
+  });
+
+  test("should change the BKM node font", async ({ diagram, nodes, bkmPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await bkmPropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+
+    await expect(diagram.get()).toHaveScreenshot("change-bkm-font.png");
+  });
+
+  test("should reset the BKM node font", async ({ nodes, bkmPropertiesPanel }) => {
+    test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1076");
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await bkmPropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await bkmPropertiesPanel.resetFont();
+
+    await expect(nodes.get({ name: DefaultNodeName.BKM })).toHaveScreenshot("reset-bkm-font.png");
+  });
+
+  test("should change the BKM node shape - fill color", async ({ nodes, bkmPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await bkmPropertiesPanel.setFillColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(nodes.get({ name: DefaultNodeName.BKM }).locator("..").locator("polygon").nth(0)).toHaveAttribute(
+      "fill",
+      "rgba(241, 34, 0, 0.9)"
+    );
+  });
+
+  test("should change the BKM node shape - stroke color", async ({ nodes, bkmPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await bkmPropertiesPanel.setStrokeColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(nodes.get({ name: DefaultNodeName.BKM }).locator("..").locator("polygon").nth(0)).toHaveAttribute(
+      "stroke",
+      "rgba(241, 34, 0, 1)"
+    );
+  });
+
+  test("should change the BKM node shape - position", async ({ diagram, nodes, bkmPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await bkmPropertiesPanel.setPosition({ x: "200", y: "200" });
+
+    await expect(diagram.get()).toHaveScreenshot("change-bkm-position.png");
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drgElements/changeDecisionProperties.spec.ts b/packages/dmn-editor/tests/e2e/drgElements/changeDecisionProperties.spec.ts
new file mode 100644
index 00000000000..7bf084d826a
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/changeDecisionProperties.spec.ts
@@ -0,0 +1,160 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DataType } from "../__fixtures__/jsonModel";
+import { DefaultNodeName, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Change Properties - Decision", () => {
+  test.beforeEach(async ({ palette, nodes, decisionPropertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 100, y: 100 } });
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.open();
+  });
+
+  test("should change the Decision node name", async ({ nodes, decisionPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.setName({ newName: "Renamed Decision" });
+
+    await nodes.select({ name: "Renamed Decision" });
+    await expect(nodes.get({ name: "Renamed Decision" })).toBeVisible();
+    expect(await decisionPropertiesPanel.getName()).toBe("Renamed Decision");
+  });
+
+  test("should change the Decision node data type", async ({ nodes, decisionPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.setDataType({ newDataType: DataType.Number });
+
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await nodes.hover({ name: DefaultNodeName.DECISION });
+    await expect(nodes.get({ name: DefaultNodeName.DECISION }).getByPlaceholder("Select a data type...")).toHaveValue(
+      DataType.Number
+    );
+  });
+
+  test("should change the Decision node description", async ({ nodes, decisionPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.setDescription({
+      newDescription: "New Decision Description",
+    });
+
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    expect(await decisionPropertiesPanel.getDescription()).toBe("New Decision Description");
+  });
+
+  test("should change the Decision node question", async ({ nodes, decisionPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.setQuestion({
+      newQuestion: "New Decision Question",
+    });
+
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    expect(await decisionPropertiesPanel.getQuestion()).toBe("New Decision Question");
+  });
+
+  test("should change the Decision node answers", async ({ nodes, decisionPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.setAllowedAnswers({
+      newAllowedAnswers: "New Allowed Answers",
+    });
+
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    expect(await decisionPropertiesPanel.getAllowedAnswers()).toBe("New Allowed Answers");
+  });
+
+  test("should change the Decision node documentation links", async ({ nodes, decisionPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.addDocumentationLink({
+      linkText: "Link Text",
+      linkHref: "http://link.test.com",
+    });
+
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    const links = await decisionPropertiesPanel.getDocumentationLinks();
+    expect(links).toHaveLength(1);
+    expect(links[0]).toHaveText("Link Text");
+    expect(links[0]).toHaveAttribute("href", "http://link.test.com/");
+  });
+
+  test("should change the Decision node font", async ({ diagram, nodes, decisionPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+
+    await expect(diagram.get()).toHaveScreenshot("change-decision-font.png");
+  });
+
+  test("should reset the Decision node font", async ({ nodes, decisionPropertiesPanel }) => {
+    test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1076");
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.resetFont();
+
+    await expect(nodes.get({ name: DefaultNodeName.DECISION })).toHaveScreenshot("reset-decision-font.png");
+  });
+
+  test("should change the Decision node shape - fill color", async ({ nodes, decisionPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.setFillColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(nodes.get({ name: DefaultNodeName.DECISION }).locator("..").locator("rect").nth(0)).toHaveAttribute(
+      "fill",
+      "rgba(241, 34, 0, 0.9)"
+    );
+  });
+
+  test("should change the Decision node shape - stroke color", async ({ nodes, decisionPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.setStrokeColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(nodes.get({ name: DefaultNodeName.DECISION }).locator("..").locator("rect").nth(0)).toHaveAttribute(
+      "stroke",
+      "rgba(241, 34, 0, 1)"
+    );
+  });
+
+  test("should change the Decision node shape - position", async ({ diagram, nodes, decisionPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION });
+    await decisionPropertiesPanel.setPosition({ x: "200", y: "200" });
+
+    await expect(diagram.get()).toHaveScreenshot("change-decision-position.png");
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drgElements/changeDecisionServiceProperties.spec.ts b/packages/dmn-editor/tests/e2e/drgElements/changeDecisionServiceProperties.spec.ts
new file mode 100644
index 00000000000..6caf10acaa3
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/changeDecisionServiceProperties.spec.ts
@@ -0,0 +1,157 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DataType } from "../__fixtures__/jsonModel";
+import { DefaultNodeName, NodePosition, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Change Properties - Decision Service", () => {
+  test.beforeEach(async ({ palette, nodes, decisionServicePropertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.DECISION_SERVICE, targetPosition: { x: 100, y: 100 } });
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    await decisionServicePropertiesPanel.open();
+  });
+
+  test("should change the Decision Service node name", async ({ nodes, decisionServicePropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    await decisionServicePropertiesPanel.setName({
+      newName: "Renamed Decision Service",
+    });
+
+    await nodes.select({ name: "Renamed Decision Service" });
+    await expect(nodes.get({ name: "Renamed Decision Service" })).toBeVisible();
+    expect(await decisionServicePropertiesPanel.getName()).toBe("Renamed Decision Service");
+  });
+
+  test("should change the Decision Service node data type", async ({ nodes, decisionServicePropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    await decisionServicePropertiesPanel.setDataType({
+      newDataType: DataType.Number,
+    });
+
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    await nodes.hover({ name: DefaultNodeName.DECISION_SERVICE });
+    await expect(
+      nodes.get({ name: DefaultNodeName.DECISION_SERVICE }).getByPlaceholder("Select a data type...")
+    ).toHaveValue(DataType.Number);
+  });
+
+  test("should change the Decision Service node description", async ({ nodes, decisionServicePropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    await decisionServicePropertiesPanel.setDescription({
+      newDescription: "New Decision Service Description",
+    });
+
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    expect(await decisionServicePropertiesPanel.getDescription()).toBe("New Decision Service Description");
+  });
+
+  test("should change the Decision Service node documentation links", async ({
+    nodes,
+    decisionServicePropertiesPanel,
+  }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    await decisionServicePropertiesPanel.addDocumentationLink({
+      linkText: "Link Text",
+      linkHref: "http://link.test.com",
+    });
+
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    const links = await decisionServicePropertiesPanel.getDocumentationLinks();
+    expect(links).toHaveLength(1);
+    expect(links[0]).toHaveText("Link Text");
+    expect(links[0]).toHaveAttribute("href", "http://link.test.com/");
+  });
+
+  test("should change the Decision Service node font", async ({ diagram, nodes, decisionServicePropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    await decisionServicePropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+
+    await expect(diagram.get()).toHaveScreenshot("change-decision-service-font.png");
+  });
+
+  test("should reset the Decision Service node font", async ({ nodes, decisionServicePropertiesPanel }) => {
+    test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1076");
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    await decisionServicePropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    await decisionServicePropertiesPanel.resetFont();
+
+    await expect(nodes.get({ name: DefaultNodeName.DECISION_SERVICE })).toHaveScreenshot(
+      "reset-decision-service-font.png"
+    );
+  });
+
+  test("should change the Decision Service node shape - fill color", async ({
+    nodes,
+    decisionServicePropertiesPanel,
+  }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    await decisionServicePropertiesPanel.setFillColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(
+      nodes.get({ name: DefaultNodeName.DECISION_SERVICE }).locator("..").locator("rect").nth(0)
+    ).toHaveAttribute("fill", "rgba(241, 34, 0, 0.1)");
+  });
+
+  test("should change the Decision Service node shape - stroke color", async ({
+    nodes,
+    decisionServicePropertiesPanel,
+  }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+    await decisionServicePropertiesPanel.setStrokeColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(
+      nodes.get({ name: DefaultNodeName.DECISION_SERVICE }).locator("..").locator("rect").nth(0)
+    ).toHaveAttribute("stroke", "rgba(241, 34, 0, 1)");
+  });
+
+  test("should change the Decision Service node shape - position", async ({
+    diagram,
+    nodes,
+    decisionServicePropertiesPanel,
+  }) => {
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE });
+    await decisionServicePropertiesPanel.setPosition({ x: "200", y: "200" });
+
+    await expect(diagram.get()).toHaveScreenshot("change-decision-service-position.png");
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drgElements/changeInputDataProperties.spec.ts b/packages/dmn-editor/tests/e2e/drgElements/changeInputDataProperties.spec.ts
new file mode 100644
index 00000000000..b2109a5f191
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/changeInputDataProperties.spec.ts
@@ -0,0 +1,140 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DataType } from "../__fixtures__/jsonModel";
+import { DefaultNodeName, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Change Properties - Input Data", () => {
+  test.beforeEach(async ({ palette, nodes, inputDataPropertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.INPUT_DATA, targetPosition: { x: 100, y: 100 } });
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await inputDataPropertiesPanel.open();
+  });
+
+  test("should change the Input Data node name", async ({ nodes, inputDataPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await inputDataPropertiesPanel.setName({ newName: "Renamed Input Data" });
+
+    await nodes.select({ name: "Renamed Input Data" });
+    await expect(nodes.get({ name: "Renamed Input Data" })).toBeVisible();
+    expect(await inputDataPropertiesPanel.getName()).toBe("Renamed Input Data");
+  });
+
+  test("should change the Input Data node data type", async ({ nodes, inputDataPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await inputDataPropertiesPanel.setDataType({ newDataType: DataType.Number });
+
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await nodes.hover({ name: DefaultNodeName.INPUT_DATA });
+    await expect(nodes.get({ name: DefaultNodeName.INPUT_DATA }).getByPlaceholder("Select a data type...")).toHaveValue(
+      DataType.Number
+    );
+  });
+
+  test("should change the Input Data node description", async ({ nodes, inputDataPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await inputDataPropertiesPanel.setDescription({
+      newDescription: "New Input Data Description",
+    });
+
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    expect(await inputDataPropertiesPanel.getDescription()).toBe("New Input Data Description");
+  });
+
+  test("should change the Input Data node documentation links", async ({ nodes, inputDataPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await inputDataPropertiesPanel.addDocumentationLink({
+      linkText: "Link Text",
+      linkHref: "http://link.test.com",
+    });
+
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    const links = await inputDataPropertiesPanel.getDocumentationLinks();
+    expect(links).toHaveLength(1);
+    expect(links[0]).toHaveText("Link Text");
+    expect(links[0]).toHaveAttribute("href", "http://link.test.com/");
+  });
+
+  test("should change the Input Data node font", async ({ diagram, nodes, inputDataPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await inputDataPropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+
+    await expect(diagram.get()).toHaveScreenshot("change-input-data-font.png");
+  });
+
+  test("should reset the Input Data node font", async ({ nodes, inputDataPropertiesPanel }) => {
+    test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1076");
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await inputDataPropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await inputDataPropertiesPanel.resetFont();
+
+    await expect(nodes.get({ name: DefaultNodeName.INPUT_DATA })).toHaveScreenshot("reset-input-data-font.png");
+  });
+
+  test("should change the Input Data node shape - fill color", async ({ nodes, inputDataPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await inputDataPropertiesPanel.setFillColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(nodes.get({ name: DefaultNodeName.INPUT_DATA }).locator("..").locator("rect").nth(0)).toHaveAttribute(
+      "fill",
+      "rgba(241, 34, 0, 0.9)"
+    );
+  });
+
+  test("should change the Input Data node shape - stroke color", async ({ nodes, inputDataPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await inputDataPropertiesPanel.setStrokeColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(nodes.get({ name: DefaultNodeName.INPUT_DATA }).locator("..").locator("rect").nth(0)).toHaveAttribute(
+      "stroke",
+      "rgba(241, 34, 0, 1)"
+    );
+  });
+
+  test("should change the Input Data node shape - position", async ({ diagram, nodes, inputDataPropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await inputDataPropertiesPanel.setPosition({ x: "200", y: "200" });
+
+    await expect(diagram.get()).toHaveScreenshot("change-input-data-position.png");
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drgElements/changeKnowledgeSourceProperties.spec.ts b/packages/dmn-editor/tests/e2e/drgElements/changeKnowledgeSourceProperties.spec.ts
new file mode 100644
index 00000000000..b33c4afd120
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/changeKnowledgeSourceProperties.spec.ts
@@ -0,0 +1,163 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DefaultNodeName, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Change Properties - Knowledge Source", () => {
+  test.beforeEach(async ({ palette, nodes, knowledgeSourcePropertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.KNOWLEDGE_SOURCE, targetPosition: { x: 100, y: 100 } });
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.open();
+  });
+
+  test("should change the Knowledge Source node name", async ({ nodes, knowledgeSourcePropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.setName({
+      newName: "Renamed Knowledge Source",
+    });
+
+    await nodes.select({ name: "Renamed Knowledge Source" });
+    await expect(nodes.get({ name: "Renamed Knowledge Source" })).toBeVisible();
+    expect(await knowledgeSourcePropertiesPanel.getName()).toBe("Renamed Knowledge Source");
+  });
+
+  test("should change the Knowledge Source node description", async ({ nodes, knowledgeSourcePropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.setDescription({
+      newDescription: "New Knowledge Source Description",
+    });
+
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    expect(await knowledgeSourcePropertiesPanel.getDescription()).toBe("New Knowledge Source Description");
+  });
+
+  test("should change the Knowledge Source node Source Type", async ({ nodes, knowledgeSourcePropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.setSourceType({
+      newSourceType: "New Knowledge Source Source Type",
+    });
+
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    expect(await knowledgeSourcePropertiesPanel.getSourceType()).toBe("New Knowledge Source Source Type");
+  });
+
+  test("should change the Knowledge Source node Location URI", async ({ nodes, knowledgeSourcePropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.setLocationURI({
+      newLocationURI: "New Location URI",
+    });
+
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    expect(await knowledgeSourcePropertiesPanel.getLocationURI()).toBe("New Location URI");
+  });
+
+  test("should change the Knowledge Source node documentation links", async ({
+    nodes,
+    knowledgeSourcePropertiesPanel,
+  }) => {
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.addDocumentationLink({
+      linkText: "Link Text",
+      linkHref: "http://link.test.com",
+    });
+
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    const links = await knowledgeSourcePropertiesPanel.getDocumentationLinks();
+    expect(links).toHaveLength(1);
+    expect(links[0]).toHaveText("Link Text");
+    expect(links[0]).toHaveAttribute("href", "http://link.test.com/");
+  });
+
+  test("should change the Knowledge Source node font", async ({ diagram, nodes, knowledgeSourcePropertiesPanel }) => {
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+
+    await expect(diagram.get()).toHaveScreenshot("change-knowledge-source-font.png");
+  });
+
+  test("should reset the Knowledge Source node font", async ({ nodes, knowledgeSourcePropertiesPanel }) => {
+    test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1076");
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.setFont({
+      fontSize: "40",
+      bold: true,
+      italic: true,
+      underline: true,
+      striketrough: true,
+      color: "#f12200",
+      fontFamily: "Verdana",
+    });
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.resetFont();
+
+    await expect(nodes.get({ name: DefaultNodeName.KNOWLEDGE_SOURCE })).toHaveScreenshot(
+      "reset-knowledge-source-font.png"
+    );
+  });
+
+  test("should change the Knowledge Source node shape - fill color", async ({
+    nodes,
+    knowledgeSourcePropertiesPanel,
+  }) => {
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.setFillColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(
+      nodes.get({ name: DefaultNodeName.KNOWLEDGE_SOURCE }).locator("..").locator("path").nth(0)
+    ).toHaveAttribute("fill", "rgba(241, 34, 0, 0.9)");
+  });
+
+  test("should change the Knowledge Source node shape - stroke color", async ({
+    nodes,
+    knowledgeSourcePropertiesPanel,
+  }) => {
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.setStrokeColor({ color: "#f12200" });
+
+    // It's necessary to pick the parent element ".." to have access to the SVG.
+    await expect(
+      nodes.get({ name: DefaultNodeName.KNOWLEDGE_SOURCE }).locator("..").locator("path").nth(0)
+    ).toHaveAttribute("stroke", "rgba(241, 34, 0, 1)");
+  });
+
+  test("should change the Knowledge Source node shape - position", async ({
+    diagram,
+    nodes,
+    knowledgeSourcePropertiesPanel,
+  }) => {
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await knowledgeSourcePropertiesPanel.setPosition({ x: "200", y: "200" });
+
+    await expect(diagram.get()).toHaveScreenshot("change-knowledge-source-position.png");
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drgElements/resizeBkm.spec.ts b/packages/dmn-editor/tests/e2e/drgElements/resizeBkm.spec.ts
new file mode 100644
index 00000000000..6ce29cce440
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/resizeBkm.spec.ts
@@ -0,0 +1,211 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DefaultNodeName, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Resize node - BKM", () => {
+  test.describe("Resize with snapping turned off", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.turnOffSnapping();
+      await palette.dragNewNode({ type: NodeType.BKM, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase BKM node size", async ({ nodes, bkmPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: 50, yOffset: 50 });
+
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(width).toEqual("210");
+      expect(height).toEqual("130");
+    });
+
+    test("should decrease BKM node size", async ({ nodes, bkmPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: -20, yOffset: -20 });
+
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(width).toEqual("240");
+      expect(height).toEqual("160");
+    });
+
+    test("should not decrease below minimal BKM node size", async ({ nodes, bkmPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: -50, yOffset: -50 });
+
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(width).toEqual("160");
+      expect(height).toEqual("80");
+    });
+  });
+
+  test.describe("Resize with snapping turned on", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.BKM, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase BKM node size", async ({ nodes, bkmPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: 50, yOffset: 50 });
+
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(width).toEqual("200");
+      expect(height).toEqual("120");
+    });
+
+    test("should decrease BKM node size", async ({ nodes, bkmPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: -20, yOffset: -20 });
+
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(width).toEqual("240");
+      expect(height).toEqual("160");
+    });
+
+    test("should not decrease below minimal BKM node size", async ({ nodes, bkmPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: -50, yOffset: -50 });
+
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(width).toEqual("160");
+      expect(height).toEqual("80");
+    });
+  });
+
+  test.describe("Resize with non default snapping", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.setSnapping({ horizontal: "50", vertical: "50" });
+      await palette.dragNewNode({ type: NodeType.BKM, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase BKM node size", async ({ nodes, bkmPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: 50, yOffset: 50 });
+
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(width).toEqual("250");
+      expect(height).toEqual("150");
+    });
+
+    test("should decrease BKM node size", async ({ nodes, bkmPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: -20, yOffset: -20 });
+
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(width).toEqual("250");
+      expect(height).toEqual("150");
+    });
+
+    test("should not decrease below minimal BKM node size", async ({ nodes, bkmPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.BKM, xOffset: -50, yOffset: -50 });
+
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(width).toEqual("200");
+      expect(height).toEqual("100");
+    });
+  });
+
+  test.describe("Resize on top of other node - BKM", () => {
+    test.beforeEach(async ({ diagram, palette }) => {
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 250, y: 150 } });
+      await diagram.resetFocus();
+      await palette.dragNewNode({ type: NodeType.BKM, targetPosition: { x: 100, y: 100 } });
+      await diagram.resetFocus();
+    });
+
+    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");
+    });
+  });
+
+  test.describe("Resize in properties panel", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.BKM, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should resize BKM node in properties panel", async ({ diagram, nodes, bkmPropertiesPanel }) => {
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      await bkmPropertiesPanel.setShape({ width: "225", height: "225" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(height).toEqual("225");
+      expect(width).toEqual("225");
+    });
+
+    test("should not resize BKM node below minimal size", async ({ diagram, nodes, bkmPropertiesPanel }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1074");
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      await bkmPropertiesPanel.setShape({ width: "50", height: "50" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(height).toEqual("80");
+      expect(width).toEqual("160");
+    });
+
+    test("should reset BKM node size", async ({ diagram, nodes, bkmPropertiesPanel }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1075");
+      await bkmPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.BKM });
+      await bkmPropertiesPanel.setShape({ width: "300", height: "300" });
+      await bkmPropertiesPanel.resetShape();
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.BKM });
+      const { width, height } = await bkmPropertiesPanel.getShape();
+      expect(height).toEqual("80");
+      expect(width).toEqual("160");
+    });
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drgElements/resizeDecision.spec.ts b/packages/dmn-editor/tests/e2e/drgElements/resizeDecision.spec.ts
new file mode 100644
index 00000000000..6643dd6e8f5
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/resizeDecision.spec.ts
@@ -0,0 +1,213 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DefaultNodeName, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Resize node - Decision", () => {
+  test.describe("Resize with snapping turned off", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.turnOffSnapping();
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Decision node size", async ({ nodes, decisionPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: 50, yOffset: 50 });
+
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(width).toEqual("210");
+      expect(height).toEqual("130");
+    });
+
+    test("should decrease Decision node size", async ({ nodes, decisionPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: -20, yOffset: -20 });
+
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(width).toEqual("240");
+      expect(height).toEqual("160");
+    });
+
+    test("should not decrease below minimal Decision node size", async ({ nodes, decisionPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: -50, yOffset: -50 });
+
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(width).toEqual("160");
+      expect(height).toEqual("80");
+    });
+  });
+
+  test.describe("Resize with snapping turned on", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Decision node size", async ({ nodes, decisionPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: 50, yOffset: 50 });
+
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(width).toEqual("200");
+      expect(height).toEqual("120");
+    });
+
+    test("should decrease Decision node size", async ({ nodes, decisionPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: -20, yOffset: -20 });
+
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(width).toEqual("240");
+      expect(height).toEqual("160");
+    });
+
+    test("should not decrease below minimal Decision node size", async ({ nodes, decisionPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: -50, yOffset: -50 });
+
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(width).toEqual("160");
+      expect(height).toEqual("80");
+    });
+  });
+
+  test.describe("Resize with non default snapping", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.setSnapping({ horizontal: "50", vertical: "50" });
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Decision node size", async ({ nodes, decisionPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: 50, yOffset: 50 });
+
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(width).toEqual("250");
+      expect(height).toEqual("150");
+    });
+
+    test("should decrease Decision node size", async ({ nodes, decisionPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: -20, yOffset: -20 });
+
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(width).toEqual("250");
+      expect(height).toEqual("150");
+    });
+
+    test("should not decrease below minimal Decision node size", async ({ nodes, decisionPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.DECISION, xOffset: -50, yOffset: -50 });
+
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(width).toEqual("200");
+      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");
+    });
+  });
+
+  test.describe("Resize in properties panel", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should resize Decision node in properties panel", async ({ diagram, nodes, decisionPropertiesPanel }) => {
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      await decisionPropertiesPanel.setShape({ width: "225", height: "225" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(height).toEqual("225");
+      expect(width).toEqual("225");
+    });
+
+    test("should not resize Decision node below minimal size", async ({ diagram, nodes, decisionPropertiesPanel }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1074");
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      await decisionPropertiesPanel.setShape({ width: "50", height: "50" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(height).toEqual("80");
+      expect(width).toEqual("160");
+    });
+
+    test("should reset Decision node size", async ({ diagram, nodes, decisionPropertiesPanel }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1075");
+      await decisionPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      await decisionPropertiesPanel.setShape({ width: "300", height: "300" });
+      await decisionPropertiesPanel.resetShape();
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.DECISION });
+      const { width, height } = await decisionPropertiesPanel.getShape();
+      expect(height).toEqual("80");
+      expect(width).toEqual("160");
+    });
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drgElements/resizeDecisionService.spec.ts b/packages/dmn-editor/tests/e2e/drgElements/resizeDecisionService.spec.ts
new file mode 100644
index 00000000000..18c17993a53
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/resizeDecisionService.spec.ts
@@ -0,0 +1,301 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DefaultNodeName, NodePosition, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Resize node - Decision Service", () => {
+  test.describe("Resize with snapping turned off", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.turnOffSnapping();
+      await palette.dragNewNode({ type: NodeType.DECISION_SERVICE, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Decision Service node size", async ({ nodes, decisionServicePropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: 50,
+        yOffset: 50,
+      });
+
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(width).toEqual("370");
+      expect(height).toEqual("370");
+    });
+
+    test("should decrease Decision Service node size", async ({ nodes, decisionServicePropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: 100,
+        yOffset: 100,
+      });
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: -20,
+        yOffset: -20,
+      });
+
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(width).toEqual("400");
+      expect(height).toEqual("400");
+    });
+
+    test("should not decrease below minimal Decision Service node size", async ({
+      nodes,
+      decisionServicePropertiesPanel,
+    }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: -50,
+        yOffset: -50,
+      });
+
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(width).toEqual("280");
+      expect(height).toEqual("280");
+    });
+  });
+
+  test.describe("Resize with snapping turned on", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.DECISION_SERVICE, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Decision Service node size", async ({ nodes, decisionServicePropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: 50,
+        yOffset: 50,
+      });
+
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(width).toEqual("360");
+      expect(height).toEqual("360");
+    });
+
+    test("should decrease Decision Service node size", async ({ nodes, decisionServicePropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: 100,
+        yOffset: 100,
+      });
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: -20,
+        yOffset: -20,
+      });
+
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(width).toEqual("400");
+      expect(height).toEqual("400");
+    });
+
+    test("should not decrease below minimal Decision Service node size", async ({
+      nodes,
+      decisionServicePropertiesPanel,
+    }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: -50,
+        yOffset: -50,
+      });
+
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(width).toEqual("280");
+      expect(height).toEqual("280");
+    });
+  });
+
+  test.describe("Resize with non default snapping", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.setSnapping({ horizontal: "50", vertical: "50" });
+      await palette.dragNewNode({ type: NodeType.DECISION_SERVICE, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Decision Service node size", async ({ nodes, decisionServicePropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: 50,
+        yOffset: 50,
+      });
+
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(width).toEqual("400");
+      expect(height).toEqual("400");
+    });
+
+    test("should decrease Decision Service node size", async ({ nodes, decisionServicePropertiesPanel }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: 100,
+        yOffset: 100,
+      });
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: -20,
+        yOffset: -20,
+      });
+
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(width).toEqual("400");
+      expect(height).toEqual("400");
+    });
+
+    test("should not decrease below minimal Decision Service node size", async ({
+      nodes,
+      decisionServicePropertiesPanel,
+    }) => {
+      await nodes.resize({
+        nodeName: DefaultNodeName.DECISION_SERVICE,
+        position: NodePosition.TOP,
+        xOffset: -50,
+        yOffset: -50,
+      });
+
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(width).toEqual("300");
+      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");
+    });
+  });
+
+  test.describe("Resize in properties panel", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.DECISION_SERVICE, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should resize Decision Service node in properties panel", async ({
+      diagram,
+      nodes,
+      decisionServicePropertiesPanel,
+    }) => {
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      await decisionServicePropertiesPanel.setShape({ width: "325", height: "325" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(height).toEqual("325");
+      expect(width).toEqual("325");
+    });
+
+    test("should not resize Decision Service node below minimal size", async ({
+      diagram,
+      nodes,
+      decisionServicePropertiesPanel,
+    }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1074");
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      await decisionServicePropertiesPanel.setShape({ width: "50", height: "50" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(height).toEqual("280");
+      expect(width).toEqual("280");
+    });
+
+    test("should reset Decision Service node size", async ({ diagram, nodes, decisionServicePropertiesPanel }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1075");
+      await decisionServicePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      await decisionServicePropertiesPanel.setShape({ width: "300", height: "300" });
+      await decisionServicePropertiesPanel.resetShape();
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.DECISION_SERVICE, position: NodePosition.TOP });
+      const { width, height } = await decisionServicePropertiesPanel.getShape();
+      expect(height).toEqual("280");
+      expect(width).toEqual("280");
+    });
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drgElements/resizeInputData.spec.ts b/packages/dmn-editor/tests/e2e/drgElements/resizeInputData.spec.ts
new file mode 100644
index 00000000000..036eff3bcbd
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/resizeInputData.spec.ts
@@ -0,0 +1,215 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DefaultNodeName, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Resize node - Input Data", () => {
+  test.describe("Resize with snapping turned off", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.turnOffSnapping();
+      await palette.dragNewNode({ type: NodeType.INPUT_DATA, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Input Data node size", async ({ nodes, inputDataPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: 50, yOffset: 50 });
+
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(width).toEqual("210");
+      expect(height).toEqual("130");
+    });
+
+    test("should decrease Input Data node size", async ({ nodes, inputDataPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: -20, yOffset: -20 });
+
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(width).toEqual("240");
+      expect(height).toEqual("160");
+    });
+
+    test("should not decrease below minimal Input Data node size", async ({ nodes, inputDataPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: -50, yOffset: -50 });
+
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(width).toEqual("160");
+      expect(height).toEqual("80");
+    });
+  });
+
+  test.describe("Resize with snapping turned on", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.INPUT_DATA, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Input Data node size", async ({ nodes, inputDataPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: 50, yOffset: 50 });
+
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(width).toEqual("200");
+      expect(height).toEqual("120");
+    });
+
+    test("should decrease Input Data node size", async ({ nodes, inputDataPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: -20, yOffset: -20 });
+
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(width).toEqual("240");
+      expect(height).toEqual("160");
+    });
+
+    test("should not decrease below minimal Input Data node size", async ({ nodes, inputDataPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: -50, yOffset: -50 });
+
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(width).toEqual("160");
+      expect(height).toEqual("80");
+    });
+  });
+
+  test.describe("Resize with non default snapping", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.setSnapping({ horizontal: "50", vertical: "50" });
+      await palette.dragNewNode({ type: NodeType.INPUT_DATA, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Input Data node size", async ({ nodes, inputDataPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: 50, yOffset: 50 });
+
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(width).toEqual("250");
+      expect(height).toEqual("150");
+    });
+
+    test("should decrease Input Data node size", async ({ nodes, inputDataPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: -20, yOffset: -20 });
+
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(width).toEqual("250");
+      expect(height).toEqual("150");
+    });
+
+    test("should not decrease below minimal Input Data node size", async ({ nodes, inputDataPropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.INPUT_DATA, xOffset: -50, yOffset: -50 });
+
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(width).toEqual("200");
+      expect(height).toEqual("100");
+    });
+  });
+
+  test.describe("Resize on top of other node - Input Data", () => {
+    test.beforeEach(async ({ diagram, palette }) => {
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 250, y: 150 } });
+      await diagram.resetFocus();
+      await palette.dragNewNode({ type: NodeType.INPUT_DATA, targetPosition: { x: 100, y: 100 } });
+      await diagram.resetFocus();
+    });
+
+    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");
+    });
+  });
+
+  test.describe("Resize in properties panel", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.INPUT_DATA, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should resize Input Data node in properties panel", async ({ diagram, nodes, inputDataPropertiesPanel }) => {
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      await inputDataPropertiesPanel.setShape({ width: "225", height: "225" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(height).toEqual("225");
+      expect(width).toEqual("225");
+    });
+
+    test("should not resize Input Data node below minimal size", async ({
+      diagram,
+      nodes,
+      inputDataPropertiesPanel,
+    }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1074");
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      await inputDataPropertiesPanel.setShape({ width: "50", height: "50" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(height).toEqual("80");
+      expect(width).toEqual("160");
+    });
+
+    test("should reset Input Data node size", async ({ diagram, nodes, inputDataPropertiesPanel }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1075");
+      await inputDataPropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      await inputDataPropertiesPanel.setShape({ width: "300", height: "300" });
+      await inputDataPropertiesPanel.resetShape();
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+      const { width, height } = await inputDataPropertiesPanel.getShape();
+      expect(height).toEqual("80");
+      expect(width).toEqual("160");
+    });
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drgElements/resizeKnowledgeSource.spec.ts b/packages/dmn-editor/tests/e2e/drgElements/resizeKnowledgeSource.spec.ts
new file mode 100644
index 00000000000..6448b04116d
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/resizeKnowledgeSource.spec.ts
@@ -0,0 +1,228 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { test, expect } from "../__fixtures__/base";
+import { DefaultNodeName, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Resize node - Knowledge Source", () => {
+  test.describe("Resize with snapping turned off", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.turnOffSnapping();
+      await palette.dragNewNode({ type: NodeType.KNOWLEDGE_SOURCE, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Knowledge Source node size", async ({ nodes, knowledgeSourcePropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: 50, yOffset: 50 });
+
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(width).toEqual("210");
+      expect(height).toEqual("130");
+    });
+
+    test("should decrease Knowledge Source node size", async ({ nodes, knowledgeSourcePropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: -20, yOffset: -20 });
+
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(width).toEqual("240");
+      expect(height).toEqual("160");
+    });
+
+    test("should not decrease below minimal Knowledge Source node size", async ({
+      nodes,
+      knowledgeSourcePropertiesPanel,
+    }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: -50, yOffset: -50 });
+
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(width).toEqual("160");
+      expect(height).toEqual("80");
+    });
+  });
+
+  test.describe("Resize with snapping turned on", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.KNOWLEDGE_SOURCE, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Knowledge Source node size", async ({ nodes, knowledgeSourcePropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: 50, yOffset: 50 });
+
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(width).toEqual("200");
+      expect(height).toEqual("120");
+    });
+
+    test("should decrease Knowledge Source node size", async ({ nodes, knowledgeSourcePropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: -20, yOffset: -20 });
+
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(width).toEqual("240");
+      expect(height).toEqual("160");
+    });
+
+    test("should not decrease below minimal Knowledge Source node size", async ({
+      nodes,
+      knowledgeSourcePropertiesPanel,
+    }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: -50, yOffset: -50 });
+
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(width).toEqual("160");
+      expect(height).toEqual("80");
+    });
+  });
+
+  test.describe("Resize with non default snapping", () => {
+    test.beforeEach(async ({ overlays, palette }) => {
+      await overlays.setSnapping({ horizontal: "50", vertical: "50" });
+      await palette.dragNewNode({ type: NodeType.KNOWLEDGE_SOURCE, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should increase Knowledge Source node size", async ({ nodes, knowledgeSourcePropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: 50, yOffset: 50 });
+
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(width).toEqual("250");
+      expect(height).toEqual("150");
+    });
+
+    test("should decrease Knowledge Source node size", async ({ nodes, knowledgeSourcePropertiesPanel }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: 100, yOffset: 100 });
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: -20, yOffset: -20 });
+
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(width).toEqual("250");
+      expect(height).toEqual("150");
+    });
+
+    test("should not decrease below minimal Knowledge Source node size", async ({
+      nodes,
+      knowledgeSourcePropertiesPanel,
+    }) => {
+      await nodes.resize({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, xOffset: -50, yOffset: -50 });
+
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(width).toEqual("200");
+      expect(height).toEqual("100");
+    });
+  });
+
+  test.describe("Resize on top of other node - Knowledge Source", () => {
+    test.beforeEach(async ({ diagram, palette }) => {
+      await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 250, y: 150 } });
+      await diagram.resetFocus();
+      await palette.dragNewNode({ type: NodeType.KNOWLEDGE_SOURCE, targetPosition: { x: 100, y: 100 } });
+      await diagram.resetFocus();
+    });
+
+    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");
+    });
+  });
+
+  test.describe("Resize in properties panel", () => {
+    test.beforeEach(async ({ palette }) => {
+      await palette.dragNewNode({ type: NodeType.KNOWLEDGE_SOURCE, targetPosition: { x: 100, y: 100 } });
+    });
+
+    test("should resize Knowledge Source node in properties panel", async ({
+      diagram,
+      nodes,
+      knowledgeSourcePropertiesPanel,
+    }) => {
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      await knowledgeSourcePropertiesPanel.setShape({ width: "225", height: "225" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(height).toEqual("225");
+      expect(width).toEqual("225");
+    });
+
+    test("should not resize Knowledge Source node below minimal size", async ({
+      diagram,
+      nodes,
+      knowledgeSourcePropertiesPanel,
+    }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1074");
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      await knowledgeSourcePropertiesPanel.setShape({ width: "50", height: "50" });
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(height).toEqual("80");
+      expect(width).toEqual("160");
+    });
+
+    test("should reset Knowledge Source node size", async ({ diagram, nodes, knowledgeSourcePropertiesPanel }) => {
+      test.skip(true, "https://github.com/apache/incubator-kie-issues/issues/1075");
+      await knowledgeSourcePropertiesPanel.open();
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      await knowledgeSourcePropertiesPanel.setShape({ width: "300", height: "300" });
+      await knowledgeSourcePropertiesPanel.resetShape();
+
+      await diagram.resetFocus();
+
+      await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+      const { width, height } = await knowledgeSourcePropertiesPanel.getShape();
+      expect(height).toEqual("80");
+      expect(width).toEqual("160");
+    });
+  });
+});