This is an automated email from the ASF dual-hosted git repository.

yamer pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/incubator-kie-tools.git


The following commit(s) were added to refs/heads/main by this push:
     new 50fdffba48b kie-issues#949: Action plan of strategy for implementing 
the E2E test suite for the new SceSim Editor (#2441)
50fdffba48b is described below

commit 50fdffba48bf923c87274d242aebcbb01dd31eba
Author: Kbowers <[email protected]>
AuthorDate: Mon Jul 29 08:42:40 2024 +0200

    kie-issues#949: Action plan of strategy for implementing the E2E test suite 
for the new SceSim Editor (#2441)
---
 .../tests-e2e/__fixtures__/backgroundTable.ts      |  14 +-
 .../tests-e2e/__fixtures__/contextMenu.ts          |  15 +-
 .../tests-e2e/__fixtures__/selectorPanel.ts        |  12 ++
 .../scesim-editor/tests-e2e/__fixtures__/table.ts  |  35 +++-
 .../tests-e2e/__fixtures__/testScenarioTable.ts    |  14 +-
 .../features/keyboard/navigation-down.png          | Bin 0 -> 20875 bytes
 .../keyboard/navigation-escaped-screenshot.png     | Bin 22382 -> 0 bytes
 .../features/keyboard/navigation-escaped.png       | Bin 0 -> 20688 bytes
 .../features/keyboard/navigation-left.png          | Bin 0 -> 20967 bytes
 .../features/keyboard/navigation-right.png         | Bin 0 -> 20854 bytes
 .../keyboard/navigation-screenshot-down.png        | Bin 22557 -> 0 bytes
 .../keyboard/navigation-screenshot-left.png        | Bin 22637 -> 0 bytes
 .../keyboard/navigation-screenshot-right.png       | Bin 22540 -> 0 bytes
 .../features/keyboard/navigation-screenshot-up.png | Bin 22618 -> 0 bytes
 .../features/keyboard/navigation-up.png            | Bin 0 -> 20946 bytes
 .../emptyExpression/empty-background-table.png     | Bin 9769 -> 7730 bytes
 .../emptyExpression/empty-test-scenario-table.png  | Bin 19993 -> 18729 bytes
 .../background-table-add-instance-column-left.png  | Bin 12228 -> 10848 bytes
 .../background-table-add-instance-column-right.png | Bin 11591 -> 10165 bytes
 .../background-table-add-property-column-left.png  | Bin 11584 -> 10157 bytes
 .../background-table-add-property-column-right.png | Bin 11560 -> 10142 bytes
 .../backgroundTable/background-table-decision.png  | Bin 22110 -> 21081 bytes
 .../backgroundTable/background-table-rule.png      | Bin 22110 -> 21251 bytes
 .../background-table-traffic-violation-headers.png | Bin 0 -> 19295 bytes
 ...est-scenario-table-add-instance-column-left.png | Bin 22814 -> 21790 bytes
 ...st-scenario-table-add-instance-column-right.png | Bin 22095 -> 21074 bytes
 ...est-scenario-table-add-property-column-left.png | Bin 22105 -> 21090 bytes
 ...st-scenario-table-add-property-column-right.png | Bin 22103 -> 21074 bytes
 .../test-scenario-table-decision.png               | Bin 46102 -> 42816 bytes
 .../testScenarioTable/test-scenario-table-rule.png | Bin 46102 -> 42816 bytes
 .../useCases/are-they-old-enough-test.png          | Bin 30088 -> 37162 bytes
 .../useCases/traffic-violation-test.png            | Bin 55380 -> 55767 bytes
 .../chromium/features/keyboard/navigation-down.png | Bin 0 -> 20897 bytes
 .../keyboard/navigation-escaped-screenshot.png     | Bin 22379 -> 0 bytes
 .../features/keyboard/navigation-escaped.png       | Bin 0 -> 20688 bytes
 .../chromium/features/keyboard/navigation-left.png | Bin 0 -> 20962 bytes
 .../features/keyboard/navigation-right.png         | Bin 0 -> 20860 bytes
 .../keyboard/navigation-screenshot-down.png        | Bin 22573 -> 0 bytes
 .../keyboard/navigation-screenshot-left.png        | Bin 22629 -> 0 bytes
 .../keyboard/navigation-screenshot-right.png       | Bin 22539 -> 0 bytes
 .../features/keyboard/navigation-screenshot-up.png | Bin 22610 -> 0 bytes
 .../chromium/features/keyboard/navigation-up.png   | Bin 0 -> 20942 bytes
 .../emptyExpression/empty-background-table.png     | Bin 9766 -> 7730 bytes
 .../emptyExpression/empty-test-scenario-table.png  | Bin 19989 -> 18730 bytes
 .../background-table-add-instance-column-left.png  | Bin 12226 -> 10851 bytes
 .../background-table-add-instance-column-right.png | Bin 11587 -> 10166 bytes
 .../background-table-add-property-column-left.png  | Bin 11582 -> 10156 bytes
 .../background-table-add-property-column-right.png | Bin 11556 -> 10143 bytes
 .../backgroundTable/background-table-decision.png  | Bin 22265 -> 21255 bytes
 .../backgroundTable/background-table-rule.png      | Bin 22293 -> 21255 bytes
 .../background-table-traffic-violation-headers.png | Bin 0 -> 19308 bytes
 ...est-scenario-table-add-instance-column-left.png | Bin 22812 -> 21790 bytes
 ...st-scenario-table-add-instance-column-right.png | Bin 22091 -> 21072 bytes
 ...est-scenario-table-add-property-column-left.png | Bin 22101 -> 21087 bytes
 ...st-scenario-table-add-property-column-right.png | Bin 22094 -> 21072 bytes
 .../test-scenario-table-decision.png               | Bin 46098 -> 42870 bytes
 .../testScenarioTable/test-scenario-table-rule.png | Bin 46108 -> 42857 bytes
 .../chromium/useCases/are-they-old-enough-test.png | Bin 30102 -> 33632 bytes
 .../chromium/useCases/traffic-violation-test.png   | Bin 55392 -> 50245 bytes
 .../webkit/features/keyboard/navigation-down.png   | Bin 0 -> 17913 bytes
 .../keyboard/navigation-escaped-screenshot.png     | Bin 18843 -> 0 bytes
 .../features/keyboard/navigation-escaped.png       | Bin 0 -> 17721 bytes
 .../webkit/features/keyboard/navigation-left.png   | Bin 0 -> 17968 bytes
 .../webkit/features/keyboard/navigation-right.png  | Bin 0 -> 17898 bytes
 .../keyboard/navigation-screenshot-down.png        | Bin 20169 -> 0 bytes
 .../keyboard/navigation-screenshot-left.png        | Bin 19058 -> 0 bytes
 .../keyboard/navigation-screenshot-right.png       | Bin 18988 -> 0 bytes
 .../features/keyboard/navigation-screenshot-up.png | Bin 19018 -> 0 bytes
 .../webkit/features/keyboard/navigation-up.png     | Bin 0 -> 17948 bytes
 .../emptyExpression/empty-background-table.png     | Bin 8435 -> 4941 bytes
 .../emptyExpression/empty-test-scenario-table.png  | Bin 16815 -> 15706 bytes
 .../background-table-add-instance-column-left.png  | Bin 9869 -> 8765 bytes
 .../background-table-add-instance-column-right.png | Bin 9876 -> 8772 bytes
 .../background-table-add-property-column-left.png  | Bin 9865 -> 8765 bytes
 .../background-table-add-property-column-right.png | Bin 9871 -> 8772 bytes
 .../backgroundTable/background-table-decision.png  | Bin 14838 -> 14215 bytes
 .../backgroundTable/background-table-rule.png      | Bin 14838 -> 14215 bytes
 .../background-table-traffic-violation-headers.png | Bin 0 -> 14839 bytes
 ...est-scenario-table-add-instance-column-left.png | Bin 18421 -> 17745 bytes
 ...st-scenario-table-add-instance-column-right.png | Bin 18429 -> 17738 bytes
 ...est-scenario-table-add-property-column-left.png | Bin 18417 -> 17773 bytes
 ...st-scenario-table-add-property-column-right.png | Bin 18419 -> 17749 bytes
 .../test-scenario-table-decision.png               | Bin 37523 -> 33233 bytes
 .../testScenarioTable/test-scenario-table-rule.png | Bin 37523 -> 33233 bytes
 .../webkit/useCases/are-they-old-enough-test.png   | Bin 22803 -> 28689 bytes
 .../webkit/useCases/traffic-violation-test.png     | Bin 44034 -> 44316 bytes
 .../tests-e2e/features/keyboard/keyboard.spec.ts   |  20 +--
 .../features/selection/contextMenu.spec.ts         |   2 +-
 .../backgroundTable/contextMenu.spec.ts            |  84 +++++++--
 .../scesimEditor/backgroundTable/misc.spec.ts      |  59 +++++++
 .../scesimEditor/backgroundTable/populate.spec.ts  |  44 ++---
 .../backgroundTable/selectorPanel.spec.ts          | 192 +++++++++++++++++++++
 .../testScenarioTable/contextMenu.spec.ts          | 175 +++++++++++++++++--
 .../scesimEditor/testScenarioTable/misc.spec.ts    |  63 +++++++
 .../testScenarioTable/populate.spec.ts             |  72 ++++----
 .../testScenarioTable/selectorPanel.spec.ts        | 120 +++++++++++++
 .../tests-e2e/useCases/areTheyOldEnough.spec.ts    |   3 +-
 .../tests-e2e/useCases/trafficViolation.spec.ts    |   3 +-
 98 files changed, 810 insertions(+), 117 deletions(-)

diff --git a/packages/scesim-editor/tests-e2e/__fixtures__/backgroundTable.ts 
b/packages/scesim-editor/tests-e2e/__fixtures__/backgroundTable.ts
index cfe3c20fa9b..8f6638dfeae 100644
--- a/packages/scesim-editor/tests-e2e/__fixtures__/backgroundTable.ts
+++ b/packages/scesim-editor/tests-e2e/__fixtures__/backgroundTable.ts
@@ -27,11 +27,11 @@ export class BackgroundTable {
   ) {}
 
   public get() {
-    return this.page.getByLabel("Background");
+    return 
this.page.getByLabel("Background").getByTestId("standalone-bee-table").locator("div").first();
   }
 
-  public async fill(args: { content: string; column: number }) {
-    await 
this.page.getByLabel("Background").getByTestId("monaco-container").nth(args.column).dblclick();
+  public async fill(args: { content: string; columnNumber: number }) {
+    await 
this.page.getByLabel("Background").getByTestId("monaco-container").nth(args.columnNumber).dblclick();
     if (this.projectName === ProjectName.GOOGLE_CHROME) {
       // Google Chrome's fill function is not always erasing the input content
       await this.page.getByLabel("Editor content;Press Alt+F1 for 
Accessibility Options.").press("Control+A");
@@ -41,4 +41,12 @@ export class BackgroundTable {
     await this.page.keyboard.press("Home");
     await this.page.keyboard.press("Enter");
   }
+
+  public async clickPlusIcon() {
+    await this.page.getByLabel("Background").locator("svg").click();
+  }
+
+  public getPlusIcon() {
+    return this.page.getByLabel("Background").locator("svg");
+  }
 }
diff --git a/packages/scesim-editor/tests-e2e/__fixtures__/contextMenu.ts 
b/packages/scesim-editor/tests-e2e/__fixtures__/contextMenu.ts
index fd704301e8b..801dbdff0b5 100644
--- a/packages/scesim-editor/tests-e2e/__fixtures__/contextMenu.ts
+++ b/packages/scesim-editor/tests-e2e/__fixtures__/contextMenu.ts
@@ -47,18 +47,21 @@ export class ContextMenu {
       .click({ button: "right" });
   }
 
-  public async openOnInstance(args: { name: string }) {
-    await this.page.getByRole("columnheader", { name: args.name }).click({ 
button: "right" });
-  }
-
-  public async openOnProperty(args: { name: string; columnNumber: number }) {
-    await this.page.getByRole("columnheader", { name: args.name 
}).nth(args.columnNumber).click({ button: "right" });
+  public async openOnColumnHeader(args: { name: string; columnNumber?: number 
}) {
+    await this.page
+      .getByRole("columnheader", { name: args.name })
+      .nth(args.columnNumber ?? 0)
+      .click({ button: "right" });
   }
 
   public async clickMenuItem(args: { menuItem: MenuItem }) {
     await this.page.getByRole("menuitem", { name: `${args.menuItem}` 
}).click();
   }
 
+  public getMenuItem(args: { menuItem: MenuItem }) {
+    return this.page.getByRole("menuitem", { name: `${args.menuItem}` });
+  }
+
   public getHeading(args: { heading: HeadingType }) {
     return this.page.getByRole("heading", { name: `${args.heading}`, exact: 
true });
   }
diff --git a/packages/scesim-editor/tests-e2e/__fixtures__/selectorPanel.ts 
b/packages/scesim-editor/tests-e2e/__fixtures__/selectorPanel.ts
index ca29af1c90a..2a9e0520479 100644
--- a/packages/scesim-editor/tests-e2e/__fixtures__/selectorPanel.ts
+++ b/packages/scesim-editor/tests-e2e/__fixtures__/selectorPanel.ts
@@ -29,4 +29,16 @@ export class SelectorPanel {
   public async close() {
     await this.page.getByLabel("Close drawer panel").click();
   }
+  public getAttribute(args: { name: string }) {
+    return this.page.getByRole("button", { name: args.name, exact: true });
+  }
+
+  public async expandAttribute(args: { name: string; dataType: string }) {
+    await this.page.getByLabel(`${args.name}${args.dataType}`).click();
+  }
+
+  public async assign(args: { name: string }) {
+    await this.page.getByRole("button", { name: args.name, exact: true 
}).click();
+    await this.page.getByRole("button", { name: "Assign" }).click();
+  }
 }
diff --git a/packages/scesim-editor/tests-e2e/__fixtures__/table.ts 
b/packages/scesim-editor/tests-e2e/__fixtures__/table.ts
index b44615636c3..79229233797 100644
--- a/packages/scesim-editor/tests-e2e/__fixtures__/table.ts
+++ b/packages/scesim-editor/tests-e2e/__fixtures__/table.ts
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { Page } from "@playwright/test";
+import { Locator, Page } from "@playwright/test";
 
 export enum AddRowPosition {
   ABOVE,
@@ -44,19 +44,27 @@ export class Table {
       : await this.page.getByRole("menuitem", { name: "Insert Above" 
}).click();
   }
 
-  public async addPropertyColumn(args: { targetCellName: string; position: 
AddColumnPosition; nth: number }) {
-    await this.page.getByRole("columnheader", { name: args.targetCellName 
}).nth(args.nth).click({ button: "right" });
+  public async addPropertyColumn(args: { targetCellName: string; position: 
AddColumnPosition; columnNumber: number }) {
+    await this.page
+      .getByRole("columnheader", { name: args.targetCellName })
+      .nth(args.columnNumber)
+      .click({ button: "right" });
     args.position === AddColumnPosition.LEFT
       ? await this.page.getByRole("menuitem", { name: "Insert Field Left" 
}).click()
       : await this.page.getByRole("menuitem", { name: "Insert Field Right" 
}).click();
   }
 
-  public async addInstanceColumn(args: { targetCellName: string; position: 
AddColumnPosition }) {
-    await this.page.getByRole("columnheader", { name: args.targetCellName 
}).click({ button: "right" });
+  public async addInstanceColumn(args: { targetCellName: string; position: 
AddColumnPosition; columnNumber?: number }) {
+    await this.page
+      .getByRole("columnheader", { name: args.targetCellName })
+      .nth(args.columnNumber ?? 0)
+      .click({ button: "right" });
+
     args.position === AddColumnPosition.LEFT
       ? await this.page.getByRole("menuitem", { name: "Insert Instance Left" 
}).click()
       : await this.page.getByRole("menuitem", { name: "Insert Instance Right" 
}).click();
   }
+
   public async selectCell(args: { rowNumber: string; columnNumber: number }) {
     await this.page
       .getByRole("row", { name: args.rowNumber })
@@ -64,13 +72,26 @@ export class Table {
       .nth(args.columnNumber)
       .click();
   }
-  public getColumnHeader(args: { name: string }) {
-    return this.page.getByRole("columnheader", { name: args.name });
+
+  public async selectColumnHeader(args: { name: string; columnNumber?: number 
}) {
+    await this.page
+      .getByRole("columnheader", { name: args.name })
+      .nth(args.columnNumber ?? 0)
+      .click();
   }
 
   public getCell(args: { rowNumber: string; columnNumber: number }) {
     return this.page.getByRole("row", { name: args.rowNumber 
}).nth(args.columnNumber);
   }
+
+  public getNumberedCell(args: { name: string }) {
+    return this.page.getByRole("cell", { name: args.name });
+  }
+
+  public getColumnHeader(args: { name: string; columnNumber?: number }) {
+    return this.page.getByRole("columnheader", { name: args.name 
}).nth(args.columnNumber ?? 0);
+  }
+
   public async deleteCellContent(args: { rowNumber: string; columnNumber: 
number }) {
     await this.page
       .getByRole("row", { name: args.rowNumber })
diff --git a/packages/scesim-editor/tests-e2e/__fixtures__/testScenarioTable.ts 
b/packages/scesim-editor/tests-e2e/__fixtures__/testScenarioTable.ts
index 4633a6aaa5e..e5af7589195 100644
--- a/packages/scesim-editor/tests-e2e/__fixtures__/testScenarioTable.ts
+++ b/packages/scesim-editor/tests-e2e/__fixtures__/testScenarioTable.ts
@@ -27,14 +27,14 @@ export class TestScenarioTable {
   ) {}
 
   public get() {
-    return this.page.getByLabel("Test Scenario");
+    return this.page.getByLabel("Test 
Scenario").getByTestId("standalone-bee-table").locator("div").first();
   }
 
-  public async fill(args: { content: string; rowLocatorInfo: string; column: 
number }) {
+  public async fill(args: { content: string; rowLocatorInfo: string; 
columnNumber: number }) {
     await this.page
       .getByRole("row", { name: args.rowLocatorInfo, exact: true })
       .getByTestId("monaco-container")
-      .nth(args.column)
+      .nth(args.columnNumber)
       .dblclick();
     if (this.projectName === ProjectName.GOOGLE_CHROME) {
       // Google Chrome's fill function is not always erasing the input content
@@ -45,4 +45,12 @@ export class TestScenarioTable {
     await this.page.keyboard.press("Home");
     await this.page.keyboard.press("Enter");
   }
+
+  public async clickPlusIcon() {
+    await this.page.getByLabel("Test Scenario").locator("svg").click();
+  }
+
+  public getPlusIcon() {
+    return this.page.getByLabel("Test Scenario").locator("svg");
+  }
 }
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-down.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-down.png
new file mode 100644
index 00000000000..bca810632f0
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-down.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-escaped-screenshot.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-escaped-screenshot.png
deleted file mode 100644
index a41bade5723..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-escaped-screenshot.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-escaped.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-escaped.png
new file mode 100644
index 00000000000..1e606639d51
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-escaped.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-left.png
new file mode 100644
index 00000000000..977fe01ebb2
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-right.png
new file mode 100644
index 00000000000..044c2eb066e
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-down.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-down.png
deleted file mode 100644
index 5c6a05b676b..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-down.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-left.png
deleted file mode 100644
index 589f8d3d7ad..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-left.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-right.png
deleted file mode 100644
index 978cd14d6ef..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-right.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-up.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-up.png
deleted file mode 100644
index 3a39e411e16..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-screenshot-up.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-up.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-up.png
new file mode 100644
index 00000000000..79f006d63f0
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/features/keyboard/navigation-up.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/misc/emptyExpression/empty-background-table.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/misc/emptyExpression/empty-background-table.png
index 5f7dc6cdce1..fe12aaa7d4f 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/misc/emptyExpression/empty-background-table.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/misc/emptyExpression/empty-background-table.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/misc/emptyExpression/empty-test-scenario-table.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/misc/emptyExpression/empty-test-scenario-table.png
index 5de6e4b1d41..31f7a974e6e 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/misc/emptyExpression/empty-test-scenario-table.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/misc/emptyExpression/empty-test-scenario-table.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
index c83c362826a..1e79b681350 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
index 7ec27d1eca9..d6ad0ca0a0c 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-property-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-property-column-left.png
index 22897e5af6b..82553e38332 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-property-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-property-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-property-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-property-column-right.png
index eda83129fa0..80814fc49c2 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-property-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-add-property-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-decision.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-decision.png
index 80bfe015090..c316c8a237a 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-decision.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-decision.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-rule.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-rule.png
index 80bfe015090..67d6339c8d3 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-rule.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-rule.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-traffic-violation-headers.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-traffic-violation-headers.png
new file mode 100644
index 00000000000..cf5fd470795
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/backgroundTable/background-table-traffic-violation-headers.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
index 85de21ac98a..fb3cfdfa4f5 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
index 8729509d142..b7db06bb346 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
index 1d20330e488..c24b3c8834a 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
index 8b0ba32892c..5f75b457ff4 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-decision.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-decision.png
index 023a860f1cb..726d4c5b35a 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-decision.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-decision.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-rule.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-rule.png
index 023a860f1cb..726d4c5b35a 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-rule.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/scesimEditor/testScenarioTable/test-scenario-table-rule.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/useCases/are-they-old-enough-test.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/useCases/are-they-old-enough-test.png
index 5183063e9c7..6b104803464 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/useCases/are-they-old-enough-test.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/useCases/are-they-old-enough-test.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/useCases/traffic-violation-test.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/useCases/traffic-violation-test.png
index 3ebcd79c414..11c9d93dee4 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/useCases/traffic-violation-test.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/Google-Chrome/useCases/traffic-violation-test.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-down.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-down.png
new file mode 100644
index 00000000000..32eb16da8f7
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-down.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-escaped-screenshot.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-escaped-screenshot.png
deleted file mode 100644
index a8f3e344b4b..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-escaped-screenshot.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-escaped.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-escaped.png
new file mode 100644
index 00000000000..d280bf5564f
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-escaped.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-left.png
new file mode 100644
index 00000000000..e72f31ec384
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-right.png
new file mode 100644
index 00000000000..219d3897832
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-down.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-down.png
deleted file mode 100644
index e3b640a0203..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-down.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-left.png
deleted file mode 100644
index 1159df10af7..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-left.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-right.png
deleted file mode 100644
index 691ca5d0c0c..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-right.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-up.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-up.png
deleted file mode 100644
index f176b001a94..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-screenshot-up.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-up.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-up.png
new file mode 100644
index 00000000000..53c71a2fd0a
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/features/keyboard/navigation-up.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/misc/emptyExpression/empty-background-table.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/misc/emptyExpression/empty-background-table.png
index c1d39f6c827..fe37efc55d5 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/misc/emptyExpression/empty-background-table.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/misc/emptyExpression/empty-background-table.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/misc/emptyExpression/empty-test-scenario-table.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/misc/emptyExpression/empty-test-scenario-table.png
index fbcfa6e887e..1ba88db1908 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/misc/emptyExpression/empty-test-scenario-table.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/misc/emptyExpression/empty-test-scenario-table.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
index 01d655995a5..86ec4e26873 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
index e2b8db6ecdf..d7aa9ef0286 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-property-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-property-column-left.png
index d9de6efe744..ee005e7f5e6 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-property-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-property-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-property-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-property-column-right.png
index 45bf76b9d15..4c3f0c72eb8 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-property-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-add-property-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-decision.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-decision.png
index b90a56d70fa..99afc0e3208 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-decision.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-decision.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-rule.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-rule.png
index 256e6bb11c8..99afc0e3208 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-rule.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-rule.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-traffic-violation-headers.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-traffic-violation-headers.png
new file mode 100644
index 00000000000..0e282faa0f9
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/backgroundTable/background-table-traffic-violation-headers.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
index 15b2ec435d0..b9ab65fcbef 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
index 6b1f945cc0d..7e6336b6617 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
index 0af3a17d45d..cc7b42c357d 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
index ffd486b5305..155e50ec4bc 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-decision.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-decision.png
index 196fb87c25b..7b6432fcbb9 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-decision.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-decision.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-rule.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-rule.png
index 0749d6ef2cf..ce70a5ebe92 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-rule.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/scesimEditor/testScenarioTable/test-scenario-table-rule.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/useCases/are-they-old-enough-test.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/useCases/are-they-old-enough-test.png
index c1f6a2c559b..80c8e8a09fd 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/useCases/are-they-old-enough-test.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/useCases/are-they-old-enough-test.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/useCases/traffic-violation-test.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/useCases/traffic-violation-test.png
index b3e9aa6e9ba..a84bf3cdb95 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/chromium/useCases/traffic-violation-test.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/chromium/useCases/traffic-violation-test.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-down.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-down.png
new file mode 100644
index 00000000000..1524241afc9
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-down.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-escaped-screenshot.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-escaped-screenshot.png
deleted file mode 100644
index e387cfbb24a..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-escaped-screenshot.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-escaped.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-escaped.png
new file mode 100644
index 00000000000..0c6bae5cf52
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-escaped.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-left.png
new file mode 100644
index 00000000000..30685be78bf
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-right.png
new file mode 100644
index 00000000000..adbfd1332d1
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-down.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-down.png
deleted file mode 100644
index 32284c1802c..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-down.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-left.png
deleted file mode 100644
index 922e37c139c..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-left.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-right.png
deleted file mode 100644
index bee9dedbf2b..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-right.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-up.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-up.png
deleted file mode 100644
index 216df91f3da..00000000000
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-screenshot-up.png
 and /dev/null differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-up.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-up.png
new file mode 100644
index 00000000000..2ec3e540c19
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/features/keyboard/navigation-up.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/misc/emptyExpression/empty-background-table.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/misc/emptyExpression/empty-background-table.png
index 7b37375dd1d..ac8f015ed60 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/misc/emptyExpression/empty-background-table.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/misc/emptyExpression/empty-background-table.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/misc/emptyExpression/empty-test-scenario-table.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/misc/emptyExpression/empty-test-scenario-table.png
index a730e53ade3..36e424097e2 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/misc/emptyExpression/empty-test-scenario-table.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/misc/emptyExpression/empty-test-scenario-table.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
index a3a6f131ca8..fda3d46654b 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-instance-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
index 1ae0fd99b44..459a2be7990 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-instance-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-property-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-property-column-left.png
index f2d141889c6..c1584fe3b1b 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-property-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-property-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-property-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-property-column-right.png
index 334246efb77..ba5fff3d08f 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-property-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-add-property-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-decision.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-decision.png
index c50e12daf79..6fe38f08b09 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-decision.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-decision.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-rule.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-rule.png
index c50e12daf79..6fe38f08b09 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-rule.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-rule.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-traffic-violation-headers.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-traffic-violation-headers.png
new file mode 100644
index 00000000000..6b8cbb09c20
Binary files /dev/null and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/backgroundTable/background-table-traffic-violation-headers.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
index cf3c7db2527..291a91a2f46 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
index 94678c6c76f..61f3ed0e0fb 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-instance-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
index d0da6d09b34..b9191844d12 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-left.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
index adfc068f831..6b44c01b29d 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-add-property-column-right.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-decision.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-decision.png
index 2753ab10260..6eb8907c926 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-decision.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-decision.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-rule.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-rule.png
index 2753ab10260..6eb8907c926 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-rule.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/scesimEditor/testScenarioTable/test-scenario-table-rule.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/useCases/are-they-old-enough-test.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/useCases/are-they-old-enough-test.png
index 425ac3f8c40..4e648f06942 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/useCases/are-they-old-enough-test.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/useCases/are-they-old-enough-test.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/useCases/traffic-violation-test.png
 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/useCases/traffic-violation-test.png
index 8cf98371a50..7607dfa613e 100644
Binary files 
a/packages/scesim-editor/tests-e2e/__screenshots__/webkit/useCases/traffic-violation-test.png
 and 
b/packages/scesim-editor/tests-e2e/__screenshots__/webkit/useCases/traffic-violation-test.png
 differ
diff --git 
a/packages/scesim-editor/tests-e2e/features/keyboard/keyboard.spec.ts 
b/packages/scesim-editor/tests-e2e/features/keyboard/keyboard.spec.ts
index 98e522db959..b85964978a8 100644
--- a/packages/scesim-editor/tests-e2e/features/keyboard/keyboard.spec.ts
+++ b/packages/scesim-editor/tests-e2e/features/keyboard/keyboard.spec.ts
@@ -35,19 +35,19 @@ test.describe("Keyboard", () => {
       await table.selectCell({ rowNumber: "1", columnNumber: 0 });
 
       await table.navigateRight({ rowNumber: "1", columnNumber: 0, type: 
Type.KEYBOARD_SHORTCUT });
-      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-screenshot-right.png");
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-right.png");
 
       await table.navigateDown({ rowNumber: "1", columnNumber: 1, type: 
Type.KEYBOARD_SHORTCUT });
-      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-screenshot-down.png");
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-down.png");
 
       await table.navigateLeft({ rowNumber: "2", columnNumber: 1, type: 
Type.KEYBOARD_SHORTCUT });
-      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-screenshot-left.png");
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-left.png");
 
       await table.navigateUp({ rowNumber: "2", columnNumber: 0, type: 
Type.KEYBOARD_SHORTCUT });
-      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-screenshot-up.png");
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-up.png");
 
       await table.deselectCell({ rowNumber: "2", columnNumber: 0 });
-      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-escaped-screenshot.png");
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-escaped.png");
     });
   });
 
@@ -60,19 +60,19 @@ test.describe("Keyboard", () => {
       await table.selectCell({ rowNumber: "1", columnNumber: 0 });
 
       await table.navigateRight({ rowNumber: "1", columnNumber: 0, type: 
Type.ARROW });
-      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-screenshot-right.png");
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-right.png");
 
       await table.navigateDown({ rowNumber: "1", columnNumber: 1, type: 
Type.ARROW });
-      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-screenshot-down.png");
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-down.png");
 
       await table.navigateLeft({ rowNumber: "2", columnNumber: 1, type: 
Type.ARROW });
-      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-screenshot-left.png");
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-left.png");
 
       await table.navigateUp({ rowNumber: "2", columnNumber: 0, type: 
Type.ARROW });
-      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-screenshot-up.png");
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-up.png");
 
       await table.deselectCell({ rowNumber: "2", columnNumber: 0 });
-      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-escaped-screenshot.png");
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("navigation-escaped.png");
     });
   });
 });
diff --git 
a/packages/scesim-editor/tests-e2e/features/selection/contextMenu.spec.ts 
b/packages/scesim-editor/tests-e2e/features/selection/contextMenu.spec.ts
index 435f3e1b957..46f30acb0b6 100644
--- a/packages/scesim-editor/tests-e2e/features/selection/contextMenu.spec.ts
+++ b/packages/scesim-editor/tests-e2e/features/selection/contextMenu.spec.ts
@@ -25,7 +25,7 @@ test.describe("Selection", () => {
   test.describe("Context menu", () => {
     test.beforeEach(async ({ editor, testScenarioTable }) => {
       await editor.createTestScenario(AssetType.RULE);
-      await testScenarioTable.fill({ content: '"test"', rowLocatorInfo: "1", 
column: 1 });
+      await testScenarioTable.fill({ content: '"test"', rowLocatorInfo: "1", 
columnNumber: 1 });
     });
 
     test.describe(() => {
diff --git 
a/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/contextMenu.spec.ts
 
b/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/contextMenu.spec.ts
index abbc00b45c3..1033454699b 100644
--- 
a/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/contextMenu.spec.ts
+++ 
b/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/contextMenu.spec.ts
@@ -21,6 +21,7 @@ import { test, expect } from "../../__fixtures__/base";
 import { HeadingType, MenuItem } from "../../__fixtures__/contextMenu";
 import { AssetType } from "../../__fixtures__/editor";
 import { AddColumnPosition } from "../../__fixtures__/table";
+import { TestAnnotations } from "@kie-tools/playwright-base/annotations";
 
 test.describe("Background table context menu", () => {
   test.describe("Context menu checks", () => {
@@ -30,9 +31,9 @@ test.describe("Background table context menu", () => {
       await table.addPropertyColumn({
         targetCellName: "PROPERTY (<Undefined>)",
         position: AddColumnPosition.RIGHT,
-        nth: 0,
+        columnNumber: 0,
       });
-      await backgroundTable.fill({ content: "test", column: 1 });
+      await backgroundTable.fill({ content: "test", columnNumber: 1 });
     });
 
     test("should render select context menu", async ({ contextMenu }) => {
@@ -44,7 +45,7 @@ test.describe("Background table context menu", () => {
     });
 
     test("should render field context menu", async ({ contextMenu }) => {
-      await contextMenu.openOnProperty({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
+      await contextMenu.openOnColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
       await expect(contextMenu.getHeading({ heading: HeadingType.SELECTION 
})).not.toBeAttached();
       await expect(contextMenu.getHeading({ heading: HeadingType.SCENARIO 
})).not.toBeAttached();
       await expect(contextMenu.getHeading({ heading: HeadingType.FIELD 
})).toBeAttached();
@@ -52,7 +53,7 @@ test.describe("Background table context menu", () => {
     });
 
     test("should render instance context menu", async ({ contextMenu }) => {
-      await contextMenu.openOnInstance({ name: "INSTANCE-1 (<Undefined>)" });
+      await contextMenu.openOnColumnHeader({ name: "INSTANCE-1 (<Undefined>)" 
});
       await expect(contextMenu.getHeading({ heading: HeadingType.SELECTION 
})).not.toBeAttached();
       await expect(contextMenu.getHeading({ heading: HeadingType.SCENARIO 
})).not.toBeAttached();
       await expect(contextMenu.getHeading({ heading: HeadingType.FIELD 
})).not.toBeAttached();
@@ -67,7 +68,7 @@ test.describe("Background table context menu", () => {
       await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).toBeAttached();
       await 
expect(backgroundTable.get()).toHaveScreenshot("background-table-add-instance-column-left.png");
 
-      await contextMenu.openOnInstance({ name: "INSTANCE-3 (<Undefined>)" });
+      await contextMenu.openOnColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
});
       await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
       await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).not.toBeAttached();
     });
@@ -80,7 +81,7 @@ test.describe("Background table context menu", () => {
       await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).toBeAttached();
       await 
expect(backgroundTable.get()).toHaveScreenshot("background-table-add-instance-column-right.png");
 
-      await contextMenu.openOnInstance({ name: "INSTANCE-3 (<Undefined>)" });
+      await contextMenu.openOnColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
});
       await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
       await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).not.toBeAttached();
     });
@@ -89,28 +90,83 @@ test.describe("Background table context menu", () => {
       await table.addPropertyColumn({
         targetCellName: "PROPERTY (<Undefined>)",
         position: AddColumnPosition.LEFT,
-        nth: 0,
+        columnNumber: 0,
       });
-      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)" 
}).nth(2)).toBeAttached();
+      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 2 })).toBeAttached();
       await 
expect(backgroundTable.get()).toHaveScreenshot("background-table-add-property-column-left.png");
 
-      await contextMenu.openOnProperty({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
+      await contextMenu.openOnColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
       await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_FIELD });
-      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)" 
}).nth(2)).not.toBeAttached();
+      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 2 })).not.toBeAttached();
     });
 
     test("should add and delete property column right", async ({ table, 
backgroundTable, contextMenu }) => {
       await table.addPropertyColumn({
         targetCellName: "PROPERTY (<Undefined>)",
         position: AddColumnPosition.RIGHT,
-        nth: 0,
+        columnNumber: 0,
       });
-      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)" 
}).nth(2)).toBeAttached();
+      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 2 })).toBeAttached();
       await 
