@zohodesk/components 1.6.31 → 1.6.34

package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap

@@ -1,5 +1,104 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
+exports[`TabContent Render with dataId and dataSelectorId 1`] = `
+<DocumentFragment>
+  <div
+    class="d-flex d-h-full d-w-full d-flex-col container"
+    data-id="tab-content-dataId_TabContent"
+    data-scroll="true"
+    data-selector-id="tab-content-dataSelectorId"
+    data-test-id="tab-content-dataId_TabContent"
+    role="tabpanel"
+    tabindex="-1"
+  />
+</DocumentFragment>
+`;
+
+exports[`TabContent Render with id 1`] = `
+<DocumentFragment>
+  <div
+    aria-labelledby="tab-content-id"
+    class="d-flex d-h-full d-w-full d-flex-col container"
+    data-id="tabContent_TabContent"
+    data-scroll="true"
+    data-selector-id="tabContent"
+    data-test-id="tabContent_TabContent"
+    role="tabpanel"
+    tabindex="-1"
+  />
+</DocumentFragment>
+`;
+
+exports[`TabContent Render with no children 1`] = `
+<DocumentFragment>
+  <div
+    class="d-flex d-h-full d-w-full d-flex-col container"
+    data-id="tabContent_TabContent"
+    data-scroll="true"
+    data-selector-id="tabContent"
+    data-test-id="tabContent_TabContent"
+    role="tabpanel"
+    tabindex="-1"
+  />
+</DocumentFragment>
+`;
+
+exports[`TabContent Render with scroll as both 1`] = `
+<DocumentFragment>
+  <div
+    class="d-flex d-h-full d-w-full d-flex-col d-overflow-auto container"
+    data-id="tabContent_TabContent"
+    data-scroll="true"
+    data-selector-id="tabContent"
+    data-test-id="tabContent_TabContent"
+    role="tabpanel"
+    tabindex="-1"
+  />
+</DocumentFragment>
+`;
+
+exports[`TabContent Render with scroll as horizontal 1`] = `
+<DocumentFragment>
+  <div
+    class="d-flex d-h-full d-w-full d-flex-col d-overflow-x-auto d-overflow-y-hidden container"
+    data-id="tabContent_TabContent"
+    data-scroll="true"
+    data-selector-id="tabContent"
+    data-test-id="tabContent_TabContent"
+    role="tabpanel"
+    tabindex="-1"
+  />
+</DocumentFragment>
+`;
+
+exports[`TabContent Render with scroll as none 1`] = `
+<DocumentFragment>
+  <div
+    class="d-flex d-h-full d-w-full d-flex-col d-overflow-hidden container"
+    data-id="tabContent_TabContent"
+    data-scroll="true"
+    data-selector-id="tabContent"
+    data-test-id="tabContent_TabContent"
+    role="tabpanel"
+    tabindex="-1"
+  />
+</DocumentFragment>
+`;
+
+exports[`TabContent Render with scroll as vertical 1`] = `
+<DocumentFragment>
+  <div
+    class="d-flex d-h-full d-w-full d-flex-col d-overflow-y-auto d-overflow-x-hidden container"
+    data-id="tabContent_TabContent"
+    data-scroll="true"
+    data-selector-id="tabContent"
+    data-test-id="tabContent_TabContent"
+    role="tabpanel"
+    tabindex="-1"
+  />
+</DocumentFragment>
+`;
+
 exports[`TabContent rendering the defult props 1`] = `
 <DocumentFragment>
   <div

package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap

@@ -1,5 +1,126 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
+exports[`TabContentWrapper Render with a11y 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Tab panels"
+    class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
+    data-id="boxComponent"
+    data-selector-id="tabContentWrapper"
+    data-test-id="boxComponent"
+    role="region"
+  />
+</DocumentFragment>
+`;
+
+exports[`TabContentWrapper Render with className 1`] = `
+<DocumentFragment>
+  <div
+    class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 custom-wrapper"
+    data-id="boxComponent"
+    data-selector-id="tabContentWrapper"
+    data-test-id="boxComponent"
+  />
+</DocumentFragment>
+`;
+
+exports[`TabContentWrapper Render with dataId and dataSelectorId 1`] = `
+<DocumentFragment>
+  <div
+    class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
+    data-id="tab-content-wrapper-dataId"
+    data-selector-id="tab-content-wrapper-dataSelectorId"
+    data-test-id="tab-content-wrapper-dataId"
+  />
+</DocumentFragment>
+`;
+
+exports[`TabContentWrapper Render with selectedTab as page1 1`] = `
+<DocumentFragment>
+  <div
+    class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
+    data-id="boxComponent"
+    data-selector-id="tabContentWrapper"
+    data-test-id="boxComponent"
+  >
+    <div
+      aria-labelledby="page1"
+      class="d-flex d-h-full d-w-full d-flex-col container"
+      data-id="tabContent_TabContent"
+      data-scroll="true"
+      data-selector-id="tabContent"
+      data-test-id="tabContent_TabContent"
+      role="tabpanel"
+      tabindex="-1"
+    >
+      <div>
+        Page 1 Content
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`TabContentWrapper Render with selectedTab as page2 1`] = `
+<DocumentFragment>
+  <div
+    class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
+    data-id="boxComponent"
+    data-selector-id="tabContentWrapper"
+    data-test-id="boxComponent"
+  >
+    <div
+      aria-labelledby="page2"
+      class="d-flex d-h-full d-w-full d-flex-col container"
+      data-id="tabContent_TabContent"
+      data-scroll="true"
+      data-selector-id="tabContent"
+      data-test-id="tabContent_TabContent"
+      role="tabpanel"
+      tabindex="-1"
+    >
+      <div>
+        Page 2 Content
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`TabContentWrapper Render with selectedTab not matching any child 1`] = `
+<DocumentFragment>
+  <div
+    class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
+    data-id="boxComponent"
+    data-selector-id="tabContentWrapper"
+    data-test-id="boxComponent"
+  />
+</DocumentFragment>
+`;
+
+exports[`TabContentWrapper Render with style 1`] = `
+<DocumentFragment>
+  <div
+    class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
+    data-id="boxComponent"
+    data-selector-id="tabContentWrapper"
+    data-test-id="boxComponent"
+    style="height: 100px;"
+  />
+</DocumentFragment>
+`;
+
+exports[`TabContentWrapper Render with tagName as section 1`] = `
+<DocumentFragment>
+  <section
+    class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
+    data-id="boxComponent"
+    data-selector-id="tabContentWrapper"
+    data-test-id="boxComponent"
+  />
+</DocumentFragment>
+`;
+
 exports[`TabContentWrapper rendering the defult props 1`] = `
 <DocumentFragment>
   <div