test(searchbox): add common test suite (#5868)

--------- Co-authored-by: Dhaya <154633+dhayab@users.noreply.github.com>
algolia · Nov 3, 2023 · 5ad60bc · 5ad60bc
1 parent cacb63f
commit 5ad60bc
Show file tree

Hide file tree

Showing 26 changed files with 736 additions and 1,359 deletions.
diff --git a/bundlesize.config.json b/bundlesize.config.json
@@ -26,7 +26,7 @@
     },
     {
       "path": "packages/vue-instantsearch/vue2/umd/index.js",
-      "maxSize": "63.75 kB"
+      "maxSize": "64 kB"
     },
     {
       "path": "packages/vue-instantsearch/vue3/umd/index.js",

diff --git a/packages/instantsearch.js/src/__tests__/common-widgets.test.tsx b/packages/instantsearch.js/src/__tests__/common-widgets.test.tsx
@@ -372,6 +372,16 @@ const testSetups: TestSetupsMap<TestSuites> = {
       })
       .start();
   },
+  createSearchBoxWidgetTests({ instantSearchOptions, widgetParams }) {
+    instantsearch(instantSearchOptions)
+      .addWidgets([
+        searchBox({
+          container: document.body.appendChild(document.createElement('div')),
+          ...widgetParams,
+        }),
+      ])
+      .start();
+  },
 };
 
 const testOptions: TestOptionsMap<TestSuites> = {
@@ -387,6 +397,7 @@ const testOptions: TestOptionsMap<TestSuites> = {
   createHitsPerPageWidgetTests: undefined,
   createClearRefinementsWidgetTests: undefined,
   createCurrentRefinementsWidgetTests: undefined,
+  createSearchBoxWidgetTests: undefined,
 };
 
 describe('Common widget tests (InstantSearch.js)', () => {

diff --git a/...rch.js/src/components/RefinementList/__tests__/__snapshots__/RefinementList-test.tsx.snap b/...rch.js/src/components/RefinementList/__tests__/__snapshots__/RefinementList-test.tsx.snap
@@ -110,15 +110,15 @@ exports[`RefinementList rendering with facets from search 1`] = `
           />
           <button
             class="submit"
-            title="Submit the search query."
+            title="Submit the search query"
             type="submit"
           >
             submit
           </button>
           <button
             class="reset"
             hidden=""
-            title="Clear the search query."
+            title="Clear the search query"
             type="reset"
           >
             reset
@@ -188,15 +188,15 @@ exports[`RefinementList rendering without facets from search 1`] = `
           />
           <button
             class="submit"
-            title="Submit the search query."
+            title="Submit the search query"
             type="submit"
           >
             submit
           </button>
           <button
             class="reset"
             hidden=""
-            title="Clear the search query."
+            title="Clear the search query"
             type="reset"
           >
             reset

diff --git a/packages/instantsearch.js/src/components/SearchBox/SearchBox.tsx b/packages/instantsearch.js/src/components/SearchBox/SearchBox.tsx
@@ -195,7 +195,7 @@ class SearchBox extends Component<
             rootProps={{
               className: cssClasses.submit,
               type: 'submit',
-              title: 'Submit the search query.',
+              title: 'Submit the search query',
               hidden: !showSubmit,
             }}
             templates={templates}
@@ -208,7 +208,7 @@ class SearchBox extends Component<
             rootProps={{
               className: cssClasses.reset,
               type: 'reset',
-              title: 'Clear the search query.',
+              title: 'Clear the search query',
               hidden: !(
                 showReset &&
                 this.state.query.trim() &&