feat(smartSort): add widget

packages/react-instantsearch-dom/src/components/__tests__/SmartSort.tsx

@@ -41,20 +41,36 @@ describe('SmartSort', () => {
       />
     );
 
-    expect(tree.toJSON()).toMatchSnapshot();
+    expect(tree.root.props.className.includes('MyCustomSmartSort')).toBe(true);
   });
 
   it('forward isSmartSorted to props components', () => {
+    const mockTextComponent = jest.fn(() => null);
+
+    const mockButtonTextComponent = jest.fn(() => null);
+
     const tree = renderer.create(
       <SmartSort
-        buttonTextComponent={ButtonTextComponent}
+        buttonTextComponent={mockTextComponent}
         isVirtualReplica={true}
         isSmartSorted={true}
         refine={() => {}}
-        textComponent={TextComponent}
+        textComponent={mockButtonTextComponent}
       />
     );
 
+    expect(mockTextComponent).toHaveBeenCalledWith(
+      {
+        isSmartSorted: true,
+      },
+      {}
+    );
+    expect(mockButtonTextComponent).toHaveBeenCalledWith(
+      {
+        isSmartSorted: true,
+      },
+      {}
+    );
     expect(tree.toJSON()).toMatchSnapshot();
   });
 });

packages/react-instantsearch-dom/src/components/__tests__/__snapshots__/SmartSort.tsx.snap

@@ -1,45 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`SmartSort accepts a custom className 1`] = `
-<div
-  className="ais-SmartSort MyCustomSmartSort"
->
-  <div
-    className="ais-SmartSort-text"
-  >
-    <div>
-      Currently showing all results
-    </div>
-  </div>
-  <button
-    className="ais-SmartSort-button"
-    onClick={[Function]}
-  >
-    <div>
-      See relevant results
-    </div>
-  </button>
-</div>
-`;
-
 exports[`SmartSort forward isSmartSorted to props components 1`] = `
 <div
   className="ais-SmartSort"
 >
   <div
     className="ais-SmartSort-text"
-  >
-    <div>
-      We removed some search results to show you the most relevant ones
-    </div>
-  </div>
+  />
   <button
     className="ais-SmartSort-button"
     onClick={[Function]}
-  >
-    <div>
-      See all results
-    </div>
-  </button>
+  />
 </div>
 `;