@zohodesk/dot 1.9.15 → 1.9.16

package/lib/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap

@@ -1,14 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ModuleHeader rendering the defult props 1`] = `
+exports[`ModuleHeader snapshot -  Render with childNearTitle 1`] = `
 <DocumentFragment>
   <div
-    class="container default flex rowdir wrap vCenter"
+    class="container default  flex rowdir wrap vCenter"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
+    <span>
+      Near title
+    </span>
     <div
       class="grow basis shrinkOff"
       data-id="boxComponent"
@@ -16,7 +19,290 @@ exports[`ModuleHeader rendering the defult props 1`] = `
       data-test-id="boxComponent"
     >
       <div
-        class="title"
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title="Header Title"
+        >
+          Header Title
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with children 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title="Header Title"
+        >
+          Header Title
+        </span>
+      </div>
+    </div>
+    <div>
+      Child content
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with customClass 1`] = `
+<DocumentFragment>
+  <div
+    class="container default custom-container flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title custom-title flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title="Header Title"
+        >
+          Header Title
+        </span>
+      </div>
+    </div>
+    <div
+      class="closeContainer custom-close"
+    >
+      <button
+        aria-pressed="false"
+        class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+        data-id="close"
+        data-ishtml="false"
+        data-selector-id="iconButton"
+        data-test-id="close"
+      >
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-cross   icon_button_center  "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+          style="--zd-iconfont-size: var(--zd_font_size11);"
+        />
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with customProps for sub-components 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="custom-titleWrapper"
+        data-selector-id="container"
+        data-test-id="custom-titleWrapper"
+      >
+        <span
+          class="title primary bold"
+          data-title="Header Title"
+        >
+          Header Title
+        </span>
+        <span>
+          Extra
+        </span>
+      </div>
+    </div>
+    <div
+      class="searchContainer searchContainer shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="wrapper boxType 
+          
+          
+         flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-search  searchIcon searchIconBox  "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+          style="--zd-iconfont-size: var(--zd_font_size11);"
+        />
+        <div
+          class="grow basis shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="varClass customContainer    effect     container   flex rowdir"
+            data-selector-id="textBoxIcon"
+          >
+            <div
+              class="grow basis shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <input
+                class="  container small  default  effect  borderColor_default  "
+                data-a11y-autofocus="true"
+                data-id="search"
+                data-selector-id="textBoxIcon"
+                data-test-id="search"
+                maxlength="250"
+                type="text"
+                value=""
+              />
+            </div>
+            <div
+              class="iconContainer  shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <div
+                class="flex cover rowdir"
+                data-id="containerComponent"
+                data-selector-id="container"
+                data-test-id="containerComponent"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="closeContainer "
+    >
+      <button
+        aria-pressed="false"
+        class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+        data-id="custom-close"
+        data-ishtml="false"
+        data-selector-id="iconButton"
+        data-test-id="custom-close"
+      >
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-cross   icon_button_center  "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+          style="--zd-iconfont-size: var(--zd_font_size11);"
+        />
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with dataId 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="module-header-dataId"
+    data-selector-id="container"
+    data-test-id="module-header-dataId"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title="Header Title"
+        >
+          Header Title
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with default props 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
       >
         <span
           class="title default "
@@ -27,3 +313,493 @@ exports[`ModuleHeader rendering the defult props 1`] = `
   </div>
 </DocumentFragment>
 `;
+
+exports[`ModuleHeader snapshot -  Render with htmlId 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title="Header Title"
+          id="module-header-htmlId"
+        >
+          Header Title
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with isDraggable=false 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="false"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title=""
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with miniDescription 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title=""
+        />
+      </div>
+      <div
+        class="para"
+      >
+        A brief description
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with needSearch=true 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title=""
+        />
+      </div>
+    </div>
+    <div
+      class="searchContainer searchContainer shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="wrapper borderType 
+          
+          
+         flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="grow basis shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="varClass customContainer    effect     container   flex rowdir"
+            data-selector-id="textBoxIcon"
+          >
+            <div
+              class="grow basis shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <input
+                class="  container small  default  effect  borderColor_default  "
+                data-a11y-autofocus="true"
+                data-id="search"
+                data-selector-id="textBoxIcon"
+                data-test-id="search"
+                maxlength="250"
+                type="text"
+                value=""
+              />
+            </div>
+            <div
+              class="iconContainer  shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <div
+                class="flex cover rowdir"
+                data-id="containerComponent"
+                data-selector-id="container"
+                data-test-id="containerComponent"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with onLookupClose 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title=""
+        />
+      </div>
+    </div>
+    <div
+      class="closeContainer "
+    >
+      <button
+        aria-pressed="false"
+        class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+        data-id="close"
+        data-ishtml="false"
+        data-selector-id="iconButton"
+        data-test-id="close"
+      >
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-cross   icon_button_center  "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+          style="--zd-iconfont-size: var(--zd_font_size11);"
+        />
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with palette=default 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title=""
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with palette=white 1`] = `
+<DocumentFragment>
+  <div
+    class="container white  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title=""
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with renderSecondaryContent as element 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title="Header Title"
+        >
+          Header Title
+        </span>
+      </div>
+      <div>
+        Secondary Element
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with renderSecondaryContent as function 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title="Header Title"
+        >
+          Header Title
+        </span>
+      </div>
+      <div>
+        Secondary Content
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with renderSecondaryContent should not override miniDescription 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title="Header Title"
+        >
+          Header Title
+        </span>
+      </div>
+      <div>
+        Overridden Content
+      </div>
+      <div
+        class="para"
+      >
+        Should appear
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with renderTitleChildren as element 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title="Header Title"
+        >
+          Header Title
+        </span>
+        <span>
+          Title Child Element
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with renderTitleChildren as function 1`] = `
+<DocumentFragment>
+  <div
+    class="container default  flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title  flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default "
+          data-title="Header Title"
+        >
+          Header Title
+        </span>
+        <span>
+          Title Child
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;