expect(backgroundTable.get()).toHaveScreenshot("background-table-add-property-column-right.png");
 
-      await contextMenu.openOnProperty({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
+      await contextMenu.openOnColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
       await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_FIELD });
-      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)" 
}).nth(2)).not.toBeAttached();
+      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 2 })).not.toBeAttached();
+    });
+
+    test("should not render context menu on the given header", async ({ table, 
backgroundTable, contextMenu }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1342";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1342";,
+      });
+
+      await table.getColumnHeader({ name: "GIVEN" }).click({ button: "right" 
});
+      await expect(contextMenu.getHeading({ heading: HeadingType.SELECTION 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.SCENARIO 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.FIELD 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.INSTANCE 
})).not.toBeAttached();
+      await 
expect(backgroundTable.get()).toHaveScreenshot("background-table-no-context-menu.png");
+    });
+
+    test("deleting instance when only one given column present should generate 
a new column", async ({
+      contextMenu,
+      table,
+    }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1353";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1353";,
+      });
+
+      await contextMenu.openOnColumnHeader({ name: "INSTANCE-1 (<Undefined>)" 
});
+      await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
+      await expect(table.getColumnHeader({ name: "INSTANCE-1 (<Undefined>)" 
})).not.toBeAttached();
+      await expect(table.getColumnHeader({ name: "INSTANCE-2 (<Undefined>)" 
})).toBeAttached();
+      await contextMenu.openOnColumnHeader({ name: "INSTANCE-2 (<Undefined>)" 
});
+      await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
+      await expect(table.getColumnHeader({ name: "INSTANCE-2 (<Undefined>)" 
})).not.toBeAttached();
+      await expect(table.getColumnHeader({ name: "INSTANCE-1 (<Undefined>)" 
})).toBeAttached();
+    });
+
+    test("deleting property when only one given column present should generate 
a new column", async ({
+      contextMenu,
+      table,
+    }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1353";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1353";,
+      });
+
+      await contextMenu.openOnColumnHeader({ name: "Property (<Undefined>)", 
columnNumber: 0 });
+      await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_FIELD });
+      await expect(table.getColumnHeader({ name: "INSTANCE-1 (<Undefined>)" 
})).not.toBeAttached();
+      await expect(table.getColumnHeader({ name: "INSTANCE-2 (<Undefined>)" 
})).toBeAttached();
+      await contextMenu.openOnColumnHeader({ name: "Property (<Undefined>)", 
columnNumber: 0 });
+      await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_FIELD });
+      await expect(table.getColumnHeader({ name: "INSTANCE-2 (<Undefined>)" 
})).not.toBeAttached();
+      await expect(table.getColumnHeader({ name: "INSTANCE-1 (<Undefined>)" 
})).toBeAttached();
     });
   });
 });
