Create a container element for search in standalone gnav (#2833)

* Adding container for for search in standalone gnav * Updating class name * Adding unit test * Removing space to fix eslint issue * Updating unit test * Updating unit test * Accommodating review comments * Fixing Eslint * Accommodating review comments * Updating client search * Updating client search --------- Co-authored-by: Snehal Sonawane <sonawane@Snehals-MacBook-Pro.local> Co-authored-by: Snehal Sonawane <sonawane@snehals-mbp.corp.adobe.com>
adobecom · Sep 16, 2024 · 13b62d5 · 13b62d5
1 parent 6fa9558
commit 13b62d5
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/libs/blocks/global-navigation/global-navigation.js b/libs/blocks/global-navigation/global-navigation.js
@@ -822,6 +822,7 @@ class Gnav {
         ${isDesktop.matches ? '' : this.decorateSearch()}
         ${this.elements.mainNav}
         ${isDesktop.matches ? this.decorateSearch() : ''}
+        ${getConfig().searchEnabled === 'on' ? toFragment`<div class="feds-client-search"></div>` : ''}
       </div>
     `;
 

diff --git a/libs/navigation/navigation.js b/libs/navigation/navigation.js
@@ -4,7 +4,7 @@ const blockConfig = [
     name: 'global-navigation',
     targetEl: 'header',
     appendType: 'prepend',
-    params: ['imsClientId'],
+    params: ['imsClientId', 'searchEnabled'],
   },
   {
     key: 'footer',

diff --git a/test/blocks/global-navigation/global-navigation.test.js b/test/blocks/global-navigation/global-navigation.test.js
@@ -620,4 +620,11 @@ describe('global navigation', () => {
       expect(document.querySelector(`${selectors.brandImage} img`).getAttribute('src')).to.equal('http://localhost:2000/test/blocks/global-navigation/mocks/adobe-dark-logo.svg');
     });
   });
+
+  describe('Client search feature in global navigation', () => {
+    it('should append the feds-client-search div when search is enabled', async () => {
+      await createFullGlobalNavigation({ customConfig: { searchEnabled: 'on' } });
+      expect(document.querySelector(selectors.topNavWrapper).classList.contains('feds-client-search')).to.exist;
+    });
+  });
 });