From ba6085791b068ab42fb478f05d1db281b22b34ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vincent=20=C3=96ller?= <vincentt.oeller@gmail.com>
Date: Tue, 29 Oct 2024 18:20:56 +0100
Subject: [PATCH 1/5] added container cypress tests for openAsModal, Drawer and
 Splitview

---
 .../compound/wc-compound-container.cy.js      | 34 +++++++
 .../test-app/iframe/iframe-container.cy.js    | 54 +++++++++++
 .../e2e/test-app/wc/wc-container.cy.js        | 34 +++++++
 container/test-app/compound/helloWorldWC.js   | 40 ++++++--
 .../test-app/iframe/iframeContainer.html      |  9 +-
 container/test-app/iframe/microfrontend.html  | 25 +++++
 container/test-app/wc/clientAPI.html          |  6 +-
 container/test-app/wc/helloWorldWC.js         | 91 +++++++++++++++----
 8 files changed, 264 insertions(+), 29 deletions(-)

diff --git a/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js b/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js
index 9de337f9ff..942216cfec 100644
--- a/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js
+++ b/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js
@@ -217,6 +217,40 @@ describe('Compound Container Tests', () => {
         });
     });
 
+    it('openAsModal webcomponent container', () => {
+      cy.on('window:alert', stub);
+
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsModalBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsModal-wc');
+        });
+    });
+    it('openAsDrawer webcomponent container', () => {
+      cy.on('window:alert', stub);
+      
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsDrawerBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsDrawer-wc');
+        });
+    });
+    it('openAsSplitview webcomponent container', () => {
+      cy.on('window:alert', stub);
+      
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsSplitviewBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsSplitview-wc');
+        });
+    });
+
     it('LuigiClient API publishEvent', () => {
       cy.on('window:alert', stub);
 
diff --git a/container/cypress/e2e/test-app/iframe/iframe-container.cy.js b/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
index 0b6b5013e1..c59ca51920 100644
--- a/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
+++ b/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
@@ -115,4 +115,58 @@ describe('Iframe Container Test', () => {
           });
       });
   });
+
+  it('openAsModal', () => {
+    cy.on('window:confirm', () => false); 
+  
+    cy.get(containerSelector)
+      .shadow()
+      .get('iframe')
+      .then(iframe => {
+        const $body = iframe.contents().find('body');
+        cy.wrap($body)
+          .contains('test openAsModal()')
+          .click();
+  
+        cy.location().should(loc => {
+          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsModal-iframe');
+        });
+      });
+  });
+
+  it('openAsDrawer', () => {
+    cy.on('window:confirm', () => false); 
+  
+    cy.get(containerSelector)
+      .shadow()
+      .get('iframe')
+      .then(iframe => {
+        const $body = iframe.contents().find('body');
+        cy.wrap($body)
+          .contains('test openAsDrawer')
+          .click();
+  
+        cy.location().should(loc => {
+          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsDrawer-iframe');
+        });
+      });
+  });
+
+  it('openAsSplitview', () => {
+    cy.on('window:confirm', () => false); 
+  
+    cy.get(containerSelector)
+      .shadow()
+      .get('iframe')
+      .then(iframe => {
+        const $body = iframe.contents().find('body');
+        cy.wrap($body)
+          .contains('test openAsSplitview')
+          .click();
+  
+        cy.location().should(loc => {
+          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsSplitview-iframe');
+        });
+      });
+  });
 });
diff --git a/container/cypress/e2e/test-app/wc/wc-container.cy.js b/container/cypress/e2e/test-app/wc/wc-container.cy.js
index 65833119de..5550e977c2 100644
--- a/container/cypress/e2e/test-app/wc/wc-container.cy.js
+++ b/container/cypress/e2e/test-app/wc/wc-container.cy.js
@@ -158,6 +158,40 @@ describe('Web Container Test', () => {
         });
     });
 
