@zohodesk/dot 1.9.15 → 1.9.17

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

@@ -1,29 +1,799 @@
 // 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="flex row wrap alignItems_center container default"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
+    <span>
+      Near title
+    </span>
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="title"
+        class="flex row alignItems_center title"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
       >
         <span
-          class="title default "
+          class="title default"
+          data-title="Header Title"
+        >
+          Header Title
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ModuleHeader snapshot -  Render with children 1`] = `
+<DocumentFragment>
+  <div
+    class="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="flex row wrap alignItems_center container default custom-container"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title custom-title"
+        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="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
+        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="flex row alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="noShrink searchContainer searchContainer"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center wrapper boxType"
+        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="flexible basis_zero noShrink"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="flex row varClass customContainer effect container"
+            data-selector-id="textBoxIcon"
+          >
+            <div
+              class="flexible basis_zero noShrink"
+              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="noShrink iconContainer"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <div
+                class="flex fullSize row"
+                data-id="containerComponent"
+                data-selector-id="container"
+                data-test-id="containerComponent"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="closeContainer"
+    >
+      <button
+        aria-pressed="false"
+        class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
+        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="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="module-header-dataId"
+    data-selector-id="container"
+    data-test-id="module-header-dataId"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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 htmlId 1`] = `
+<DocumentFragment>
+  <div
+    class="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="flex row wrap alignItems_center container default"
+    data-drag-hook="false"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <span
+          class="title default"
+          data-title=""
+        />
+      </div>
+    </div>
+    <div
+      class="noShrink searchContainer searchContainer"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center wrapper borderType"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="flexible basis_zero noShrink"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="flex row varClass customContainer effect container"
+            data-selector-id="textBoxIcon"
+          >
+            <div
+              class="flexible basis_zero noShrink"
+              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="noShrink iconContainer"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <div
+                class="flex fullSize row"
+                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="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
+        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="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="flex row wrap alignItems_center container white"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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="flex row wrap alignItems_center container default"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="flexible basis_zero noShrink"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex row alignItems_center title"
+        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>
 `;