diff --git 
a/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/misc.spec.ts 
b/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/misc.spec.ts
new file mode 100644
index 00000000000..3f9355e04b4
--- /dev/null
+++ b/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/misc.spec.ts
@@ -0,0 +1,59 @@
+/*
+ * 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 { TestAnnotations } from "@kie-tools/playwright-base/annotations";
+import { test, expect } from "../../__fixtures__/base";
+import { AssetType } from "../../__fixtures__/editor";
+
+test.describe("Background table misc", () => {
+  test.beforeEach(async ({ editor }) => {
+    await editor.createTestScenario(AssetType.DECISION);
+    await editor.switchToBackgroundTable();
+  });
+
+  test("should render add column plus symbols on Instance headers", async ({ 
table, backgroundTable }) => {
+    test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1354";);
+    test.info().annotations.push({
+      type: TestAnnotations.REGRESSION,
+      description: 
"https://github.com/apache/incubator-kie-issues/issues/1354";,
+    });
+
+    await expect(table.getColumnHeader({ name: "INSTANCE-2 (<Undefined>)" 
})).not.toBeAttached();
+    await table.getColumnHeader({ name: "INSTANCE-1 (<Undefined>)" }).hover();
+    await backgroundTable.clickPlusIcon();
+    await expect(table.getColumnHeader({ name: "INSTANCE-2 (<Undefined>)" 
})).toBeAttached();
+  });
+
+  test("should render add column plus symbols on Property headers", async ({ 
table, backgroundTable }) => {
+    await expect(table.getColumnHeader({ name: "INSTANCE-2 (<Undefined>)" 
})).not.toBeAttached();
+    await table.getColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 0 }).hover();
+    await backgroundTable.clickPlusIcon();
+    await expect(table.getColumnHeader({ name: "INSTANCE-2 (<Undefined>)" 
})).toBeAttached();
+  });
+
+  test("should not render add column plus symbol on Given header", async ({ 
table, backgroundTable }) => {
+    await table.getColumnHeader({ name: "GIVEN" }).hover();
+    await expect(backgroundTable.getPlusIcon()).not.toBeAttached();
+  });
+
+  test("should not render add row plus symbol on table cell", async ({ table, 
backgroundTable }) => {
+    await table.getCell({ rowNumber: "1", columnNumber: 0 }).hover();
+    await expect(backgroundTable.getPlusIcon()).not.toBeAttached();
+  });
+});
diff --git 
a/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/populate.spec.ts
 
b/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/populate.spec.ts
index 6d9f56201f8..85ac4b56af3 100644
--- 
a/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/populate.spec.ts
+++ 
b/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/populate.spec.ts
@@ -30,39 +30,39 @@ test.describe("Populate decision background table", () => {
   }) => {
     await editor.createTestScenario(AssetType.DECISION);
     await editor.switchToBackgroundTable();
-    await backgroundTable.fill({ content: "{foo}", column: 0 });
+    await backgroundTable.fill({ content: "{foo}", columnNumber: 0 });
 
     await table.addPropertyColumn({
       targetCellName: "PROPERTY (<Undefined>)",
       position: AddColumnPosition.RIGHT,
-      nth: 0,
+      columnNumber: 0,
     });
     await table.addPropertyColumn({
       targetCellName: "PROPERTY (<Undefined>)",
       position: AddColumnPosition.RIGHT,
-      nth: 0,
+      columnNumber: 0,
     });
     await table.addPropertyColumn({
       targetCellName: "PROPERTY (<Undefined>)",
       position: AddColumnPosition.RIGHT,
-      nth: 0,
+      columnNumber: 0,
     });
     await table.addPropertyColumn({
       targetCellName: "PROPERTY (<Undefined>)",
       position: AddColumnPosition.RIGHT,
-      nth: 0,
+      columnNumber: 0,
     });
     await table.addPropertyColumn({
       targetCellName: "PROPERTY (<Undefined>)",
       position: AddColumnPosition.RIGHT,
-      nth: 0,
+      columnNumber: 0,
     });
 
-    await backgroundTable.fill({ content: "[foo]", column: 1 });
-    await backgroundTable.fill({ content: '"foo"', column: 2 });
-    await backgroundTable.fill({ content: ",./123981275980172957129517", 
column: 3 });
-    await backgroundTable.fill({ content: "{foo}{foo}f", column: 4 });
-    await backgroundTable.fill({ content: "=1-205=-1205=-0125-0215215", 
column: 5 });
+    await backgroundTable.fill({ content: "[foo]", columnNumber: 1 });
+    await backgroundTable.fill({ content: '"foo"', columnNumber: 2 });
+    await backgroundTable.fill({ content: ",./123981275980172957129517", 
columnNumber: 3 });
+    await backgroundTable.fill({ content: "{foo}{foo}f", columnNumber: 4 });
+    await backgroundTable.fill({ content: "=1-205=-1205=-0125-0215215", 
columnNumber: 5 });
 
     await resizing.reset(table.getColumnHeader({ name: "INSTANCE-1 
(<Undefined>)" }));
     await 
expect(backgroundTable.get()).toHaveScreenshot("background-table-decision.png");
@@ -78,39 +78,39 @@ test.describe("Populate rule background table", () => {
   }) => {
     await editor.createTestScenario(AssetType.RULE);
     await editor.switchToBackgroundTable();
-    await backgroundTable.fill({ content: "{foo}", column: 0 });
+    await backgroundTable.fill({ content: "{foo}", columnNumber: 0 });
 
     await table.addPropertyColumn({
       targetCellName: "PROPERTY (<Undefined>)",
       position: AddColumnPosition.RIGHT,
-      nth: 0,
+      columnNumber: 0,
     });
     await table.addPropertyColumn({
       targetCellName: "PROPERTY (<Undefined>)",
       position: AddColumnPosition.RIGHT,
-      nth: 0,
+      columnNumber: 0,
     });
     await table.addPropertyColumn({
       targetCellName: "PROPERTY (<Undefined>)",
       position: AddColumnPosition.RIGHT,
-      nth: 0,
+      columnNumber: 0,
     });
     await table.addPropertyColumn({
       targetCellName: "PROPERTY (<Undefined>)",
       position: AddColumnPosition.RIGHT,
-      nth: 0,
+      columnNumber: 0,
     });
     await table.addPropertyColumn({
       targetCellName: "PROPERTY (<Undefined>)",
       position: AddColumnPosition.RIGHT,
-      nth: 0,
+      columnNumber: 0,
     });
 
-    await backgroundTable.fill({ content: "[foo]", column: 1 });
-    await backgroundTable.fill({ content: '"foo"', column: 2 });
-    await backgroundTable.fill({ content: ",./123981275980172957129517", 
column: 3 });
-    await backgroundTable.fill({ content: "{foo}{foo}f", column: 4 });
-    await backgroundTable.fill({ content: "=1-205=-1205=-0125-0215215", 
column: 5 });
+    await backgroundTable.fill({ content: "[foo]", columnNumber: 1 });
+    await backgroundTable.fill({ content: '"foo"', columnNumber: 2 });
+    await backgroundTable.fill({ content: ",./123981275980172957129517", 
columnNumber: 3 });
+    await backgroundTable.fill({ content: "{foo}{foo}f", columnNumber: 4 });
+    await backgroundTable.fill({ content: "=1-205=-1205=-0125-0215215", 
columnNumber: 5 });
 
     await resizing.reset(table.getColumnHeader({ name: "INSTANCE-1 
(<Undefined>)" }));
     await 
expect(backgroundTable.get()).toHaveScreenshot("background-table-rule.png");
diff --git 
a/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/selectorPanel.spec.ts
 
b/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/selectorPanel.spec.ts
new file mode 100644
index 00000000000..6995b12a348
--- /dev/null
+++ 
b/packages/scesim-editor/tests-e2e/scesimEditor/backgroundTable/selectorPanel.spec.ts
@@ -0,0 +1,192 @@
+/*
+ * 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 { MenuItem } from "../../__fixtures__/contextMenu";
+import { AddColumnPosition } from "../../__fixtures__/table";
+
+test.describe("Use Selector Panel on background table based on traffic 
violation use case", () => {
+  test.beforeEach(async ({ editor, useCases, selectorPanel }) => {
+    await useCases.openTrafficViolationTest();
+    await editor.switchToBackgroundTable();
+    await selectorPanel.open();
+  });
+  test("should correctly populate column headers of traffic violation use 
case", async ({
+    table,
+    selectorPanel,
+    backgroundTable,
+  }) => {
+    await table.selectColumnHeader({ name: "INSTANCE 1 (<Undefined>)" });
+    await selectorPanel.assign({ name: "Driver" });
+    await table.selectColumnHeader({ name: "Expression </>" });
+    await selectorPanel.assign({ name: "Points" });
+
+    await table.addInstanceColumn({
+      targetCellName: "Driver",
+      position: AddColumnPosition.RIGHT,
+    });
+
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)" });
+    await selectorPanel.expandAttribute({
+      name: "Should the driver be suspended?",
+      dataType: "Should the driver be suspended?",
+    });
+    await selectorPanel.assign({ name: "value" });
+
+    await table.addInstanceColumn({
+      targetCellName: "Should the driver be suspended?",
+      position: AddColumnPosition.RIGHT,
+    });
+
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)" });
+    await selectorPanel.expandAttribute({ name: "Fine", dataType: "Fine" });
+    await selectorPanel.assign({ name: "Amount" });
+
+    await table.addPropertyColumn({
+      targetCellName: "Amount",
+      position: AddColumnPosition.RIGHT,
+      columnNumber: 0,
+    });
+
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)" });
+    await selectorPanel.assign({ name: "Points" });
+
+    await table.addInstanceColumn({
+      targetCellName: "Should the driver be suspended?",
+      position: AddColumnPosition.LEFT,
+    });
+
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)" });
+    await selectorPanel.expandAttribute({ name: "Violation", dataType: 
"Violation" });
+    await selectorPanel.assign({ name: "Actual Speed" });
+
+    await table.addPropertyColumn({
+      targetCellName: "Actual Speed",
+      position: AddColumnPosition.RIGHT,
+      columnNumber: 0,
+    });
+
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)" });
+    await selectorPanel.assign({ name: "Type" });
+
+    await table.addPropertyColumn({
+      targetCellName: "Actual Speed",
+      position: AddColumnPosition.LEFT,
+      columnNumber: 0,
+    });
+
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)" });
+    await selectorPanel.assign({ name: "Speed Limit" });
+
+    await selectorPanel.close();
+    await 
expect(backgroundTable.get()).toHaveScreenshot("background-table-traffic-violation-headers.png");
+  });
+
+  test("should correctly remove instance from selector panel once assigned", 
async ({ table, selectorPanel }) => {
+    await table.addPropertyColumn({
+      targetCellName: "PROPERTY 1 (<Undefined>)",
+      position: AddColumnPosition.RIGHT,
+      columnNumber: 0,
+    });
+    await table.addPropertyColumn({
+      targetCellName: "PROPERTY 1 (<Undefined>)",
+      position: AddColumnPosition.RIGHT,
+      columnNumber: 0,
+    });
+
+    await table.selectColumnHeader({ name: "INSTANCE 1 (<Undefined>)" });
+    await expect(selectorPanel.getAttribute({ name: "Driver" 
})).toBeAttached();
+    await selectorPanel.assign({ name: "Driver" });
+    await table.selectColumnHeader({ name: "INSTANCE-2 (<Undefined>)" });
+    await expect(selectorPanel.getAttribute({ name: "Driver" 
})).not.toBeAttached();
+  });
+
+  test("should correctly remove property from selector panel once assigned", 
async ({ table, selectorPanel }) => {
+    await table.selectColumnHeader({ name: "INSTANCE 1 (<Undefined>)" });
+    await selectorPanel.assign({ name: "Violation" });
+
+    await table.addPropertyColumn({
+      targetCellName: "Expression </>",
+      position: AddColumnPosition.RIGHT,
+      columnNumber: 0,
+    });
+
+    await table.selectColumnHeader({ name: "Expression </>" });
+    await expect(selectorPanel.getAttribute({ name: "Speed Limit" 
})).toBeAttached();
+    await selectorPanel.assign({ name: "Speed Limit" });
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)" });
+    await expect(selectorPanel.getAttribute({ name: "Speed Limit" 
})).not.toBeAttached();
+  });
+
+  test("should correctly populate an instance by assigning a property", async 
({ table, selectorPanel }) => {
+    await expect(table.getColumnHeader({ name: "Violation" 
})).not.toBeAttached();
+
+    await table.selectColumnHeader({ name: "PROPERTY 1 (<Undefined>)" });
+    await selectorPanel.expandAttribute({ name: "Violation", dataType: 
"Violation" });
+    await selectorPanel.assign({ name: "Speed Limit" });
+    await expect(table.getColumnHeader({ name: "Violation" })).toBeAttached();
+  });
+
+  test("deleting an instance should correctly delete all its properties", 
async ({
+    table,
+    selectorPanel,
+    contextMenu,
+  }) => {
+    await table.selectColumnHeader({ name: "INSTANCE 1 (<Undefined>)" });
+    await selectorPanel.assign({ name: "Driver" });
+
+    await table.addInstanceColumn({
+      targetCellName: "Driver",
+      position: AddColumnPosition.RIGHT,
+    });
+
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)" });
+    await selectorPanel.expandAttribute({ name: "Violation", dataType: 
"Violation" });
+    await selectorPanel.assign({ name: "Actual Speed" });
+
+    await table.addPropertyColumn({
+      targetCellName: "Actual Speed",
+      position: AddColumnPosition.RIGHT,
+      columnNumber: 0,
+    });
+
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)" });
+    await selectorPanel.assign({ name: "Type" });
+
+    await table.addPropertyColumn({
+      targetCellName: "Actual Speed",
+      position: AddColumnPosition.LEFT,
+      columnNumber: 0,
+    });
+
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)" });
+    await selectorPanel.assign({ name: "Speed Limit" });
+
+    await expect(selectorPanel.getAttribute({ name: "Speed Limit" 
})).toBeAttached();
+    await expect(selectorPanel.getAttribute({ name: "Actual Speed" 
})).toBeAttached();
+    await expect(selectorPanel.getAttribute({ name: "Type" })).toBeAttached();
+
+    await contextMenu.openOnColumnHeader({ name: "Violation" });
+    await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
+
+    await expect(selectorPanel.getAttribute({ name: "Speed Limit" 
})).not.toBeAttached();
+    await expect(selectorPanel.getAttribute({ name: "Actual Speed" 
})).not.toBeAttached();
+    await expect(selectorPanel.getAttribute({ name: "Type" 
})).not.toBeAttached();
+  });
+});
diff --git 
a/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/contextMenu.spec.ts
 
b/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/contextMenu.spec.ts
index b75099894c7..7ef0268fa3d 100644
--- 
a/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/contextMenu.spec.ts
+++ 
b/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/contextMenu.spec.ts
@@ -17,6 +17,7 @@
  * under the License.
  */
 