+    it('openAsModal webcomponent container', () => {
+      cy.on('window:alert', stub);
+
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsModalBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsModal-wc');
+        });
+    });
+    it('openAsDrawer webcomponent container', () => {
+      cy.on('window:alert', stub);
+      
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsDrawerBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsDrawer-wc');
+        });
+    });
+    it('openAsSplitview webcomponent container', () => {
+      cy.on('window:alert', stub);
+      
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsSplitviewBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsSplitview-wc');
+        });
+    });
+
     it('pathExists', () => {
       cy.on('window:alert', stub);
 
diff --git a/container/test-app/compound/helloWorldWC.js b/container/test-app/compound/helloWorldWC.js
index 0bd8936510..59271f5b07 100644
--- a/container/test-app/compound/helloWorldWC.js
+++ b/container/test-app/compound/helloWorldWC.js
@@ -79,12 +79,22 @@ export default class extends HTMLElement {
     withParams().navigate()
     </button>`;
 
+    /*
     const linkManagerOpenAsRequestsBtn = document.createElement('template');
     linkManagerOpenAsRequestsBtn.innerHTML = `<button id="linkManagerOpenAsRequests">linkManager().
     openAsDrawer,
     openAsModal,
     openAsSplitView,
     </button>`;
+    */
+    const openAsModalBtn = document.createElement('template');
+    openAsModalBtn.innerHTML = '<button id="openAsModalBtn">lm.openAsModal</button>';
+
+    const openAsDrawerBtn = document.createElement('template');
+    openAsDrawerBtn.innerHTML = '<button id="openAsDrawerBtn">lm.openAsDrawer</button>';
+
+    const openAsSplitviewBtn = document.createElement('template');
+    openAsSplitviewBtn.innerHTML = '<button id="openAsSplitviewBtn">lm.openAsSplitview</button>';
 
     const linkManagerUpdateTopPathExistsBackBtn = document.createElement('template');
     linkManagerUpdateTopPathExistsBackBtn.innerHTML = `<button id="linkManagerUpdateTopPathExistsBack">linkManager().
@@ -115,7 +125,12 @@ export default class extends HTMLElement {
     this._shadowRoot.appendChild(retrieveContextValueBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(uxManagerMultipleRequestsBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(linkManagerChainedFunctionsRequestsBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(linkManagerOpenAsRequestsBtn.content.cloneNode(true));
+
+    this._shadowRoot.appendChild(openAsModalBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(openAsDrawerBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(openAsSplitviewBtn.content.cloneNode(true));
+    // this._shadowRoot.appendChild(linkManagerOpenAsRequestsBtn.content.cloneNode(true));
+
     this._shadowRoot.appendChild(linkManagerUpdateTopPathExistsBackBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(setViewGroupDataBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(confirmationModalBtn.content.cloneNode(true));
@@ -306,11 +321,24 @@ export default class extends HTMLElement {
       });
     });
 
-    this.$linkManagerOpenAsRequests = this._shadowRoot.querySelector('#linkManagerOpenAsRequests');
-    this.$linkManagerOpenAsRequests.addEventListener('click', () => {
-      this.LuigiClient.linkManager().openAsDrawer('hello-world-wc', { size: 's' });
-      this.LuigiClient.linkManager().openAsModal('hello-world-wc', { size: 'm' });
-      this.LuigiClient.linkManager().openAsSplitView('hello-world-wc', { size: 'l' });
+    this.$openAsModalBtn = this._shadowRoot.querySelector('#openAsModalBtn');
+    this.$openAsModalBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsModal('openAsModal-wc', {
+        title:'Modal Title',
+        size: 'm'
+      });
+    });
+    this.$openAsDrawerBtn = this._shadowRoot.querySelector('#openAsDrawerBtn');
+    this.$openAsDrawerBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsDrawer('openAsDrawer-wc', {
+        size: 's'
+      });
+    });
+    this.$openAsSplitviewBtn = this._shadowRoot.querySelector('#openAsSplitviewBtn');
+    this.$openAsSplitviewBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsSplitView('openAsSplitview-wc', {
+        size: 'l'
+      });
     });
 
     this.$linkManagerUpdateTopPathExistsBack = this._shadowRoot.querySelector('#linkManagerUpdateTopPathExistsBack');
diff --git a/container/test-app/iframe/iframeContainer.html b/container/test-app/iframe/iframeContainer.html
index ddfef3486a..acb1797d6d 100644
--- a/container/test-app/iframe/iframeContainer.html
+++ b/container/test-app/iframe/iframeContainer.html
@@ -32,6 +32,9 @@ <h3>
       luigiContainer.addEventListener(Events.NAVIGATION_REQUEST, event => {
         console.log(event.detail);
         window.location.hash = event.detail.link;
+        if (confirm('Do you want to leave this page?')) {
+          window.location = event.detail.link;
+        }
       });
 
       luigiContainer.addEventListener(Events.CUSTOM_MESSAGE, event => {
@@ -57,12 +60,6 @@ <h3>
         luigiContainer.setAttribute('auth-data', '{"accessToken": "updated token"}');
       });
 
-      luigiContainer.addEventListener(Events.NAVIGATION_REQUEST, event => {
-        if (confirm('Do you want to leave this page?')) {
-          window.location = event.detail.link;
-        }
-      });
-
       const showAnAlert = alertSettings => {
         var popup = document.createElement('div');
         var text = document.createTextNode(alertSettings.settings.text);
diff --git a/container/test-app/iframe/microfrontend.html b/container/test-app/iframe/microfrontend.html
index b69fc1a4e9..b5cbf241e1 100644
--- a/container/test-app/iframe/microfrontend.html
+++ b/container/test-app/iframe/microfrontend.html
@@ -60,9 +60,34 @@ <h1 id="title">Multi purpose demo page</h1>
       <button onclick="testSetDirtyStatus()">test set dirty status</button>
       <button onclick="testShowAlert()">test show alert</button>
       <button onclick="testGetToken()">test get token</button>
+
+      <button onclick="openAsModal()">test openAsModal()</button>
+      <button onclick="openAsDrawer()">test openAsDrawer()</button>
+      <button onclick="openAsSplitview()">test openAsSplitview()</button>
     </div>
+
     <script>
       // List of onclick handlers for client calls
+
+      function openAsModal(){
+        LuigiClient.linkManager().openAsModal('openAsModal-iframe', {
+        title:'Modal Title',
+        size: 'm'
+      });
+      }
+
+      function openAsDrawer(){
+        LuigiClient.linkManager().openAsDrawer('openAsDrawer-iframe', {
+        size: 's'
+      });
+      }
+
+      function openAsSplitview(){
+        LuigiClient.linkManager().openAsDrawer('openAsSplitview-iframe', {
+          size: 'l'
+        });
+      }
+
       function testNav() {
         LuigiClient.linkManager().navigate('/');
       }
diff --git a/container/test-app/wc/clientAPI.html b/container/test-app/wc/clientAPI.html
index 78552f1113..7a90e60809 100644
--- a/container/test-app/wc/clientAPI.html
+++ b/container/test-app/wc/clientAPI.html
@@ -84,6 +84,7 @@ <h3>
 
       [...document.querySelectorAll('luigi-container')].forEach(luigiContainer => {
         luigiContainer.addEventListener(MFEventID.NAVIGATION_REQUEST, event => {
+          // alert("NAVIGATION_REQUEST received");
           console.log(event.detail);
           window.location.hash = event.detail.link;
         });
@@ -109,7 +110,10 @@ <h3>
             alert(event.detail.data);
           }
         });
-
+        luigiContainer.addEventListener(MFEventID.GO_BACK_REQUEST, event => {
+          console.log(event);
+          //alert(event.detail.text);
+        });
         luigiContainer.addEventListener(
           MFEventID.RUNTIME_ERROR_HANDLING_REQUEST,
           event => {
diff --git a/container/test-app/wc/helloWorldWC.js b/container/test-app/wc/helloWorldWC.js
index 2ecaa8d9fb..b1972174ae 100644
--- a/container/test-app/wc/helloWorldWC.js
+++ b/container/test-app/wc/helloWorldWC.js
@@ -73,18 +73,32 @@ export default class extends HTMLElement {
     withParams().navigate()
     </button>`;
 
-    const linkManagerOpenAsRequestsBtn = document.createElement('template');
-    linkManagerOpenAsRequestsBtn.innerHTML = `<button id="linkManagerOpenAsRequests">linkManager().
-    openAsDrawer,
-    openAsModal,
-    openAsSplitView,
-    </button>`;
-
     const linkManagerUpdateTopPathExistsBackBtn = document.createElement('template');
     linkManagerUpdateTopPathExistsBackBtn.innerHTML = `<button id="linkManagerUpdateTopPathExistsBack">linkManager().
     hasBack(), updateTopNavigation(), goBack(), pathExists()
     </button>`;
 
+    const goBackBtn = document.createElement('template');
+    goBackBtn.innerHTML = '<button id="goBackBtn">lm.GOBACK()</button>';
+
+    const updateTopNavigationBtn = document.createElement('template');
+    updateTopNavigationBtn.innerHTML = '<button id="updateTopNavigationBtn">lm.UPDATETOPNAV</button>';
+
+    const openAsModalBtn = document.createElement('template');
+    openAsModalBtn.innerHTML = '<button id="openAsModalBtn">lm.openAsModal</button>';
+
+    const openAsDrawerBtn = document.createElement('template');
+    openAsDrawerBtn.innerHTML = '<button id="openAsDrawerBtn">lm.openAsDrawer</button>';
+
+    const openAsSplitviewBtn = document.createElement('template');
+    openAsSplitviewBtn.innerHTML = '<button id="openAsSplitviewBtn">lm.openAsSplitview</button>';
+
+    const navigateBtn = document.createElement('template');
+    navigateBtn.innerHTML = '<button id="navigateBtn">---navigate---</button>';
+
+    const alertBtn = document.createElement('template');
+    alertBtn.innerHTML = '<button id="alertBtn">uxManager.showAlert()</button';
+
     const navigateToIntentBtn = document.createElement('template');
     navigateToIntentBtn.innerHTML = '<button id="navigateToIntent">navigateToIntent</button>';
 
@@ -113,13 +127,20 @@ export default class extends HTMLElement {
     this._shadowRoot.appendChild(updateContextBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(uxManagerMultipleRequestsBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(linkManagerChainedFunctionsRequestsBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(linkManagerOpenAsRequestsBtn.content.cloneNode(true));
+
+    this._shadowRoot.appendChild(goBackBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(updateTopNavigationBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(openAsModalBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(openAsDrawerBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(openAsSplitviewBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(navigateBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(alertBtn.content.cloneNode(true));
+    
     this._shadowRoot.appendChild(linkManagerUpdateTopPathExistsBackBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(setViewGroupDataBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(getCurrentRouteBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(navigateToIntentBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(confirmationModalBtn.content.cloneNode(true));
-
     this._shadowRoot.appendChild(customMessageDiv.content.cloneNode(true));
     this._shadowRoot.appendChild(empty.content.cloneNode(true));
 
@@ -273,19 +294,44 @@ export default class extends HTMLElement {
       });
     });
 
-    this.$linkManagerOpenAsRequests = this._shadowRoot.querySelector('#linkManagerOpenAsRequests');
-    this.$linkManagerOpenAsRequests.addEventListener('click', () => {
-      this.LuigiClient.linkManager().openAsDrawer('hello-world-wc', {
-        size: 's'
-      });
-      this.LuigiClient.linkManager().openAsModal('hello-world-wc', {
+    this.$openAsModalBtn = this._shadowRoot.querySelector('#openAsModalBtn');
+    this.$openAsModalBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsModal('openAsModal-wc', {
+        title:'Modal Title',
         size: 'm'
       });
-      this.LuigiClient.linkManager().openAsSplitView('hello-world-wc', {
+    });
+    this.$openAsDrawerBtn = this._shadowRoot.querySelector('#openAsDrawerBtn');
+    this.$openAsDrawerBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsDrawer('openAsDrawer-wc', {
+        size: 's'
+      });
+    });
+    this.$openAsSplitviewBtn = this._shadowRoot.querySelector('#openAsSplitviewBtn');
+    this.$openAsSplitviewBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsSplitView('openAsSplitview-wc', {
         size: 'l'
       });
     });
 
+    this.$alertBtn = this._shadowRoot.querySelector('#alertBtn');
+    this.$alertBtn.addEventListener('click', () => {
+      this.LuigiClient.uxManager().showAlert({
+        text: "showAlert test",
+        type: 'info'
+      });
+    })
+
+    this.$navigateBtn = this._shadowRoot.querySelector('#navigateBtn');
+    this.$navigateBtn.addEventListener('click', () => {
+      const path = "AAA.html";
+      const modalSettings = {
+        title:'Modal Title',
+        size: 'm'
+      }
+      this.LuigiClient.linkManager().navigate(path, 0, true, modalSettings);
+    });
+
     this.$linkManagerUpdateTopPathExistsBack = this._shadowRoot.querySelector('#linkManagerUpdateTopPathExistsBack');
     this.$linkManagerUpdateTopPathExistsBack.addEventListener('click', () => {
       this.LuigiClient.linkManager().updateTopNavigation();
@@ -305,6 +351,19 @@ export default class extends HTMLElement {
       this.LuigiClient.linkManager().goBack();
     });
 
+    this.$goBackBtn = this._shadowRoot.querySelector('#goBackBtn');
+    this.$goBackBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().goBack();
+      console.log("goBack() CLICKED");
+    });
+
+    this.$updateTopNavigationBtn = this._shadowRoot.querySelector('#updateTopNavigationBtn');
+    this.$updateTopNavigationBtn.addEventListener('click', () => {
+      console.log("updateTopNavigation() CLICKED 1");
+      this.LuigiClient.linkManager().updateTopNavigationBtn();
+      console.log("updateTopNavigation() CLICKED 2");
+    });
+
     this.$setViewGroupData = this._shadowRoot.querySelector('#setViewGroupData');
     this.$setViewGroupData.addEventListener('click', () => {
       this.LuigiClient.setViewGroupData({ vg: 'some data' });

From 86ebed92cd3f77e36b22ff757898085b4cf455fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vincent=20=C3=96ller?= <vincentt.oeller@gmail.com>
Date: Wed, 30 Oct 2024 14:34:26 +0100
Subject: [PATCH 2/5] Revert "added container cypress tests for openAsModal,
 Drawer and Splitview"

This reverts commit ba6085791b068ab42fb478f05d1db281b22b34ca.
---
 .../compound/wc-compound-container.cy.js      | 34 -------
 .../test-app/iframe/iframe-container.cy.js    | 54 -----------
 .../e2e/test-app/wc/wc-container.cy.js        | 34 -------
 container/test-app/compound/helloWorldWC.js   | 40 ++------
 .../test-app/iframe/iframeContainer.html      |  9 +-
 container/test-app/iframe/microfrontend.html  | 25 -----
 container/test-app/wc/clientAPI.html          |  6 +-
 container/test-app/wc/helloWorldWC.js         | 91 ++++---------------
 8 files changed, 29 insertions(+), 264 deletions(-)

diff --git a/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js b/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js
index 942216cfec..9de337f9ff 100644
--- a/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js
+++ b/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js
@@ -217,40 +217,6 @@ describe('Compound Container Tests', () => {
         });
     });
 
-    it('openAsModal webcomponent container', () => {
-      cy.on('window:alert', stub);
-
-      cy.get(containerSelector)
-        .shadow()
-        .get('#openAsModalBtn')
-        .click()
-        .then(() => {
-          cy.hash().should('eq', '#openAsModal-wc');
-        });
-    });
-    it('openAsDrawer webcomponent container', () => {
-      cy.on('window:alert', stub);
-      
-      cy.get(containerSelector)
-        .shadow()
-        .get('#openAsDrawerBtn')
-        .click()
-        .then(() => {
-          cy.hash().should('eq', '#openAsDrawer-wc');
-        });
-    });
-    it('openAsSplitview webcomponent container', () => {
-      cy.on('window:alert', stub);
-      
-      cy.get(containerSelector)
-        .shadow()
-        .get('#openAsSplitviewBtn')
-        .click()
-        .then(() => {
-          cy.hash().should('eq', '#openAsSplitview-wc');
-        });
-    });
-
     it('LuigiClient API publishEvent', () => {
       cy.on('window:alert', stub);
 
diff --git a/container/cypress/e2e/test-app/iframe/iframe-container.cy.js b/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
index c59ca51920..0b6b5013e1 100644
--- a/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
+++ b/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
@@ -115,58 +115,4 @@ describe('Iframe Container Test', () => {
           });
       });
   });
-
-  it('openAsModal', () => {
-    cy.on('window:confirm', () => false); 
-  
-    cy.get(containerSelector)
-      .shadow()
-      .get('iframe')
-      .then(iframe => {
-        const $body = iframe.contents().find('body');
-        cy.wrap($body)
-          .contains('test openAsModal()')
-          .click();
-  
-        cy.location().should(loc => {
-          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsModal-iframe');
-        });
-      });
-  });
-
-  it('openAsDrawer', () => {
-    cy.on('window:confirm', () => false); 
-  
-    cy.get(containerSelector)
-      .shadow()
-      .get('iframe')
-      .then(iframe => {
-        const $body = iframe.contents().find('body');
-        cy.wrap($body)
-          .contains('test openAsDrawer')
-          .click();
-  
-        cy.location().should(loc => {
-          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsDrawer-iframe');
-        });
-      });
-  });
-
-  it('openAsSplitview', () => {
-    cy.on('window:confirm', () => false); 
-  
-    cy.get(containerSelector)
-      .shadow()
-      .get('iframe')
-      .then(iframe => {
-        const $body = iframe.contents().find('body');
-        cy.wrap($body)
-          .contains('test openAsSplitview')
-          .click();
-  
-        cy.location().should(loc => {
-          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsSplitview-iframe');
-        });
-      });
-  });
 });
diff --git a/container/cypress/e2e/test-app/wc/wc-container.cy.js b/container/cypress/e2e/test-app/wc/wc-container.cy.js
index 5550e977c2..65833119de 100644
--- a/container/cypress/e2e/test-app/wc/wc-container.cy.js
+++ b/container/cypress/e2e/test-app/wc/wc-container.cy.js
@@ -158,40 +158,6 @@ describe('Web Container Test', () => {
         });
     });
 
-    it('openAsModal webcomponent container', () => {
-      cy.on('window:alert', stub);
-
-      cy.get(containerSelector)
-        .shadow()
-        .get('#openAsModalBtn')
-        .click()
-        .then(() => {
-          cy.hash().should('eq', '#openAsModal-wc');
-        });
-    });
-    it('openAsDrawer webcomponent container', () => {
-      cy.on('window:alert', stub);
-      
-      cy.get(containerSelector)
-        .shadow()
-        .get('#openAsDrawerBtn')
-        .click()
-        .then(() => {
-          cy.hash().should('eq', '#openAsDrawer-wc');
-        });
-    });
-    it('openAsSplitview webcomponent container', () => {
-      cy.on('window:alert', stub);
-      
-      cy.get(containerSelector)
-        .shadow()
-        .get('#openAsSplitviewBtn')
-        .click()
-        .then(() => {
-          cy.hash().should('eq', '#openAsSplitview-wc');
-        });
-    });
-
     it('pathExists', () => {
       cy.on('window:alert', stub);
 
diff --git a/container/test-app/compound/helloWorldWC.js b/container/test-app/compound/helloWorldWC.js
index 59271f5b07..0bd8936510 100644
--- a/container/test-app/compound/helloWorldWC.js
+++ b/container/test-app/compound/helloWorldWC.js
@@ -79,22 +79,12 @@ export default class extends HTMLElement {
     withParams().navigate()
     </button>`;
 
-    /*
     const linkManagerOpenAsRequestsBtn = document.createElement('template');
     linkManagerOpenAsRequestsBtn.innerHTML = `<button id="linkManagerOpenAsRequests">linkManager().
     openAsDrawer,
     openAsModal,
     openAsSplitView,
     </button>`;
-    */
-    const openAsModalBtn = document.createElement('template');
-    openAsModalBtn.innerHTML = '<button id="openAsModalBtn">lm.openAsModal</button>';
-
-    const openAsDrawerBtn = document.createElement('template');
-    openAsDrawerBtn.innerHTML = '<button id="openAsDrawerBtn">lm.openAsDrawer</button>';
-
-    const openAsSplitviewBtn = document.createElement('template');
-    openAsSplitviewBtn.innerHTML = '<button id="openAsSplitviewBtn">lm.openAsSplitview</button>';
 
     const linkManagerUpdateTopPathExistsBackBtn = document.createElement('template');
     linkManagerUpdateTopPathExistsBackBtn.innerHTML = `<button id="linkManagerUpdateTopPathExistsBack">linkManager().
@@ -125,12 +115,7 @@ export default class extends HTMLElement {
     this._shadowRoot.appendChild(retrieveContextValueBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(uxManagerMultipleRequestsBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(linkManagerChainedFunctionsRequestsBtn.content.cloneNode(true));
-
-    this._shadowRoot.appendChild(openAsModalBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(openAsDrawerBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(openAsSplitviewBtn.content.cloneNode(true));
-    // this._shadowRoot.appendChild(linkManagerOpenAsRequestsBtn.content.cloneNode(true));
-
+    this._shadowRoot.appendChild(linkManagerOpenAsRequestsBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(linkManagerUpdateTopPathExistsBackBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(setViewGroupDataBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(confirmationModalBtn.content.cloneNode(true));
@@ -321,24 +306,11 @@ export default class extends HTMLElement {
       });
     });
 
-    this.$openAsModalBtn = this._shadowRoot.querySelector('#openAsModalBtn');
-    this.$openAsModalBtn.addEventListener('click', () => {
-      this.LuigiClient.linkManager().openAsModal('openAsModal-wc', {
-        title:'Modal Title',
-        size: 'm'
-      });
-    });
-    this.$openAsDrawerBtn = this._shadowRoot.querySelector('#openAsDrawerBtn');
-    this.$openAsDrawerBtn.addEventListener('click', () => {
-      this.LuigiClient.linkManager().openAsDrawer('openAsDrawer-wc', {
-        size: 's'
-      });
-    });
-    this.$openAsSplitviewBtn = this._shadowRoot.querySelector('#openAsSplitviewBtn');
-    this.$openAsSplitviewBtn.addEventListener('click', () => {
-      this.LuigiClient.linkManager().openAsSplitView('openAsSplitview-wc', {
-        size: 'l'
-      });
+    this.$linkManagerOpenAsRequests = this._shadowRoot.querySelector('#linkManagerOpenAsRequests');
+    this.$linkManagerOpenAsRequests.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsDrawer('hello-world-wc', { size: 's' });
+      this.LuigiClient.linkManager().openAsModal('hello-world-wc', { size: 'm' });
+      this.LuigiClient.linkManager().openAsSplitView('hello-world-wc', { size: 'l' });
     });
 
     this.$linkManagerUpdateTopPathExistsBack = this._shadowRoot.querySelector('#linkManagerUpdateTopPathExistsBack');
diff --git a/container/test-app/iframe/iframeContainer.html b/container/test-app/iframe/iframeContainer.html
index acb1797d6d..ddfef3486a 100644
--- a/container/test-app/iframe/iframeContainer.html
+++ b/container/test-app/iframe/iframeContainer.html
@@ -32,9 +32,6 @@ <h3>
       luigiContainer.addEventListener(Events.NAVIGATION_REQUEST, event => {
         console.log(event.detail);
         window.location.hash = event.detail.link;
-        if (confirm('Do you want to leave this page?')) {
-          window.location = event.detail.link;
-        }
       });
 
       luigiContainer.addEventListener(Events.CUSTOM_MESSAGE, event => {
@@ -60,6 +57,12 @@ <h3>
         luigiContainer.setAttribute('auth-data', '{"accessToken": "updated token"}');
       });
 
+      luigiContainer.addEventListener(Events.NAVIGATION_REQUEST, event => {
+        if (confirm('Do you want to leave this page?')) {
+          window.location = event.detail.link;
+        }
+      });
+
       const showAnAlert = alertSettings => {
         var popup = document.createElement('div');
         var text = document.createTextNode(alertSettings.settings.text);
diff --git a/container/test-app/iframe/microfrontend.html b/container/test-app/iframe/microfrontend.html
index b5cbf241e1..b69fc1a4e9 100644
--- a/container/test-app/iframe/microfrontend.html
+++ b/container/test-app/iframe/microfrontend.html
@@ -60,34 +60,9 @@ <h1 id="title">Multi purpose demo page</h1>
       <button onclick="testSetDirtyStatus()">test set dirty status</button>
       <button onclick="testShowAlert()">test show alert</button>
       <button onclick="testGetToken()">test get token</button>
-
-      <button onclick="openAsModal()">test openAsModal()</button>
-      <button onclick="openAsDrawer()">test openAsDrawer()</button>
-      <button onclick="openAsSplitview()">test openAsSplitview()</button>
     </div>
-
     <script>
       // List of onclick handlers for client calls
-
-      function openAsModal(){
-        LuigiClient.linkManager().openAsModal('openAsModal-iframe', {
-        title:'Modal Title',
-        size: 'm'
-      });
-      }
-
-      function openAsDrawer(){
-        LuigiClient.linkManager().openAsDrawer('openAsDrawer-iframe', {
-        size: 's'
-      });
-      }
-
-      function openAsSplitview(){
-        LuigiClient.linkManager().openAsDrawer('openAsSplitview-iframe', {
-          size: 'l'
-        });
-      }
-
       function testNav() {
         LuigiClient.linkManager().navigate('/');
       }
diff --git a/container/test-app/wc/clientAPI.html b/container/test-app/wc/clientAPI.html
index 7a90e60809..78552f1113 100644
--- a/container/test-app/wc/clientAPI.html
+++ b/container/test-app/wc/clientAPI.html
@@ -84,7 +84,6 @@ <h3>
 
       [...document.querySelectorAll('luigi-container')].forEach(luigiContainer => {
         luigiContainer.addEventListener(MFEventID.NAVIGATION_REQUEST, event => {
-          // alert("NAVIGATION_REQUEST received");
           console.log(event.detail);
           window.location.hash = event.detail.link;
         });
@@ -110,10 +109,7 @@ <h3>
             alert(event.detail.data);
           }
         });
-        luigiContainer.addEventListener(MFEventID.GO_BACK_REQUEST, event => {
-          console.log(event);
-          //alert(event.detail.text);
-        });
+
         luigiContainer.addEventListener(
           MFEventID.RUNTIME_ERROR_HANDLING_REQUEST,
           event => {
diff --git a/container/test-app/wc/helloWorldWC.js b/container/test-app/wc/helloWorldWC.js
index b1972174ae..2ecaa8d9fb 100644
--- a/container/test-app/wc/helloWorldWC.js
+++ b/container/test-app/wc/helloWorldWC.js
@@ -73,32 +73,18 @@ export default class extends HTMLElement {
     withParams().navigate()
     </button>`;
 
+    const linkManagerOpenAsRequestsBtn = document.createElement('template');
+    linkManagerOpenAsRequestsBtn.innerHTML = `<button id="linkManagerOpenAsRequests">linkManager().
+    openAsDrawer,
+    openAsModal,
+    openAsSplitView,
+    </button>`;
+
     const linkManagerUpdateTopPathExistsBackBtn = document.createElement('template');
     linkManagerUpdateTopPathExistsBackBtn.innerHTML = `<button id="linkManagerUpdateTopPathExistsBack">linkManager().
     hasBack(), updateTopNavigation(), goBack(), pathExists()
     </button>`;
 
-    const goBackBtn = document.createElement('template');
-    goBackBtn.innerHTML = '<button id="goBackBtn">lm.GOBACK()</button>';
-
-    const updateTopNavigationBtn = document.createElement('template');
-    updateTopNavigationBtn.innerHTML = '<button id="updateTopNavigationBtn">lm.UPDATETOPNAV</button>';
-
-    const openAsModalBtn = document.createElement('template');
-    openAsModalBtn.innerHTML = '<button id="openAsModalBtn">lm.openAsModal</button>';
-
-    const openAsDrawerBtn = document.createElement('template');
-    openAsDrawerBtn.innerHTML = '<button id="openAsDrawerBtn">lm.openAsDrawer</button>';
-
-    const openAsSplitviewBtn = document.createElement('template');
-    openAsSplitviewBtn.innerHTML = '<button id="openAsSplitviewBtn">lm.openAsSplitview</button>';
-
-    const navigateBtn = document.createElement('template');
-    navigateBtn.innerHTML = '<button id="navigateBtn">---navigate---</button>';
-
-    const alertBtn = document.createElement('template');
-    alertBtn.innerHTML = '<button id="alertBtn">uxManager.showAlert()</button';
-
     const navigateToIntentBtn = document.createElement('template');
     navigateToIntentBtn.innerHTML = '<button id="navigateToIntent">navigateToIntent</button>';
 
@@ -127,20 +113,13 @@ export default class extends HTMLElement {
     this._shadowRoot.appendChild(updateContextBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(uxManagerMultipleRequestsBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(linkManagerChainedFunctionsRequestsBtn.content.cloneNode(true));
-
-    this._shadowRoot.appendChild(goBackBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(updateTopNavigationBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(openAsModalBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(openAsDrawerBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(openAsSplitviewBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(navigateBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(alertBtn.content.cloneNode(true));
-    
+    this._shadowRoot.appendChild(linkManagerOpenAsRequestsBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(linkManagerUpdateTopPathExistsBackBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(setViewGroupDataBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(getCurrentRouteBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(navigateToIntentBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(confirmationModalBtn.content.cloneNode(true));
+
     this._shadowRoot.appendChild(customMessageDiv.content.cloneNode(true));
     this._shadowRoot.appendChild(empty.content.cloneNode(true));
 
@@ -294,44 +273,19 @@ export default class extends HTMLElement {
       });
     });
 
-    this.$openAsModalBtn = this._shadowRoot.querySelector('#openAsModalBtn');
-    this.$openAsModalBtn.addEventListener('click', () => {
-      this.LuigiClient.linkManager().openAsModal('openAsModal-wc', {
-        title:'Modal Title',
-        size: 'm'
-      });
-    });
-    this.$openAsDrawerBtn = this._shadowRoot.querySelector('#openAsDrawerBtn');
-    this.$openAsDrawerBtn.addEventListener('click', () => {
-      this.LuigiClient.linkManager().openAsDrawer('openAsDrawer-wc', {
+    this.$linkManagerOpenAsRequests = this._shadowRoot.querySelector('#linkManagerOpenAsRequests');
+    this.$linkManagerOpenAsRequests.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsDrawer('hello-world-wc', {
         size: 's'
       });
-    });
-    this.$openAsSplitviewBtn = this._shadowRoot.querySelector('#openAsSplitviewBtn');
-    this.$openAsSplitviewBtn.addEventListener('click', () => {
-      this.LuigiClient.linkManager().openAsSplitView('openAsSplitview-wc', {
+      this.LuigiClient.linkManager().openAsModal('hello-world-wc', {
+        size: 'm'
+      });
+      this.LuigiClient.linkManager().openAsSplitView('hello-world-wc', {
         size: 'l'
       });
     });
 
-    this.$alertBtn = this._shadowRoot.querySelector('#alertBtn');
-    this.$alertBtn.addEventListener('click', () => {
-      this.LuigiClient.uxManager().showAlert({
-        text: "showAlert test",
-        type: 'info'
-      });
-    })
-
-    this.$navigateBtn = this._shadowRoot.querySelector('#navigateBtn');
-    this.$navigateBtn.addEventListener('click', () => {
-      const path = "AAA.html";
-      const modalSettings = {
-        title:'Modal Title',
-        size: 'm'
-      }
-      this.LuigiClient.linkManager().navigate(path, 0, true, modalSettings);
-    });
-
     this.$linkManagerUpdateTopPathExistsBack = this._shadowRoot.querySelector('#linkManagerUpdateTopPathExistsBack');
     this.$linkManagerUpdateTopPathExistsBack.addEventListener('click', () => {
       this.LuigiClient.linkManager().updateTopNavigation();
@@ -351,19 +305,6 @@ export default class extends HTMLElement {
       this.LuigiClient.linkManager().goBack();
     });
 
-    this.$goBackBtn = this._shadowRoot.querySelector('#goBackBtn');
-    this.$goBackBtn.addEventListener('click', () => {
-      this.LuigiClient.linkManager().goBack();
-      console.log("goBack() CLICKED");
-    });
-
-    this.$updateTopNavigationBtn = this._shadowRoot.querySelector('#updateTopNavigationBtn');
-    this.$updateTopNavigationBtn.addEventListener('click', () => {
-      console.log("updateTopNavigation() CLICKED 1");
-      this.LuigiClient.linkManager().updateTopNavigationBtn();
-      console.log("updateTopNavigation() CLICKED 2");
-    });
-
     this.$setViewGroupData = this._shadowRoot.querySelector('#setViewGroupData');
     this.$setViewGroupData.addEventListener('click', () => {
       this.LuigiClient.setViewGroupData({ vg: 'some data' });

From 220a4abff9af214adc9538ddea800af63d4bea5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vincent=20=C3=96ller?= <vincentt.oeller@gmail.com>
Date: Wed, 30 Oct 2024 14:49:20 +0100
Subject: [PATCH 3/5] Reapply "added container cypress tests for openAsModal,
 Drawer and Splitview"

This reverts commit 86ebed92cd3f77e36b22ff757898085b4cf455fa.
---
 .../compound/wc-compound-container.cy.js      | 34 +++++++
 .../test-app/iframe/iframe-container.cy.js    | 54 +++++++++++
 .../e2e/test-app/wc/wc-container.cy.js        | 34 +++++++
 container/test-app/compound/helloWorldWC.js   | 40 ++++++--
 .../test-app/iframe/iframeContainer.html      |  9 +-
 container/test-app/iframe/microfrontend.html  | 25 +++++
 container/test-app/wc/clientAPI.html          |  6 +-
 container/test-app/wc/helloWorldWC.js         | 91 +++++++++++++++----
 8 files changed, 264 insertions(+), 29 deletions(-)

diff --git a/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js b/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js
index 9de337f9ff..942216cfec 100644
--- a/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js
+++ b/container/cypress/e2e/test-app/compound/wc-compound-container.cy.js
@@ -217,6 +217,40 @@ describe('Compound Container Tests', () => {
         });
     });
 
+    it('openAsModal webcomponent container', () => {
+      cy.on('window:alert', stub);
+
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsModalBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsModal-wc');
+        });
+    });
+    it('openAsDrawer webcomponent container', () => {
+      cy.on('window:alert', stub);
+      
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsDrawerBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsDrawer-wc');
+        });
+    });
+    it('openAsSplitview webcomponent container', () => {
+      cy.on('window:alert', stub);
+      
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsSplitviewBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsSplitview-wc');
+        });
+    });
+
     it('LuigiClient API publishEvent', () => {
       cy.on('window:alert', stub);
 
diff --git a/container/cypress/e2e/test-app/iframe/iframe-container.cy.js b/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
index 0b6b5013e1..c59ca51920 100644
--- a/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
+++ b/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
@@ -115,4 +115,58 @@ describe('Iframe Container Test', () => {
           });
       });
   });
+
+  it('openAsModal', () => {
+    cy.on('window:confirm', () => false); 
+  
+    cy.get(containerSelector)
+      .shadow()
+      .get('iframe')
+      .then(iframe => {
+        const $body = iframe.contents().find('body');
+        cy.wrap($body)
+          .contains('test openAsModal()')
+          .click();
+  
+        cy.location().should(loc => {
+          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsModal-iframe');
+        });
+      });
+  });
+
+  it('openAsDrawer', () => {
+    cy.on('window:confirm', () => false); 
+  
+    cy.get(containerSelector)
+      .shadow()
+      .get('iframe')
+      .then(iframe => {
+        const $body = iframe.contents().find('body');
+        cy.wrap($body)
+          .contains('test openAsDrawer')
+          .click();
+  
+        cy.location().should(loc => {
+          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsDrawer-iframe');
+        });
+      });
+  });
+
+  it('openAsSplitview', () => {
+    cy.on('window:confirm', () => false); 
+  
+    cy.get(containerSelector)
+      .shadow()
+      .get('iframe')
+      .then(iframe => {
+        const $body = iframe.contents().find('body');
+        cy.wrap($body)
+          .contains('test openAsSplitview')
+          .click();
+  
+        cy.location().should(loc => {
+          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsSplitview-iframe');
+        });
+      });
+  });
 });
diff --git a/container/cypress/e2e/test-app/wc/wc-container.cy.js b/container/cypress/e2e/test-app/wc/wc-container.cy.js
index 65833119de..5550e977c2 100644
--- a/container/cypress/e2e/test-app/wc/wc-container.cy.js
+++ b/container/cypress/e2e/test-app/wc/wc-container.cy.js
@@ -158,6 +158,40 @@ describe('Web Container Test', () => {
         });
     });
 
+    it('openAsModal webcomponent container', () => {
+      cy.on('window:alert', stub);
+
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsModalBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsModal-wc');
+        });
+    });
+    it('openAsDrawer webcomponent container', () => {
+      cy.on('window:alert', stub);
+      
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsDrawerBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsDrawer-wc');
+        });
+    });
+    it('openAsSplitview webcomponent container', () => {
+      cy.on('window:alert', stub);
+      
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsSplitviewBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsSplitview-wc');
+        });
+    });
+
     it('pathExists', () => {
       cy.on('window:alert', stub);
 
diff --git a/container/test-app/compound/helloWorldWC.js b/container/test-app/compound/helloWorldWC.js
index 0bd8936510..59271f5b07 100644
--- a/container/test-app/compound/helloWorldWC.js
+++ b/container/test-app/compound/helloWorldWC.js
@@ -79,12 +79,22 @@ export default class extends HTMLElement {
     withParams().navigate()
     </button>`;
 
+    /*
     const linkManagerOpenAsRequestsBtn = document.createElement('template');
     linkManagerOpenAsRequestsBtn.innerHTML = `<button id="linkManagerOpenAsRequests">linkManager().
     openAsDrawer,
     openAsModal,
     openAsSplitView,
     </button>`;
+    */
+    const openAsModalBtn = document.createElement('template');
+    openAsModalBtn.innerHTML = '<button id="openAsModalBtn">lm.openAsModal</button>';
+
+    const openAsDrawerBtn = document.createElement('template');
+    openAsDrawerBtn.innerHTML = '<button id="openAsDrawerBtn">lm.openAsDrawer</button>';
+
+    const openAsSplitviewBtn = document.createElement('template');
+    openAsSplitviewBtn.innerHTML = '<button id="openAsSplitviewBtn">lm.openAsSplitview</button>';
 
     const linkManagerUpdateTopPathExistsBackBtn = document.createElement('template');
     linkManagerUpdateTopPathExistsBackBtn.innerHTML = `<button id="linkManagerUpdateTopPathExistsBack">linkManager().
@@ -115,7 +125,12 @@ export default class extends HTMLElement {
     this._shadowRoot.appendChild(retrieveContextValueBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(uxManagerMultipleRequestsBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(linkManagerChainedFunctionsRequestsBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(linkManagerOpenAsRequestsBtn.content.cloneNode(true));
+
+    this._shadowRoot.appendChild(openAsModalBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(openAsDrawerBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(openAsSplitviewBtn.content.cloneNode(true));
+    // this._shadowRoot.appendChild(linkManagerOpenAsRequestsBtn.content.cloneNode(true));
+
     this._shadowRoot.appendChild(linkManagerUpdateTopPathExistsBackBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(setViewGroupDataBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(confirmationModalBtn.content.cloneNode(true));
@@ -306,11 +321,24 @@ export default class extends HTMLElement {
       });
     });
 
-    this.$linkManagerOpenAsRequests = this._shadowRoot.querySelector('#linkManagerOpenAsRequests');
-    this.$linkManagerOpenAsRequests.addEventListener('click', () => {
-      this.LuigiClient.linkManager().openAsDrawer('hello-world-wc', { size: 's' });
-      this.LuigiClient.linkManager().openAsModal('hello-world-wc', { size: 'm' });
-      this.LuigiClient.linkManager().openAsSplitView('hello-world-wc', { size: 'l' });
+    this.$openAsModalBtn = this._shadowRoot.querySelector('#openAsModalBtn');
+    this.$openAsModalBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsModal('openAsModal-wc', {
+        title:'Modal Title',
+        size: 'm'
+      });
+    });
+    this.$openAsDrawerBtn = this._shadowRoot.querySelector('#openAsDrawerBtn');
+    this.$openAsDrawerBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsDrawer('openAsDrawer-wc', {
+        size: 's'
+      });
+    });
+    this.$openAsSplitviewBtn = this._shadowRoot.querySelector('#openAsSplitviewBtn');
+    this.$openAsSplitviewBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsSplitView('openAsSplitview-wc', {
+        size: 'l'
+      });
     });
 
     this.$linkManagerUpdateTopPathExistsBack = this._shadowRoot.querySelector('#linkManagerUpdateTopPathExistsBack');
diff --git a/container/test-app/iframe/iframeContainer.html b/container/test-app/iframe/iframeContainer.html
index ddfef3486a..acb1797d6d 100644
--- a/container/test-app/iframe/iframeContainer.html
+++ b/container/test-app/iframe/iframeContainer.html
@@ -32,6 +32,9 @@ <h3>
       luigiContainer.addEventListener(Events.NAVIGATION_REQUEST, event => {
         console.log(event.detail);
         window.location.hash = event.detail.link;
+        if (confirm('Do you want to leave this page?')) {
+          window.location = event.detail.link;
+        }
       });
 
       luigiContainer.addEventListener(Events.CUSTOM_MESSAGE, event => {
@@ -57,12 +60,6 @@ <h3>
         luigiContainer.setAttribute('auth-data', '{"accessToken": "updated token"}');
       });
 
-      luigiContainer.addEventListener(Events.NAVIGATION_REQUEST, event => {
-        if (confirm('Do you want to leave this page?')) {
-          window.location = event.detail.link;
-        }
-      });
-
       const showAnAlert = alertSettings => {
         var popup = document.createElement('div');
         var text = document.createTextNode(alertSettings.settings.text);
diff --git a/container/test-app/iframe/microfrontend.html b/container/test-app/iframe/microfrontend.html
index b69fc1a4e9..b5cbf241e1 100644
--- a/container/test-app/iframe/microfrontend.html
+++ b/container/test-app/iframe/microfrontend.html
@@ -60,9 +60,34 @@ <h1 id="title">Multi purpose demo page</h1>
       <button onclick="testSetDirtyStatus()">test set dirty status</button>
       <button onclick="testShowAlert()">test show alert</button>
       <button onclick="testGetToken()">test get token</button>
+
+      <button onclick="openAsModal()">test openAsModal()</button>
+      <button onclick="openAsDrawer()">test openAsDrawer()</button>
+      <button onclick="openAsSplitview()">test openAsSplitview()</button>
     </div>
+
     <script>
       // List of onclick handlers for client calls
+
+      function openAsModal(){
+        LuigiClient.linkManager().openAsModal('openAsModal-iframe', {
+        title:'Modal Title',
+        size: 'm'
+      });
+      }
+
+      function openAsDrawer(){
+        LuigiClient.linkManager().openAsDrawer('openAsDrawer-iframe', {
+        size: 's'
+      });
+      }
+
+      function openAsSplitview(){
+        LuigiClient.linkManager().openAsDrawer('openAsSplitview-iframe', {
+          size: 'l'
+        });
+      }
+
       function testNav() {
         LuigiClient.linkManager().navigate('/');
       }
diff --git a/container/test-app/wc/clientAPI.html b/container/test-app/wc/clientAPI.html
index 78552f1113..7a90e60809 100644
--- a/container/test-app/wc/clientAPI.html
+++ b/container/test-app/wc/clientAPI.html
@@ -84,6 +84,7 @@ <h3>
 
       [...document.querySelectorAll('luigi-container')].forEach(luigiContainer => {
         luigiContainer.addEventListener(MFEventID.NAVIGATION_REQUEST, event => {
+          // alert("NAVIGATION_REQUEST received");
           console.log(event.detail);
           window.location.hash = event.detail.link;
         });
@@ -109,7 +110,10 @@ <h3>
             alert(event.detail.data);
           }
         });
-
+        luigiContainer.addEventListener(MFEventID.GO_BACK_REQUEST, event => {
+          console.log(event);
+          //alert(event.detail.text);
+        });
         luigiContainer.addEventListener(
           MFEventID.RUNTIME_ERROR_HANDLING_REQUEST,
           event => {
diff --git a/container/test-app/wc/helloWorldWC.js b/container/test-app/wc/helloWorldWC.js
index 2ecaa8d9fb..b1972174ae 100644
--- a/container/test-app/wc/helloWorldWC.js
+++ b/container/test-app/wc/helloWorldWC.js
@@ -73,18 +73,32 @@ export default class extends HTMLElement {
     withParams().navigate()
     </button>`;
 
-    const linkManagerOpenAsRequestsBtn = document.createElement('template');
-    linkManagerOpenAsRequestsBtn.innerHTML = `<button id="linkManagerOpenAsRequests">linkManager().
-    openAsDrawer,
-    openAsModal,
-    openAsSplitView,
-    </button>`;
-
     const linkManagerUpdateTopPathExistsBackBtn = document.createElement('template');
     linkManagerUpdateTopPathExistsBackBtn.innerHTML = `<button id="linkManagerUpdateTopPathExistsBack">linkManager().
     hasBack(), updateTopNavigation(), goBack(), pathExists()
     </button>`;
 
+    const goBackBtn = document.createElement('template');
+    goBackBtn.innerHTML = '<button id="goBackBtn">lm.GOBACK()</button>';
+
+    const updateTopNavigationBtn = document.createElement('template');
+    updateTopNavigationBtn.innerHTML = '<button id="updateTopNavigationBtn">lm.UPDATETOPNAV</button>';
+
+    const openAsModalBtn = document.createElement('template');
+    openAsModalBtn.innerHTML = '<button id="openAsModalBtn">lm.openAsModal</button>';
+
+    const openAsDrawerBtn = document.createElement('template');
+    openAsDrawerBtn.innerHTML = '<button id="openAsDrawerBtn">lm.openAsDrawer</button>';
+
+    const openAsSplitviewBtn = document.createElement('template');
+    openAsSplitviewBtn.innerHTML = '<button id="openAsSplitviewBtn">lm.openAsSplitview</button>';
+
+    const navigateBtn = document.createElement('template');
+    navigateBtn.innerHTML = '<button id="navigateBtn">---navigate---</button>';
+
+    const alertBtn = document.createElement('template');
+    alertBtn.innerHTML = '<button id="alertBtn">uxManager.showAlert()</button';
+
     const navigateToIntentBtn = document.createElement('template');
     navigateToIntentBtn.innerHTML = '<button id="navigateToIntent">navigateToIntent</button>';
 
@@ -113,13 +127,20 @@ export default class extends HTMLElement {
     this._shadowRoot.appendChild(updateContextBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(uxManagerMultipleRequestsBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(linkManagerChainedFunctionsRequestsBtn.content.cloneNode(true));
-    this._shadowRoot.appendChild(linkManagerOpenAsRequestsBtn.content.cloneNode(true));
+
+    this._shadowRoot.appendChild(goBackBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(updateTopNavigationBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(openAsModalBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(openAsDrawerBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(openAsSplitviewBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(navigateBtn.content.cloneNode(true));
+    this._shadowRoot.appendChild(alertBtn.content.cloneNode(true));
+    
     this._shadowRoot.appendChild(linkManagerUpdateTopPathExistsBackBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(setViewGroupDataBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(getCurrentRouteBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(navigateToIntentBtn.content.cloneNode(true));
     this._shadowRoot.appendChild(confirmationModalBtn.content.cloneNode(true));
-
     this._shadowRoot.appendChild(customMessageDiv.content.cloneNode(true));
     this._shadowRoot.appendChild(empty.content.cloneNode(true));
 
@@ -273,19 +294,44 @@ export default class extends HTMLElement {
       });
     });
 
-    this.$linkManagerOpenAsRequests = this._shadowRoot.querySelector('#linkManagerOpenAsRequests');
-    this.$linkManagerOpenAsRequests.addEventListener('click', () => {
-      this.LuigiClient.linkManager().openAsDrawer('hello-world-wc', {
-        size: 's'
-      });
-      this.LuigiClient.linkManager().openAsModal('hello-world-wc', {
+    this.$openAsModalBtn = this._shadowRoot.querySelector('#openAsModalBtn');
+    this.$openAsModalBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsModal('openAsModal-wc', {
+        title:'Modal Title',
         size: 'm'
       });
-      this.LuigiClient.linkManager().openAsSplitView('hello-world-wc', {
+    });
+    this.$openAsDrawerBtn = this._shadowRoot.querySelector('#openAsDrawerBtn');
+    this.$openAsDrawerBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsDrawer('openAsDrawer-wc', {
+        size: 's'
+      });
+    });
+    this.$openAsSplitviewBtn = this._shadowRoot.querySelector('#openAsSplitviewBtn');
+    this.$openAsSplitviewBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().openAsSplitView('openAsSplitview-wc', {
         size: 'l'
       });
     });
 
+    this.$alertBtn = this._shadowRoot.querySelector('#alertBtn');
+    this.$alertBtn.addEventListener('click', () => {
+      this.LuigiClient.uxManager().showAlert({
+        text: "showAlert test",
+        type: 'info'
+      });
+    })
+
+    this.$navigateBtn = this._shadowRoot.querySelector('#navigateBtn');
+    this.$navigateBtn.addEventListener('click', () => {
+      const path = "AAA.html";
+      const modalSettings = {
+        title:'Modal Title',
+        size: 'm'
+      }
+      this.LuigiClient.linkManager().navigate(path, 0, true, modalSettings);
+    });
+
     this.$linkManagerUpdateTopPathExistsBack = this._shadowRoot.querySelector('#linkManagerUpdateTopPathExistsBack');
     this.$linkManagerUpdateTopPathExistsBack.addEventListener('click', () => {
       this.LuigiClient.linkManager().updateTopNavigation();
@@ -305,6 +351,19 @@ export default class extends HTMLElement {
       this.LuigiClient.linkManager().goBack();
     });
 
+    this.$goBackBtn = this._shadowRoot.querySelector('#goBackBtn');
+    this.$goBackBtn.addEventListener('click', () => {
+      this.LuigiClient.linkManager().goBack();
+      console.log("goBack() CLICKED");
+    });
+
+    this.$updateTopNavigationBtn = this._shadowRoot.querySelector('#updateTopNavigationBtn');
+    this.$updateTopNavigationBtn.addEventListener('click', () => {
+      console.log("updateTopNavigation() CLICKED 1");
+      this.LuigiClient.linkManager().updateTopNavigationBtn();
+      console.log("updateTopNavigation() CLICKED 2");
+    });
+
     this.$setViewGroupData = this._shadowRoot.querySelector('#setViewGroupData');
     this.$setViewGroupData.addEventListener('click', () => {
       this.LuigiClient.setViewGroupData({ vg: 'some data' });

From 917cd146b07a093fbcb73bc2922cfc8d2eb39f69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vincent=20=C3=96ller?= <vincentt.oeller@gmail.com>
Date: Thu, 31 Oct 2024 10:56:58 +0100
Subject: [PATCH 4/5] check only hash instead of full url in iframe tests

---
 .../cypress/e2e/test-app/iframe/iframe-container.cy.js      | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/container/cypress/e2e/test-app/iframe/iframe-container.cy.js b/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
index c59ca51920..fe2b83d177 100644
--- a/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
+++ b/container/cypress/e2e/test-app/iframe/iframe-container.cy.js
@@ -129,7 +129,7 @@ describe('Iframe Container Test', () => {
           .click();
   
         cy.location().should(loc => {
-          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsModal-iframe');
+          expect(loc.hash).to.eq('#openAsModal-iframe');
         });
       });
   });
@@ -147,7 +147,7 @@ describe('Iframe Container Test', () => {
           .click();
   
         cy.location().should(loc => {
-          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsDrawer-iframe');
+          expect(loc.hash).to.eq('#openAsDrawer-iframe');
         });
       });
   });
@@ -165,7 +165,7 @@ describe('Iframe Container Test', () => {
           .click();
   
         cy.location().should(loc => {
-          expect(loc.href).to.eq('http://localhost:8080/iframe/iframeContainer.html#openAsSplitview-iframe');
+          expect(loc.hash).to.eq('#openAsSplitview-iframe');
         });
       });
   });

From 1dc87b8dcb6319d776bfed7ddce85c1e98696a9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vincent=20=C3=96ller?= <vincentt.oeller@gmail.com>
Date: Wed, 6 Nov 2024 16:22:05 +0100
Subject: [PATCH 5/5] remove commented out alerts

---
 container/test-app/wc/clientAPI.html | 2 --
 1 file changed, 2 deletions(-)

diff --git a/container/test-app/wc/clientAPI.html b/container/test-app/wc/clientAPI.html
index 7a90e60809..68ca55a58e 100644
--- a/container/test-app/wc/clientAPI.html
+++ b/container/test-app/wc/clientAPI.html
@@ -84,7 +84,6 @@ <h3>
 
       [...document.querySelectorAll('luigi-container')].forEach(luigiContainer => {
         luigiContainer.addEventListener(MFEventID.NAVIGATION_REQUEST, event => {
-          // alert("NAVIGATION_REQUEST received");
           console.log(event.detail);
           window.location.hash = event.detail.link;
         });
@@ -112,7 +111,6 @@ <h3>
         });
         luigiContainer.addEventListener(MFEventID.GO_BACK_REQUEST, event => {
           console.log(event);
-          //alert(event.detail.text);
         });
         luigiContainer.addEventListener(
           MFEventID.RUNTIME_ERROR_HANDLING_REQUEST,