Fixed unit test.

Author: MrCoder

src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Creation/Creation.spec.ts

@@ -34,8 +34,8 @@ describe("Creation", () => {
     expect(vm.from).toBe("_STARTER_");
     expect(vm.signature).toBe("«create»");
     expect(vm.assignee).toBe("a");
-    expect(vm.distance).toStrictEqual(expect.any(Function));
-    expect(vm.interactionWidth).toBe(84);
+    expect(vm.distance2).toStrictEqual(expect.any(Function));
+    expect(vm.interactionWidth).toBe(83);
     expect(vm.rightToLeft).toBeFalsy();
   });
 
@@ -47,7 +47,7 @@ describe("Creation", () => {
     const vm = creationWrapper.vm as any;
     console.log(creationWrapper);
     expect(vm.rightToLeft).toBeTruthy();
-    expect(vm.interactionWidth).toBe(120);
+    expect(vm.interactionWidth).toBe(119);
   });
 
   it("right to left within alt fragment", async () => {
@@ -65,6 +65,6 @@ describe("Creation", () => {
     );
     const vm = creationWrapper.vm as any;
     expect(vm.rightToLeft).toBeTruthy();
-    expect(vm.interactionWidth).toBe(120);
+    expect(vm.interactionWidth).toBe(119);
   });
 });

src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Interaction/Interaction.spec.js

@@ -39,8 +39,8 @@ describe("Highlight current interact based on position of cursor", () => {
 describe("Interaction width", () => {
   test.each([
     // A --- ?px ---> B
-    [1, 10, 25, 14],
-    [1, 25, 10, 16],
+    [1, 10, 25, 13],
+    [1, 25, 10, 15],
   ])(
     "If selfCallIndent is %s and distance is %s, interactionWidth should be %s",
     (selfCallIndent, a, b, width) => {

src/components/DiagramFrame/SeqDiagram/MessageLayer/MessageLayer.vue

@@ -14,7 +14,11 @@ import parentLogger from "../../../../logger/logger";
 const StylePanel = defineAsyncComponent(() => import("./StylePanel.vue"));
 
 const logger = parentLogger.child({ name: "MessageLayer" });
-
+// @typescript-eslint/no-unused-vars for `context`
+// eslint-disable-next-line
+const props = defineProps<{
+  context: any;
+}>();
 const store = useStore();
 
 const participants = computed(() => store.getters.participants);