+import { TestAnnotations } from "@kie-tools/playwright-base/annotations";
 import { test, expect } from "../../__fixtures__/base";
 import { HeadingType, MenuItem } from "../../__fixtures__/contextMenu";
 import { AssetType } from "../../__fixtures__/editor";
@@ -27,7 +28,7 @@ test.describe("Test scenario table context menu", () => {
     test.beforeEach(async ({ editor, testScenarioTable, table }) => {
       await editor.createTestScenario(AssetType.RULE);
       await table.addRow({ targetCellName: "1", position: AddRowPosition.ABOVE 
});
-      await testScenarioTable.fill({ content: "test", rowLocatorInfo: "1", 
column: 1 });
+      await testScenarioTable.fill({ content: "test", rowLocatorInfo: "1", 
columnNumber: 1 });
     });
 
     test("should render select context menu", async ({ contextMenu }) => {
@@ -39,7 +40,7 @@ test.describe("Test scenario table context menu", () => {
     });
 
     test("should render field context menu", async ({ contextMenu }) => {
-      await contextMenu.openOnProperty({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
+      await contextMenu.openOnColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
       await expect(contextMenu.getHeading({ heading: HeadingType.SELECTION 
})).not.toBeAttached();
       await expect(contextMenu.getHeading({ heading: HeadingType.SCENARIO 
})).not.toBeAttached();
       await expect(contextMenu.getHeading({ heading: HeadingType.FIELD 
})).toBeAttached();
@@ -47,7 +48,7 @@ test.describe("Test scenario table context menu", () => {
     });
 
     test("should render instance context menu", async ({ contextMenu }) => {
-      await contextMenu.openOnInstance({ name: "INSTANCE-1 (<Undefined>)" });
+      await contextMenu.openOnColumnHeader({ name: "INSTANCE-1 (<Undefined>)" 
});
       await expect(contextMenu.getHeading({ heading: HeadingType.SELECTION 
})).not.toBeAttached();
       await expect(contextMenu.getHeading({ heading: HeadingType.SCENARIO 
})).not.toBeAttached();
       await expect(contextMenu.getHeading({ heading: HeadingType.FIELD 
})).not.toBeAttached();
@@ -62,7 +63,7 @@ test.describe("Test scenario table context menu", () => {
       await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).toBeAttached();
       await 
expect(testScenarioTable.get()).toHaveScreenshot("test-scenario-table-add-instance-column-left.png");
 
-      await contextMenu.openOnInstance({ name: "INSTANCE-3 (<Undefined>)" });
+      await contextMenu.openOnColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
});
       await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
       await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).not.toBeAttached();
     });
@@ -75,7 +76,7 @@ test.describe("Test scenario table context menu", () => {
       await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).toBeAttached();
       await 
expect(testScenarioTable.get()).toHaveScreenshot("test-scenario-table-add-instance-column-right.png");
 
-      await contextMenu.openOnInstance({ name: "INSTANCE-3 (<Undefined>)" });
+      await contextMenu.openOnColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
});
       await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
       await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).not.toBeAttached();
     });
@@ -84,28 +85,28 @@ test.describe("Test scenario table context menu", () => {
       await table.addPropertyColumn({
         targetCellName: "PROPERTY (<Undefined>)",
         position: AddColumnPosition.LEFT,
-        nth: 0,
+        columnNumber: 0,
       });
-      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)" 
}).nth(2)).toBeAttached();
+      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 2 })).toBeAttached();
       await 
