Fix leftnav nav-sync issue (SAP#1271)

stanleychh · Apr 21, 2020 · dc909cf · dc909cf
1 parent 4e94c20
commit dc909cf
Show file tree

Hide file tree

Showing 2 changed files with 59 additions and 0 deletions.
diff --git a/core/src/App.html b/core/src/App.html
@@ -456,6 +456,7 @@
           node.openNodeInModal === true ? {} : node.openNodeInModal
         );
       } else {
+        getComponentWrapper().set({ isNavigationSyncEnabled: true });
         Routing.handleRouteClick(node, getComponentWrapper());
       }
     });

diff --git a/test/e2e-test-application/e2e/tests/1-angular/navigation.spec.js b/test/e2e-test-application/e2e/tests/1-angular/navigation.spec.js
@@ -385,6 +385,64 @@ describe('Navigation', () => {
 
       cy.get('[data-testid=modal-mf]').should('not.be.visible');
     });
+
+    it('Nav sync - click sidenav', () => {
+      // projects page
+      cy.get('.fd-shellbar')
+        .contains('Projects')
+        .click();
+
+      //projects page
+      cy.get('.fd-app__sidebar')
+        .contains('Project Two')
+        .click();
+
+      cy.get('.fd-app__sidebar')
+        .contains('Nav Sync')
+        .click();
+
+      cy.expectPathToBe('/projects/pr2/nav-sync/one');
+
+      ['four', 'three', 'two', 'three', 'two'].forEach(label => {
+        cy.get('.fd-app__sidebar')
+          .contains(label)
+          .click();
+
+        cy.expectPathToBe('/projects/pr2/nav-sync/' + label);
+
+        cy.getIframeBody().then($iframeBody => {
+          cy.wrap($iframeBody)
+            .find('.fd-list-group__item')
+            .contains('Current pathsegment: ' + label);
+        });
+      });
+    });
+    it('Nav sync - use synched nav', () => {
+      // projects page
+      cy.get('.fd-shellbar')
+        .contains('Projects')
+        .click();
+
+      //projects page
+      cy.get('.fd-app__sidebar')
+        .contains('Project Two')
+        .click();
+
+      cy.get('.fd-app__sidebar')
+        .contains('Nav Sync')
+        .click();
+
+      cy.expectPathToBe('/projects/pr2/nav-sync/one');
+
+      ['two', 'three', 'four', 'one'].forEach((label, index) => {
+        cy.getIframeBody().then($iframeBody => {
+          cy.wrap($iframeBody)
+            .find('.fd-link')
+            .click();
+        });
+        cy.expectPathToBe('/projects/pr2/nav-sync/' + label);
+      });
+    });
   });
   describe('Horizontal Tab Navigation', () => {
     context('Desktop', () => {