@zohodesk/components 1.6.31 → 1.6.34

package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap

@@ -1,5 +1,258 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
+exports[`EmptyState Render with a11y role 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_noOptnsMsg"
+    data-test-id="empty_noOptnsMsg"
+    role="status"
+  />
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with dataId 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty-state-dataId_noOptnsMsg"
+    data-test-id="empty-state-dataId_noOptnsMsg"
+    role="alert"
+  />
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with emptyMessage and no options 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_noOptnsMsg"
+    data-test-id="empty_noOptnsMsg"
+    role="alert"
+  >
+    No options
+  </div>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with emptyMessage, options and no suggestions 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_NoMoreOptionMsg"
+    data-test-id="empty_NoMoreOptionMsg"
+    role="alert"
+  >
+    No options
+  </div>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with htmlId 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_noOptnsMsg"
+    data-test-id="empty_noOptnsMsg"
+    id="empty-state-htmlId"
+    role="alert"
+  />
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with i18nKeys emptyText and no options 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_noOptnsMsg"
+    data-test-id="empty_noOptnsMsg"
+    role="alert"
+  >
+    Nothing here
+  </div>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with i18nKeys noMoreText, options and no suggestions 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_NoMoreOptionMsg"
+    data-test-id="empty_NoMoreOptionMsg"
+    role="alert"
+  >
+    Nothing more to pick
+  </div>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with isLoading 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_Loading"
+    data-test-id="empty_Loading"
+    role="alert"
+  >
+    Loading
+  </div>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with isLoading and i18nKeys loadingText 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_Loading"
+    data-test-id="empty_Loading"
+    role="alert"
+  >
+    Fetching options
+  </div>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with isLoading, searchString and no suggestions 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_Loading"
+    data-test-id="empty_Loading"
+    role="alert"
+  >
+    Loading
+  </div>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with noMoreOptionsMessage, options and no suggestions 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_NoMoreOptionMsg"
+    data-test-id="empty_NoMoreOptionMsg"
+    role="alert"
+  >
+    No more options
+  </div>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with options and no suggestions 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_NoMoreOptionMsg"
+    data-test-id="empty_NoMoreOptionMsg"
+    role="alert"
+  />
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with palette as dark 1`] = `
+<DocumentFragment>
+  <div
+    class="dark"
+    data-id="empty_noOptnsMsg"
+    data-test-id="empty_noOptnsMsg"
+    role="alert"
+  />
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with renderCustomEmptyState as function and no options 1`] = `
+<DocumentFragment>
+  <span>
+    No options
+  </span>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with renderCustomEmptyState as function, options and no suggestions 1`] = `
+<DocumentFragment>
+  <span>
+    No more options
+  </span>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with renderCustomEmptyState as node and no options 1`] = `
+<DocumentFragment>
+  <span>
+    Custom empty state
+  </span>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with searchString and no suggestions 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_srchEmptyMsg"
+    data-test-id="empty_srchEmptyMsg"
+    role="alert"
+  />
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with searchString and suggestions 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_NoMoreOptionMsg"
+    data-test-id="empty_NoMoreOptionMsg"
+    role="alert"
+  />
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with searchString, no suggestions and emptyMessage 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_srchEmptyMsg"
+    data-test-id="empty_srchEmptyMsg"
+    role="alert"
+  >
+    No options
+  </div>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with searchString, no suggestions and getCustomEmptyState 1`] = `
+<DocumentFragment>
+  <div>
+    Custom search empty state
+  </div>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with searchString, no suggestions and i18nKeys searchEmptyText 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_srchEmptyMsg"
+    data-test-id="empty_srchEmptyMsg"
+    role="alert"
+  >
+    Nothing matches
+  </div>
+</DocumentFragment>
+`;
+
+exports[`EmptyState Render with searchString, no suggestions and searchEmptyMessage 1`] = `
+<DocumentFragment>
+  <div
+    class="default"
+    data-id="empty_srchEmptyMsg"
+    data-test-id="empty_srchEmptyMsg"
+    role="alert"
+  >
+    No matches found
+  </div>
+</DocumentFragment>
+`;
+
 exports[`EmptyState rendering the defult props 1`] = `
 <DocumentFragment>
   <div