expect(testScenarioTable.get()).toHaveScreenshot("test-scenario-table-add-property-column-left.png");
 
-      await contextMenu.openOnProperty({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
+      await contextMenu.openOnColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
       await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_FIELD });
-      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)" 
}).nth(2)).not.toBeAttached();
+      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 2 })).not.toBeAttached();
     });
 
     test("should add and delete property column right", async ({ contextMenu, 
table, testScenarioTable }) => {
       await table.addPropertyColumn({
         targetCellName: "PROPERTY (<Undefined>)",
         position: AddColumnPosition.RIGHT,
-        nth: 0,
+        columnNumber: 0,
       });
-      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)" 
}).nth(2)).toBeAttached();
+      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 2 })).toBeAttached();
       await 
expect(testScenarioTable.get()).toHaveScreenshot("test-scenario-table-add-property-column-right.png");
 
-      await contextMenu.openOnProperty({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
+      await contextMenu.openOnColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 1 });
       await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_FIELD });
-      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)" 
}).nth(2)).not.toBeAttached();
+      await expect(table.getColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 2 })).not.toBeAttached();
     });
 
     test("should add and delete row below", async ({ table, contextMenu }) => {
@@ -125,5 +126,153 @@ test.describe("Test scenario table context menu", () => {
       await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_SCENARIO });
       await expect(table.getCell({ rowNumber: "3", columnNumber: 0 
})).not.toBeAttached();
     });
