From b436c4a4da647727ec608cf4c542ea2ba965ba34 Mon Sep 17 00:00:00 2001
From: Xaviju <xaviju@gmail.com>
Date: Tue, 8 Oct 2024 12:52:53 +0200
Subject: [PATCH] test: fix tests

---
 libs/plugins-runtime/src/lib/assets/resize.svg      | 2 +-
 libs/plugins-runtime/src/lib/create-modal.spec.ts   | 6 +-----
 libs/plugins-runtime/src/lib/create-modal.ts        | 8 ++++++--
 libs/plugins-runtime/src/lib/modal/plugin.modal.css | 2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/libs/plugins-runtime/src/lib/assets/resize.svg b/libs/plugins-runtime/src/lib/assets/resize.svg
index 956459c0..bfcebe5f 100644
--- a/libs/plugins-runtime/src/lib/assets/resize.svg
+++ b/libs/plugins-runtime/src/lib/assets/resize.svg
@@ -1 +1 @@
-<svg width="15.094" xmlns="http://www.w3.org/2000/svg" height="15.109" viewBox="-0.01 -0.01 15.094 15.109" fill="none"><g data-testid="Group"><g data-testid="Path"><path d="M.01 15.011 15.015-.01" class="fills"/><g class="strokes"><path d="M.01 15.011 15.015-.01" style="fill: none; stroke-width: 1; stroke: rgb(111, 111, 111); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g><g data-testid="Path"><path d="m10.558 13.769 3.166-3.207" class="fills"/><g class="strokes"><path d="m10.558 13.769 3.166-3.207" style="fill: none; stroke-width: 1; stroke: rgb(111, 111, 111); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g><g data-testid="Path"><path d="M4.601 15.093 15.069 4.559" class="fills"/><g class="strokes"><path d="M4.601 15.093 15.069 4.559" style="fill: none; stroke-width: 1; stroke: rgb(111, 111, 111); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g></g></svg>
\ No newline at end of file
+<svg width="16.022" xmlns="http://www.w3.org/2000/svg" height="16.022" viewBox="-0.011 -0.011 16.022 16.022" fill="none"><g data-testid="Group"><g data-testid="Path"><path d="M.011 15.917 15.937-.011" class="fills"/><g class="strokes"><path d="M.011 15.917 15.937-.011" style="fill: none; stroke-width: 1; stroke: rgb(111, 111, 111); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g><g data-testid="Path"><path d="m11.207 14.601 3.361-3.401" class="fills"/><g class="strokes"><path d="m11.207 14.601 3.361-3.401" style="fill: none; stroke-width: 1; stroke: rgb(111, 111, 111); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g><g data-testid="Path"><path d="m4.884 16.004 11.112-11.17" class="fills"/><g class="strokes"><path d="m4.884 16.004 11.112-11.17" style="fill: none; stroke-width: 1; stroke: rgb(111, 111, 111); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g></g></svg>
\ No newline at end of file
diff --git a/libs/plugins-runtime/src/lib/create-modal.spec.ts b/libs/plugins-runtime/src/lib/create-modal.spec.ts
index 7cabbcec..6910dbb5 100644
--- a/libs/plugins-runtime/src/lib/create-modal.spec.ts
+++ b/libs/plugins-runtime/src/lib/create-modal.spec.ts
@@ -44,10 +44,6 @@ describe('createModal', () => {
       '--modal-block-start',
       '40px'
     );
-    expect(modal.style.setProperty).toHaveBeenCalledWith(
-      '--modal-inline-end',
-      '320px'
-    );
 
     expect(modal.setAttribute).toHaveBeenCalledWith('title', 'Test Modal');
     expect(modal.setAttribute).toHaveBeenCalledWith(
@@ -83,7 +79,7 @@ describe('createModal', () => {
       options
     );
 
-    const expectedWidth = 680; // 1000 - 320 (initialPosition.inlineEnd)
+    const expectedWidth = 730; // 1000 -  270 (initialPosition.inlineEnd)
     const expectedHeight = 760; // 800 - 40 (initialPosition.blockStart)
 
     expect(modal.setAttribute).toHaveBeenCalledWith(
diff --git a/libs/plugins-runtime/src/lib/create-modal.ts b/libs/plugins-runtime/src/lib/create-modal.ts
index 814c216a..f80da945 100644
--- a/libs/plugins-runtime/src/lib/create-modal.ts
+++ b/libs/plugins-runtime/src/lib/create-modal.ts
@@ -18,11 +18,16 @@ export function createModal(
   const defaultWidth = 335;
   const defaultHeight = 590;
 
+  const maxWidth =
+    (options?.width ?? defaultWidth) > window.innerWidth
+      ? window.innerWidth - 270
+      : options?.width ?? defaultWidth;
+
   const initialPosition = {
     blockStart: 40,
     // To be able to resize the element as expected the position must be absolute from the right.
     // This value is the length of the window minus the width of the element plus the width of the design tab.
-    inlineStart: window.innerWidth - defaultWidth - 270,
+    inlineStart: window.innerWidth - maxWidth - 270,
   };
 
   modal.style.setProperty(
@@ -34,7 +39,6 @@ export function createModal(
     `${initialPosition.inlineStart}px`
   );
 
-  const maxWidth = window.innerWidth - initialPosition.inlineStart;
   const maxHeight = window.innerHeight - initialPosition.blockStart;
   let width = Math.min(options?.width || defaultWidth, maxWidth);
   let height = Math.min(options?.height || defaultHeight, maxHeight);
diff --git a/libs/plugins-runtime/src/lib/modal/plugin.modal.css b/libs/plugins-runtime/src/lib/modal/plugin.modal.css
index 61e243cd..5e050b45 100644
--- a/libs/plugins-runtime/src/lib/modal/plugin.modal.css
+++ b/libs/plugins-runtime/src/lib/modal/plugin.modal.css
@@ -26,7 +26,7 @@
 }
 
 ::-webkit-resizer {
-  display: none;/
+  display: none;
 }
 
 .wrapper {