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..47028ff6cbd 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";
@@ -375,6 +374,7 @@ export function FontOptions({ startExpanded, nodeIds }: { startExpanded: boolean
             </div>
             <br />
             <Select
+              ouiaId="node-font-style-selector"
               toggleRef={toggleRef}
               variant={SelectVariant.single}
               aria-label={"Select font style"}
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/tests/e2e/__fixtures__/propertiesPanel.ts b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel.ts
index b570acc73d6..086d4dbb36b 100644
--- a/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel.ts
+++ b/packages/dmn-editor/tests/e2e/__fixtures__/propertiesPanel.ts
@@ -20,70 +20,124 @@
 import { Page } from "@playwright/test";
 import { DataType } from "./jsonModel";
 import { Diagram } from "./diagram";
-import { Nodes } from "./nodes";
+import { NodePosition, Nodes } from "./nodes";
 
 export class PropertiesPanel {
   constructor(public diagram: Diagram, public nodes: Nodes, public page: Page) {}
 
+  private panel() {
+    return this.page.getByTestId("properties-panel-container");
+  }
+
   public async open() {
     await this.page.getByTitle("Properties panel").click();
   }
 
-  public async changeNodeName(args: { newName: string }) {
-    await this.page.getByPlaceholder("Enter a name...").fill(args.newName);
+  public async changeNodeName(args: { from: string; to: string }) {
+    await this.nodes.select({ name: args.from, position: NodePosition.TOP });
+    await this.panel().getByPlaceholder("Enter a name...").fill(args.to);
     await this.page.keyboard.press("Enter");
   }
 
-  public async changeNodeDataType(args: { newDataType: DataType }) {
-    await this.page.getByPlaceholder("Select a data type...").click();
+  public async changeNodeDataType(args: { nodeName: string; newDataType: DataType }) {
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    await this.panel().getByPlaceholder("Select a data type...").click();
     await this.page.getByRole("option").getByText(args.newDataType, { exact: true }).click();
   }
 
-  public async changeNodeDescription(args: { newDescription: string }) {
-    await this.page.getByPlaceholder("Enter a description...").fill(args.newDescription);
+  public async changeNodeDescription(args: { nodeName: string; newDescription: string }) {
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    await this.panel().getByPlaceholder("Enter a description...").fill(args.newDescription);
+
     // commit changes by click to the diagram
     await this.diagram.resetFocus();
   }
 
   public async getNodeDescription(args: { nodeName: string }) {
-    await this.nodes.select({ name: args.nodeName });
-    return await this.page.getByPlaceholder("Enter a description...").inputValue();
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    return await this.panel().getByPlaceholder("Enter a description...").inputValue();
   }
 
-  public async changeNodeQuestion(args: { newQuestion: string }) {
-    await this.page.getByPlaceholder("Enter a question...").fill(args.newQuestion);
+  public async changeNodeQuestion(args: { nodeName: string; newQuestion: string }) {
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    await this.panel().getByPlaceholder("Enter a question...").fill(args.newQuestion);
     // commit changes by click to the diagram
     await this.diagram.resetFocus();
   }
 
   public async getNodeQuestion(args: { nodeName: string }) {
-    await this.nodes.select({ name: args.nodeName });
-    return await this.page.getByPlaceholder("Enter a question...").inputValue();
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    return await this.panel().getByPlaceholder("Enter a question...").inputValue();
+  }
+
+  public async changeNodeSourceType(args: { nodeName: string; newSourceType: string }) {
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    await this.panel().getByPlaceholder("Enter source type...").fill(args.newSourceType);
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getNodeSourceType(args: { nodeName: string }) {
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    return await this.panel().getByPlaceholder("Enter source type...").inputValue();
+  }
+
+  public async changeNodeLocationURI(args: { nodeName: string; newLocationURI: string }) {
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    await this.panel().getByPlaceholder("Enter location URI...").fill(args.newLocationURI);
+    // commit changes by click to the diagram
+    await this.diagram.resetFocus();
+  }
+
+  public async getNodeLocationURI(args: { nodeName: string }) {
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    return await this.panel().getByPlaceholder("Enter location URI...").inputValue();
   }
 
   public async changeNodeAllowedAnswers(args: { newAllowedAnswers: string }) {
-    await this.page.getByPlaceholder("Enter allowed answers...").fill(args.newAllowedAnswers);
+    await this.panel().getByPlaceholder("Enter allowed answers...").fill(args.newAllowedAnswers);
     // commit changes by click to the diagram
     await this.diagram.resetFocus();
   }
 
   public async getNodeAllowedAnswers(args: { nodeName: string }) {
-    await this.nodes.select({ name: args.nodeName });
-    return await this.page.getByPlaceholder("Enter allowed answers...").inputValue();
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    return await this.panel().getByPlaceholder("Enter allowed answers...").inputValue();
   }
 
-  public async addDocumentationLink(args: { linkText: string; linkHref: string }) {
-    await this.page.getByTitle("Add documentation link").click();
-    await this.page
+  public async addDocumentationLink(args: { nodeName: string; linkText: string; linkHref: string }) {
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    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.page.locator(".kie-dmn-editor--documentation-link--row").getByPlaceholder("http://").fill(args.linkHref);
+    await this.panel()
+      .locator(".kie-dmn-editor--documentation-link--row")
+      .getByPlaceholder("http://")
+      .fill(args.linkHref);
     await this.page.keyboard.press("Enter");
   }
 
   public async getDocumentationLinks(args: { nodeName: string }) {
-    await this.nodes.select({ name: args.nodeName });
-    return await this.page.locator(".kie-dmn-editor--documentation-link--row-title").locator("a").all();
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    return await this.panel().locator(".kie-dmn-editor--documentation-link--row-title").locator("a").all();
+  }
+
+  public async changeNodeFont(args: { nodeName: string; newFont: string }) {
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    await this.panel().getByTitle("Expand / collapse Font").click();
+
+    await this.panel().locator("[data-ouia-component-id='node-font-style-selector']").click();
+    await this.panel().getByText(args.newFont).click();
+
+    await this.diagram.resetFocus();
+  }
+
+  public async getNodeFont(args: { nodeName: string }) {
+    await this.nodes.select({ name: args.nodeName, position: NodePosition.TOP });
+    await this.panel().getByTitle("Expand / collapse Font").click();
+
+    return await this.panel().locator("[data-ouia-component-id='node-font-style-selector']").textContent();
   }
 }
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..c673d2504df
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/changeBKMProperties.spec.ts
@@ -0,0 +1,81 @@
+/*
+ * 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, propertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.BKM, targetPosition: { x: 100, y: 100 } });
+    await nodes.select({ name: DefaultNodeName.BKM });
+    await propertiesPanel.open();
+  });
+
+  test("should change the BKM node name", async ({ nodes, propertiesPanel }) => {
+    await propertiesPanel.changeNodeName({ from: DefaultNodeName.BKM, to: "Renamed BKM" });
+
+    await expect(nodes.get({ name: "Renamed BKM" })).toBeVisible();
+  });
+
+  test("should change the BKM node data type", async ({ nodes, propertiesPanel }) => {
+    await propertiesPanel.changeNodeDataType({ nodeName: DefaultNodeName.BKM, 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 ({ propertiesPanel }) => {
+    await propertiesPanel.changeNodeDescription({
+      nodeName: DefaultNodeName.BKM,
+      newDescription: "New BKM Description",
+    });
+
+    expect(await propertiesPanel.getNodeDescription({ nodeName: DefaultNodeName.BKM })).toBe("New BKM Description");
+  });
+
+  test("should change the BKM node documentation links", async ({ propertiesPanel }) => {
+    await propertiesPanel.addDocumentationLink({
+      nodeName: DefaultNodeName.BKM,
+      linkText: "Link Text",
+      linkHref: "http://link.test.com",
+    });
+
+    const links = await propertiesPanel.getDocumentationLinks({ nodeName: DefaultNodeName.BKM });
+    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 - family", async ({ propertiesPanel }) => {
+    await propertiesPanel.changeNodeFont({ nodeName: DefaultNodeName.BKM, newFont: "Verdana" });
+
+    expect(await propertiesPanel.getNodeFont({ nodeName: DefaultNodeName.BKM })).toBe("Verdana");
+  });
+
+  test.skip("should change the BKM node shape - background color", async ({ nodes, propertiesPanel }) => {
+    // blocked https://github.com/microsoft/playwright/issues/19929#issuecomment-1377035969
+  });
+});
diff --git a/packages/dmn-editor/tests/e2e/drgElements/decisionPropertiesPanel.spec.ts b/packages/dmn-editor/tests/e2e/drgElements/changeDecisionProperties.spec.ts
similarity index 70%
rename from packages/dmn-editor/tests/e2e/drgElements/decisionPropertiesPanel.spec.ts
rename to packages/dmn-editor/tests/e2e/drgElements/changeDecisionProperties.spec.ts
index b1ad9c87ffe..1f93f7c9b73 100644
--- a/packages/dmn-editor/tests/e2e/drgElements/decisionPropertiesPanel.spec.ts
+++ b/packages/dmn-editor/tests/e2e/drgElements/changeDecisionProperties.spec.ts
@@ -25,7 +25,7 @@ test.beforeEach(async ({ editor }) => {
   await editor.open();
 });
 
-test.describe.only("Change Properties - Decision", () => {
+test.describe("Change Properties - Decision", () => {
   test.beforeEach(async ({ palette, nodes, propertiesPanel }) => {
     await palette.dragNewNode({ type: NodeType.DECISION, targetPosition: { x: 100, y: 100 } });
     await nodes.select({ name: DefaultNodeName.DECISION });
@@ -33,13 +33,13 @@ test.describe.only("Change Properties - Decision", () => {
   });
 
   test("should change the Decision node name", async ({ nodes, propertiesPanel }) => {
-    await propertiesPanel.changeNodeName({ newName: "Renamed Decision" });
+    await propertiesPanel.changeNodeName({ from: DefaultNodeName.DECISION, to: "Renamed Decision" });
 
     await expect(nodes.get({ name: "Renamed Decision" })).toBeVisible();
   });
 
   test("should change the Decision node data type", async ({ nodes, propertiesPanel }) => {
-    await propertiesPanel.changeNodeDataType({ newDataType: DataType.Number });
+    await propertiesPanel.changeNodeDataType({ nodeName: DefaultNodeName.DECISION, newDataType: DataType.Number });
 
     await nodes.hover({ name: DefaultNodeName.DECISION });
     await expect(nodes.get({ name: DefaultNodeName.DECISION }).getByPlaceholder("Select a data type...")).toHaveValue(
@@ -48,7 +48,10 @@ test.describe.only("Change Properties - Decision", () => {
   });
 
   test("should change the Decision node description", async ({ propertiesPanel }) => {
-    await propertiesPanel.changeNodeDescription({ newDescription: "New Decision Description" });
+    await propertiesPanel.changeNodeDescription({
+      nodeName: DefaultNodeName.DECISION,
+      newDescription: "New Decision Description",
+    });
 
     expect(await propertiesPanel.getNodeDescription({ nodeName: DefaultNodeName.DECISION })).toBe(
       "New Decision Description"
@@ -56,7 +59,10 @@ test.describe.only("Change Properties - Decision", () => {
   });
 
   test("should change the Decision node question", async ({ propertiesPanel }) => {
-    await propertiesPanel.changeNodeQuestion({ newQuestion: "New Decision Question" });
+    await propertiesPanel.changeNodeQuestion({
+      nodeName: DefaultNodeName.DECISION,
+      newQuestion: "New Decision Question",
+    });
 
     expect(await propertiesPanel.getNodeQuestion({ nodeName: DefaultNodeName.DECISION })).toBe("New Decision Question");
   });
@@ -70,7 +76,11 @@ test.describe.only("Change Properties - Decision", () => {
   });
 
   test("should change the Decision node documentation links", async ({ propertiesPanel }) => {
-    await propertiesPanel.addDocumentationLink({ linkText: "Link Text", linkHref: "http://link.test.com" });
+    await propertiesPanel.addDocumentationLink({
+      nodeName: DefaultNodeName.DECISION,
+      linkText: "Link Text",
+      linkHref: "http://link.test.com",
+    });
 
     const links = await propertiesPanel.getDocumentationLinks({ nodeName: DefaultNodeName.DECISION });
     expect(links).toHaveLength(1);
@@ -78,10 +88,13 @@ test.describe.only("Change Properties - Decision", () => {
     expect(links[0]).toHaveAttribute("href", "http://link.test.com/");
   });
 
-  test("should change the Decision node font", async ({ nodes, propertiesPanel }) => {
-    // TODO
+  test("should change the Decision node font - family", async ({ propertiesPanel }) => {
+    await propertiesPanel.changeNodeFont({ nodeName: DefaultNodeName.DECISION, newFont: "Verdana" });
+
+    expect(await propertiesPanel.getNodeFont({ nodeName: DefaultNodeName.DECISION })).toBe("Verdana");
   });
-  test("should change the Decision node shape", async ({ nodes, propertiesPanel }) => {
-    // TODO
+
+  test.skip("should change the Decision node shape - background color", async ({ nodes, propertiesPanel }) => {
+    // blocked https://github.com/microsoft/playwright/issues/19929#issuecomment-1377035969
   });
 });
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..a5eee904ca0
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/changeDecisionServiceProperties.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";
+import { DataType } from "../__fixtures__/jsonModel";
+import { DefaultNodeName, NodeType } from "../__fixtures__/nodes";
+
+test.beforeEach(async ({ editor }) => {
+  await editor.open();
+});
+
+test.describe("Change Properties - Decision Service", () => {
+  test.beforeEach(async ({ palette, nodes, propertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.DECISION_SERVICE, targetPosition: { x: 100, y: 100 } });
+    await nodes.select({ name: DefaultNodeName.DECISION_SERVICE });
+    await propertiesPanel.open();
+  });
+
+  test("should change the Decision Service node name", async ({ nodes, propertiesPanel }) => {
+    await propertiesPanel.changeNodeName({ from: DefaultNodeName.DECISION_SERVICE, to: "Renamed Decision Service" });
+
+    await expect(nodes.get({ name: "Renamed Decision Service" })).toBeVisible();
+  });
+
+  test("should change the Decision Service node data type", async ({ nodes, propertiesPanel }) => {
+    await propertiesPanel.changeNodeDataType({
+      nodeName: DefaultNodeName.DECISION_SERVICE,
+      newDataType: DataType.Number,
+    });
+
+    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 ({ propertiesPanel }) => {
+    await propertiesPanel.changeNodeDescription({
+      nodeName: DefaultNodeName.DECISION_SERVICE,
+      newDescription: "New Decision Service Description",
+    });
+
+    expect(await propertiesPanel.getNodeDescription({ nodeName: DefaultNodeName.DECISION_SERVICE })).toBe(
+      "New Decision Service Description"
+    );
+  });
+
+  test("should change the Decision Service node documentation links", async ({ propertiesPanel }) => {
+    await propertiesPanel.addDocumentationLink({
+      nodeName: DefaultNodeName.DECISION_SERVICE,
+      linkText: "Link Text",
+      linkHref: "http://link.test.com",
+    });
+
+    const links = await propertiesPanel.getDocumentationLinks({ nodeName: DefaultNodeName.DECISION_SERVICE });
+    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 - family", async ({ propertiesPanel }) => {
+    await propertiesPanel.changeNodeFont({ nodeName: DefaultNodeName.DECISION_SERVICE, newFont: "Verdana" });
+
+    expect(await propertiesPanel.getNodeFont({ nodeName: DefaultNodeName.DECISION_SERVICE })).toBe("Verdana");
+  });
+
+  test.skip("should change the Decision Service node shape - background color", async ({ nodes, propertiesPanel }) => {
+    // blocked https://github.com/microsoft/playwright/issues/19929#issuecomment-1377035969
+  });
+});
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..e5542220fd7
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/changeInputDataProperties.spec.ts
@@ -0,0 +1,83 @@
+/*
+ * 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, propertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.INPUT_DATA, targetPosition: { x: 100, y: 100 } });
+    await nodes.select({ name: DefaultNodeName.INPUT_DATA });
+    await propertiesPanel.open();
+  });
+
+  test("should change the Input Data node name", async ({ nodes, propertiesPanel }) => {
+    await propertiesPanel.changeNodeName({ from: DefaultNodeName.INPUT_DATA, to: "Renamed Input Data" });
+
+    await expect(nodes.get({ name: "Renamed Input Data" })).toBeVisible();
+  });
+
+  test("should change the Input Data node data type", async ({ nodes, propertiesPanel }) => {
+    await propertiesPanel.changeNodeDataType({ nodeName: DefaultNodeName.INPUT_DATA, newDataType: DataType.Number });
+
+    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 ({ propertiesPanel }) => {
+    await propertiesPanel.changeNodeDescription({
+      nodeName: DefaultNodeName.INPUT_DATA,
+      newDescription: "New Input Data Description",
+    });
+
+    expect(await propertiesPanel.getNodeDescription({ nodeName: DefaultNodeName.INPUT_DATA })).toBe(
+      "New Input Data Description"
+    );
+  });
+
+  test("should change the Input Data node documentation links", async ({ propertiesPanel }) => {
+    await propertiesPanel.addDocumentationLink({
+      nodeName: DefaultNodeName.INPUT_DATA,
+      linkText: "Link Text",
+      linkHref: "http://link.test.com",
+    });
+
+    const links = await propertiesPanel.getDocumentationLinks({ nodeName: DefaultNodeName.INPUT_DATA });
+    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 - family", async ({ propertiesPanel }) => {
+    await propertiesPanel.changeNodeFont({ nodeName: DefaultNodeName.INPUT_DATA, newFont: "Verdana" });
+
+    expect(await propertiesPanel.getNodeFont({ nodeName: DefaultNodeName.INPUT_DATA })).toBe("Verdana");
+  });
+
+  test.skip("should change the Input Data node shape - background color", async ({ nodes, propertiesPanel }) => {
+    // blocked https://github.com/microsoft/playwright/issues/19929#issuecomment-1377035969
+  });
+});
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..e9322b8387b
--- /dev/null
+++ b/packages/dmn-editor/tests/e2e/drgElements/changeKnowledgeSourceProperties.spec.ts
@@ -0,0 +1,95 @@
+/*
+ * 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 - Knoledge Source", () => {
+  test.beforeEach(async ({ palette, nodes, propertiesPanel }) => {
+    await palette.dragNewNode({ type: NodeType.KNOWLEDGE_SOURCE, targetPosition: { x: 100, y: 100 } });
+    await nodes.select({ name: DefaultNodeName.KNOWLEDGE_SOURCE });
+    await propertiesPanel.open();
+  });
+
+  test("should change the Knoledge Source node name", async ({ nodes, propertiesPanel }) => {
+    await propertiesPanel.changeNodeName({ from: DefaultNodeName.KNOWLEDGE_SOURCE, to: "Renamed Knoledge Source" });
+
+    await expect(nodes.get({ name: "Renamed Knoledge Source" })).toBeVisible();
+  });
+
+  test("should change the Knoledge Source node description", async ({ propertiesPanel }) => {
+    await propertiesPanel.changeNodeDescription({
+      nodeName: DefaultNodeName.KNOWLEDGE_SOURCE,
+      newDescription: "New Knoledge Source Description",
+    });
+
+    expect(await propertiesPanel.getNodeDescription({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE })).toBe(
+      "New Knoledge Source Description"
+    );
+  });
+
+  test("should change the Knoledge Source node Source Type", async ({ propertiesPanel }) => {
+    await propertiesPanel.changeNodeSourceType({
+      nodeName: DefaultNodeName.KNOWLEDGE_SOURCE,
+      newSourceType: "New Knoledge Source Source Type",
+    });
+
+    expect(await propertiesPanel.getNodeSourceType({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE })).toBe(
+      "New Knoledge Source Source Type"
+    );
+  });
+
+  test("should change the Knoledge Source node Location URI", async ({ propertiesPanel }) => {
+    await propertiesPanel.changeNodeLocationURI({
+      nodeName: DefaultNodeName.KNOWLEDGE_SOURCE,
+      newLocationURI: "New Location URI",
+    });
+
+    expect(await propertiesPanel.getNodeLocationURI({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE })).toBe(
+      "New Location URI"
+    );
+  });
+
+  test("should change the Knoledge Source node documentation links", async ({ propertiesPanel }) => {
+    await propertiesPanel.addDocumentationLink({
+      nodeName: DefaultNodeName.KNOWLEDGE_SOURCE,
+      linkText: "Link Text",
+      linkHref: "http://link.test.com",
+    });
+
+    const links = await propertiesPanel.getDocumentationLinks({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE });
+    expect(links).toHaveLength(1);
+    expect(links[0]).toHaveText("Link Text");
+    expect(links[0]).toHaveAttribute("href", "http://link.test.com/");
+  });
+
+  test("should change the Knoledge Source node font - family", async ({ propertiesPanel }) => {
+    await propertiesPanel.changeNodeFont({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE, newFont: "Verdana" });
+
+    expect(await propertiesPanel.getNodeFont({ nodeName: DefaultNodeName.KNOWLEDGE_SOURCE })).toBe("Verdana");
+  });
+
+  test.skip("should change the Knoledge Source node shape - background color", async ({ nodes, propertiesPanel }) => {
+    // blocked https://github.com/microsoft/playwright/issues/19929#issuecomment-1377035969
+  });
+});