+
+    test("should not render context menu on the hash header", async ({ table, 
testScenarioTable, contextMenu }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1342";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1342";,
+      });
+
+      await table.getColumnHeader({ name: "#" }).click({ button: "right" });
+      await expect(contextMenu.getHeading({ heading: HeadingType.SELECTION 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.SCENARIO 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.FIELD 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.INSTANCE 
})).not.toBeAttached();
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("test-scenario-table-hash-no-context-menu.png");
+    });
+
+    test("should not render context menu on the scenario description header", 
async ({
+      table,
+      testScenarioTable,
+      contextMenu,
+    }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1342";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1342";,
+      });
+
+      await table.getColumnHeader({ name: "Scenario Description" }).click({ 
button: "right" });
+      await expect(contextMenu.getHeading({ heading: HeadingType.SELECTION 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.SCENARIO 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.FIELD 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.INSTANCE 
})).not.toBeAttached();
+      await expect(testScenarioTable.get()).toHaveScreenshot(
+        "test-scenario-table-scenario-description-no-context-menu.png"
+      );
+    });
+
+    test("should not render context menu on the given header", async ({ table, 
testScenarioTable, contextMenu }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1342";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1342";,
+      });
+
+      await table.getColumnHeader({ name: "GIVEN" }).click({ button: "right" 
});
+      await expect(contextMenu.getHeading({ heading: HeadingType.SELECTION 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.SCENARIO 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.FIELD 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.INSTANCE 
})).not.toBeAttached();
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("test-scenario-table-given-no-context-menu.png");
+    });
+
+    test("should not render context menu on the expect header", async ({ 
table, testScenarioTable, contextMenu }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1342";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1342";,
+      });
+
+      await table.getColumnHeader({ name: "EXPECT" }).click({ button: "right" 
});
+      await expect(contextMenu.getHeading({ heading: HeadingType.SELECTION 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.SCENARIO 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.FIELD 
})).not.toBeAttached();
+      await expect(contextMenu.getHeading({ heading: HeadingType.INSTANCE 
})).not.toBeAttached();
+      await 
expect(testScenarioTable.get()).toHaveScreenshot("test-scenario-table-expect-no-context-menu.png");
+    });
+
+    test("deleting instance when only one given column present should generate 
a new column", async ({
+      contextMenu,
+      table,
+    }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1353";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1353";,
+      });
+
+      await expect(table.getCell({ rowNumber: "1", columnNumber: 1 
})).toContainText("test");
+      await contextMenu.openOnColumnHeader({ name: "INSTANCE-1 (<Undefined>)" 
});
+      await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
+      await expect(table.getCell({ rowNumber: "1", columnNumber: 1 
})).not.toContainText("test");
+    });
+
+    test("deleting property when only one given column present should generate 
a new column", async ({
+      contextMenu,
+      table,
+    }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1353";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1353";,
+      });
+
+      await expect(table.getCell({ rowNumber: "1", columnNumber: 1 
})).toContainText("test");
+      await contextMenu.openOnColumnHeader({ name: "Property (<Undefined>)", 
columnNumber: 0 });
+      await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_FIELD });
+      await expect(table.getCell({ rowNumber: "1", columnNumber: 1 
})).not.toContainText("test");
+    });
+
+    test("deleting instance when only one expect column present should 
generate a new column", async ({
+      contextMenu,
+      table,
+      testScenarioTable,
+    }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1353";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1353";,
+      });
+
+      await testScenarioTable.fill({ content: "test", rowLocatorInfo: "1 test 
test", columnNumber: 2 });
+      await contextMenu.openOnColumnHeader({ name: "INSTANCE-2 (<Undefined>)" 
});
+      await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
+      await expect(table.getCell({ rowNumber: "1", columnNumber: 2 
})).not.toContainText("test");
+    });
+
+    test("deleting property when only one expect column present should 
generate a new column", async ({
+      contextMenu,
+      table,
+      testScenarioTable,
+    }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1353";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1353";,
+      });
+
+      await testScenarioTable.fill({ content: "test", rowLocatorInfo: "1 test 
test", columnNumber: 2 });
+      await contextMenu.openOnColumnHeader({ name: "Property (<Undefined>)", 
columnNumber: 1 });
+      await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_FIELD });
+      await expect(table.getCell({ rowNumber: "1", columnNumber: 2 
})).not.toContainText("test");
+    });
+
+    test("deleting scenario when only one expect column present should 
generate a new row", async ({
+      contextMenu,
+      table,
+    }) => {
+      test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1353";);
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1353";,
+      });
+
+      await expect(table.getCell({ rowNumber: "1", columnNumber: 1 
})).toContainText("test");
+      await contextMenu.openOnCell({ rowNumber: "1", columnNumber: 1 });
+      await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_SCENARIO });
+      await expect(table.getCell({ rowNumber: "1", columnNumber: 1 
})).not.toContainText("test");
+    });
   });
 });
diff --git 
a/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/misc.spec.ts 
b/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/misc.spec.ts
new file mode 100644
index 00000000000..70ff71b8ceb
--- /dev/null
+++ 
b/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/misc.spec.ts
@@ -0,0 +1,63 @@
+/*
+ * 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 { TestAnnotations } from "@kie-tools/playwright-base/annotations";
+import { test, expect } from "../../__fixtures__/base";
+import { AssetType } from "../../__fixtures__/editor";
+
+test.describe("Test Scenario table misc", () => {
+  test.beforeEach(async ({ editor }) => {
+    await editor.createTestScenario(AssetType.DECISION);
+  });
+
+  test("should render add column plus symbols on Instance headers", async ({ 
table, testScenarioTable }) => {
+    test.skip(true, 
"https://github.com/apache/incubator-kie-issues/issues/1354";);
+    test.info().annotations.push({
+      type: TestAnnotations.REGRESSION,
+      description: 
"https://github.com/apache/incubator-kie-issues/issues/1354";,
+    });
+
+    await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).not.toBeAttached();
+    await table.getColumnHeader({ name: "INSTANCE-1 (<Undefined>)" }).hover();
+    await testScenarioTable.clickPlusIcon();
+    await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).toBeAttached();
+  });
+
+  test("should render add column plus symbols on Property headers", async ({ 
table, testScenarioTable }) => {
+    await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).not.toBeAttached();
+    await table.getColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 0 }).hover();
+    await testScenarioTable.clickPlusIcon();
+    await expect(table.getColumnHeader({ name: "INSTANCE-3 (<Undefined>)" 
})).toBeAttached();
+  });
+
+  test("should not render add column plus symbol on Given header", async ({ 
table, testScenarioTable }) => {
+    await table.getColumnHeader({ name: "GIVEN" }).hover();
+    await expect(testScenarioTable.getPlusIcon()).not.toBeAttached();
+  });
+
+  test("should not render add column plus symbol on Expect header", async ({ 
table, testScenarioTable }) => {
+    await table.getColumnHeader({ name: "EXPECT" }).hover();
+    await expect(testScenarioTable.getPlusIcon()).not.toBeAttached();
+  });
+
+  test("should render add column plus symbol on table cell", async ({ table, 
testScenarioTable }) => {
+    await table.getNumberedCell({ name: "1" }).hover();
+    await expect(testScenarioTable.getPlusIcon()).toBeAttached();
+  });
+});
diff --git 
a/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/populate.spec.ts
 
b/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/populate.spec.ts
index c8e313feba4..72abbd26f67 100644
--- 
a/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/populate.spec.ts
+++ 
b/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/populate.spec.ts
@@ -29,16 +29,16 @@ test.describe("Populate decision test scenario table", () 
=> {
     testScenarioTable,
   }) => {
     await editor.createTestScenario(AssetType.DECISION);
-    await testScenarioTable.fill({ content: "Scenario one", rowLocatorInfo: 
"1", column: 0 });
+    await testScenarioTable.fill({ content: "Scenario one", rowLocatorInfo: 
"1", columnNumber: 0 });
     await testScenarioTable.fill({
       content: "date and time(5, 10)",
       rowLocatorInfo: "1 Scenario one Scenario one",
-      column: 1,
+      columnNumber: 1,
     });
     await testScenarioTable.fill({
       content: "100",
       rowLocatorInfo: "1 Scenario one Scenario one date and time(5, 10) date 
and time(5, 10)",
-      column: 2,
+      columnNumber: 2,
     });
 
     await resizing.reset(table.getColumnHeader({ name: "GIVEN" }));
@@ -48,54 +48,54 @@ test.describe("Populate decision test scenario table", () 
=> {
     await table.addRow({ targetCellName: "1", position: AddRowPosition.BELOW 
});
     await table.addRow({ targetCellName: "1", position: AddRowPosition.BELOW 
});
 
-    await testScenarioTable.fill({ content: "{foo}", rowLocatorInfo: "2", 
column: 0 });
-    await testScenarioTable.fill({ content: '"foo"', rowLocatorInfo: "3", 
column: 0 });
-    await testScenarioTable.fill({ content: "[foo]", rowLocatorInfo: "4", 
column: 0 });
-    await testScenarioTable.fill({ content: ",./123", rowLocatorInfo: "5", 
column: 0 });
-    await testScenarioTable.fill({ content: '"6789"', rowLocatorInfo: "6", 
column: 0 });
+    await testScenarioTable.fill({ content: "{foo}", rowLocatorInfo: "2", 
columnNumber: 0 });
+    await testScenarioTable.fill({ content: '"foo"', rowLocatorInfo: "3", 
columnNumber: 0 });
+    await testScenarioTable.fill({ content: "[foo]", rowLocatorInfo: "4", 
columnNumber: 0 });
+    await testScenarioTable.fill({ content: ",./123", rowLocatorInfo: "5", 
columnNumber: 0 });
+    await testScenarioTable.fill({ content: '"6789"', rowLocatorInfo: "6", 
columnNumber: 0 });
 
-    await testScenarioTable.fill({ content: '"foo"', rowLocatorInfo: "2 {foo} 
{foo}", column: 1 });
-    await testScenarioTable.fill({ content: "[foo]", rowLocatorInfo: '3 "foo" 
"foo"', column: 1 });
+    await testScenarioTable.fill({ content: '"foo"', rowLocatorInfo: "2 {foo} 
{foo}", columnNumber: 1 });
+    await testScenarioTable.fill({ content: "[foo]", rowLocatorInfo: '3 "foo" 
"foo"', columnNumber: 1 });
     await testScenarioTable.fill({
       content: ",./123",
       rowLocatorInfo: "4 [foo] [foo]",
-      column: 1,
+      columnNumber: 1,
     });
     await testScenarioTable.fill({
       content: "Scenario two",
       rowLocatorInfo: "5 ,./123 ,./123",
-      column: 1,
+      columnNumber: 1,
     });
     await testScenarioTable.fill({
       content: '"129587289157"',
       rowLocatorInfo: '6 "6789" "6789"',
-      column: 1,
+      columnNumber: 1,
     });
 
     await testScenarioTable.fill({
       content: '"foo"',
       rowLocatorInfo: '2 {foo} {foo} "foo" "foo"',
-      column: 2,
+      columnNumber: 2,
     });
     await testScenarioTable.fill({
       content: ",./123",
       rowLocatorInfo: '3 "foo" "foo" [foo] [foo]',
-      column: 2,
+      columnNumber: 2,
     });
     await testScenarioTable.fill({
       content: '"12859728917589"',
       rowLocatorInfo: "4 [foo] [foo] ,./123 ,./123",
-      column: 2,
+      columnNumber: 2,
     });
     await testScenarioTable.fill({
       content: "Scenario date and time(213,456 , )",
       rowLocatorInfo: "5 ,./123 ,./123 Scenario two Scenario two",
-      column: 2,
+      columnNumber: 2,
     });
     await testScenarioTable.fill({
       content: "{foofoo}{foofoo}",
       rowLocatorInfo: '6 "6789" "6789" "129587289157" "129587289157"',
-      column: 2,
+      columnNumber: 2,
     });
 
     await resizing.reset(table.getColumnHeader({ name: "EXPECT" }));
@@ -112,16 +112,16 @@ test.describe("Populate rule test scenario table", () => {
   }) => {
     await editor.createTestScenario(AssetType.RULE);
 
-    await testScenarioTable.fill({ content: "Scenario one", rowLocatorInfo: 
"1", column: 0 });
+    await testScenarioTable.fill({ content: "Scenario one", rowLocatorInfo: 
"1", columnNumber: 0 });
     await testScenarioTable.fill({
       content: "date and time(5, 10)",
       rowLocatorInfo: "1 Scenario one Scenario one",
-      column: 1,
+      columnNumber: 1,
     });
     await testScenarioTable.fill({
       content: "100",
       rowLocatorInfo: "1 Scenario one Scenario one date and time(5, 10) date 
and time(5, 10)",
-      column: 2,
+      columnNumber: 2,
     });
 
     await resizing.reset(table.getColumnHeader({ name: "GIVEN" }));
@@ -131,54 +131,54 @@ test.describe("Populate rule test scenario table", () => {
     await table.addRow({ targetCellName: "1", position: AddRowPosition.BELOW 
});
     await table.addRow({ targetCellName: "1", position: AddRowPosition.BELOW 
});
 
-    await testScenarioTable.fill({ content: "{foo}", rowLocatorInfo: "2", 
column: 0 });
-    await testScenarioTable.fill({ content: '"foo"', rowLocatorInfo: "3", 
column: 0 });
-    await testScenarioTable.fill({ content: "[foo]", rowLocatorInfo: "4", 
column: 0 });
-    await testScenarioTable.fill({ content: ",./123", rowLocatorInfo: "5", 
column: 0 });
-    await testScenarioTable.fill({ content: '"6789"', rowLocatorInfo: "6", 
column: 0 });
+    await testScenarioTable.fill({ content: "{foo}", rowLocatorInfo: "2", 
columnNumber: 0 });
+    await testScenarioTable.fill({ content: '"foo"', rowLocatorInfo: "3", 
columnNumber: 0 });
+    await testScenarioTable.fill({ content: "[foo]", rowLocatorInfo: "4", 
columnNumber: 0 });
+    await testScenarioTable.fill({ content: ",./123", rowLocatorInfo: "5", 
columnNumber: 0 });
+    await testScenarioTable.fill({ content: '"6789"', rowLocatorInfo: "6", 
columnNumber: 0 });
 
-    await testScenarioTable.fill({ content: '"foo"', rowLocatorInfo: "2 {foo} 
{foo}", column: 1 });
-    await testScenarioTable.fill({ content: "[foo]", rowLocatorInfo: '3 "foo" 
"foo"', column: 1 });
+    await testScenarioTable.fill({ content: '"foo"', rowLocatorInfo: "2 {foo} 
{foo}", columnNumber: 1 });
+    await testScenarioTable.fill({ content: "[foo]", rowLocatorInfo: '3 "foo" 
"foo"', columnNumber: 1 });
     await testScenarioTable.fill({
       content: ",./123",
       rowLocatorInfo: "4 [foo] [foo]",
-      column: 1,
+      columnNumber: 1,
     });
     await testScenarioTable.fill({
       content: "Scenario two",
       rowLocatorInfo: "5 ,./123 ,./123",
-      column: 1,
+      columnNumber: 1,
     });
     await testScenarioTable.fill({
       content: '"129587289157"',
       rowLocatorInfo: '6 "6789" "6789"',
-      column: 1,
+      columnNumber: 1,
     });
 
     await testScenarioTable.fill({
       content: '"foo"',
       rowLocatorInfo: '2 {foo} {foo} "foo" "foo"',
-      column: 2,
+      columnNumber: 2,
     });
     await testScenarioTable.fill({
       content: ",./123",
       rowLocatorInfo: '3 "foo" "foo" [foo] [foo]',
-      column: 2,
+      columnNumber: 2,
     });
     await testScenarioTable.fill({
       content: '"12859728917589"',
       rowLocatorInfo: "4 [foo] [foo] ,./123 ,./123",
-      column: 2,
+      columnNumber: 2,
     });
     await testScenarioTable.fill({
       content: "Scenario date and time(213,456 , )",
       rowLocatorInfo: "5 ,./123 ,./123 Scenario two Scenario two",
-      column: 2,
+      columnNumber: 2,
     });
     await testScenarioTable.fill({
       content: "{foofoo}{foofoo}",
       rowLocatorInfo: '6 "6789" "6789" "129587289157" "129587289157"',
-      column: 2,
+      columnNumber: 2,
     });
 
     await resizing.reset(table.getColumnHeader({ name: "EXPECT" }));
diff --git 
a/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/selectorPanel.spec.ts
 
b/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/selectorPanel.spec.ts
new file mode 100644
index 00000000000..c286509040e
--- /dev/null
+++ 
b/packages/scesim-editor/tests-e2e/scesimEditor/testScenarioTable/selectorPanel.spec.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 { test, expect } from "../../__fixtures__/base";
+import { MenuItem } from "../../__fixtures__/contextMenu";
+import { SelectorPanel } from "../../__fixtures__/selectorPanel";
+import { AddColumnPosition, AddRowPosition } from "../../__fixtures__/table";
+
+test.describe("Use Selector Panel on Test Scenario table based on are they old 
enough use case", () => {
+  test.beforeEach(async ({ useCases, table, contextMenu, selectorPanel }) => {
+    await useCases.openAreTheyOldEnoughTest();
+    await table.addInstanceColumn({
+      targetCellName: "Applicant",
+      position: AddColumnPosition.LEFT,
+    });
+    await table.addInstanceColumn({
+      targetCellName: "LoanApplication",
+      position: AddColumnPosition.LEFT,
+      columnNumber: 1,
+    });
+    await table.addRow({
+      targetCellName: "2",
+      position: AddRowPosition.BELOW,
+    });
+
+    await contextMenu.openOnColumnHeader({ name: "Applicant" });
+    await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
+
+    await contextMenu.openOnColumnHeader({ name: "LoanApplication", 
columnNumber: 0 });
+    await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
+
+    await contextMenu.openOnColumnHeader({ name: "IncomeSource" });
+    await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
+
+    await contextMenu.openOnColumnHeader({ name: "LoanApplication" });
+    await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
+
+    await contextMenu.openOnCell({ rowNumber: "1", columnNumber: 0 });
+    await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_SCENARIO });
+    await contextMenu.openOnCell({ rowNumber: "1", columnNumber: 0 });
+    await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_SCENARIO });
+    await selectorPanel.open();
+  });
+
+  test("should correctly remove property from selector panel once assigned", 
async ({ table, selectorPanel }) => {
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 0 });
+    await selectorPanel.expandAttribute({ name: "IncomeSource", dataType: 
"mortgages.mortgages.IncomeSource" });
+    await selectorPanel.assign({ name: "amount" });
+    await expect(selectorPanel.getAttribute({ name: "amount" 
})).toBeAttached();
+    await table.addPropertyColumn({
+      targetCellName: "amount",
+      position: AddColumnPosition.RIGHT,
+      columnNumber: 0,
+    });
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 0 });
+    await expect(selectorPanel.getAttribute({ name: "amount" 
})).not.toBeAttached();
+  });
+
+  test("should correctly populate an instance by assigning a property", async 
({ table, selectorPanel }) => {
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 0 });
+    await selectorPanel.expandAttribute({ name: "IncomeSource", dataType: 
"mortgages.mortgages.IncomeSource" });
+    await selectorPanel.assign({ name: "amount" });
+    await expect(table.getColumnHeader({ name: "IncomeSource" 
})).toBeAttached();
+  });
+
+  test("deleting an instance should correctly delete all its properties", 
async ({
+    table,
+    selectorPanel,
+    contextMenu,
+  }) => {
+    await table.addInstanceColumn({
+      targetCellName: "INSTANCE-1 (<Undefined>)",
+      position: AddColumnPosition.RIGHT,
+    });
+
+    await table.selectColumnHeader({ name: "INSTANCE-1 (<Undefined>)" });
+    await selectorPanel.assign({ name: "LoanApplication" });
+
+    await table.addPropertyColumn({
+      targetCellName: "Expression </>",
+      position: AddColumnPosition.RIGHT,
+      columnNumber: 0,
+    });
+
+    await table.selectColumnHeader({ name: "PROPERTY (<Undefined>)", 
columnNumber: 0 });
+    await selectorPanel.assign({ name: "approved" });
+
+    await table.selectColumnHeader({ name: "Expression </>" });
+    await selectorPanel.assign({ name: "explanation" });
+
+    await expect(table.getColumnHeader({ name: "approved (Boolean)" 
})).toBeAttached();
+    await expect(table.getColumnHeader({ name: "explanation (String)" 
})).toBeAttached();
+    await expect(selectorPanel.getAttribute({ name: "approved" 
})).toBeAttached();
+    await expect(selectorPanel.getAttribute({ name: "explanation" 
})).toBeAttached();
+
+    await contextMenu.openOnColumnHeader({ name: "LoanApplication 
(LoanApplication)" });
+    await contextMenu.clickMenuItem({ menuItem: MenuItem.DELETE_INSTANCE });
+
+    await expect(table.getColumnHeader({ name: "approved (Boolean)" 
})).not.toBeAttached();
+    await expect(table.getColumnHeader({ name: "explanation (String)" 
})).not.toBeAttached();
+    await expect(selectorPanel.getAttribute({ name: "approved" 
})).not.toBeAttached();
+    await expect(selectorPanel.getAttribute({ name: "explanation" 
})).not.toBeAttached();
+  });
+});
diff --git a/packages/scesim-editor/tests-e2e/useCases/areTheyOldEnough.spec.ts 
b/packages/scesim-editor/tests-e2e/useCases/areTheyOldEnough.spec.ts
index 96c95411a6f..b74e2c6d533 100644
--- a/packages/scesim-editor/tests-e2e/useCases/areTheyOldEnough.spec.ts
+++ b/packages/scesim-editor/tests-e2e/useCases/areTheyOldEnough.spec.ts
@@ -20,8 +20,9 @@
 import { test, expect } from "../__fixtures__/base";
 
 test.describe("Check are they old enough test case", () => {
-  test("should render are they old enough test correctly", async ({ useCases, 
testScenarioTable }) => {
+  test("should render are they old enough test correctly", async ({ useCases, 
testScenarioTable, resizing, table }) => {
     await useCases.openAreTheyOldEnoughTest();
+    await resizing.reset(table.getColumnHeader({ name: "GIVEN" }));
     await 
expect(testScenarioTable.get()).toHaveScreenshot("are-they-old-enough-test.png");
   });
 });
diff --git a/packages/scesim-editor/tests-e2e/useCases/trafficViolation.spec.ts 
b/packages/scesim-editor/tests-e2e/useCases/trafficViolation.spec.ts
index 18174b0db0e..37c51b248d1 100644
--- a/packages/scesim-editor/tests-e2e/useCases/trafficViolation.spec.ts
+++ b/packages/scesim-editor/tests-e2e/useCases/trafficViolation.spec.ts
@@ -20,8 +20,9 @@
 import { test, expect } from "../__fixtures__/base";
 
 test.describe("Check traffic violation test case", () => {
-  test("should render traffic violation test correctly", async ({ useCases, 
testScenarioTable }) => {
+  test("should render traffic violation test correctly", async ({ useCases, 
testScenarioTable, resizing, table }) => {
     await useCases.openTrafficViolationTest();
+    await resizing.reset(table.getColumnHeader({ name: "GIVEN" }));
     await 
expect(testScenarioTable.get()).toHaveScreenshot("traffic-violation-test.png");
   });
 });


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to