[REFACTOR] AddCustomCollectible component

app/components/UI/AddCustomCollectible/__snapshots__/index.test.tsx.snap

@@ -1,8 +1,37 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AddCustomCollectible should render correctly 1`] = `
-<AddCustomCollectible
-  dispatch={[Function]}
-  selectedAddress="0x1"
-/>
+<ContextProvider
+  value={
+    Object {
+      "store": Object {
+        "clearActions": [Function],
+        "dispatch": [Function],
+        "getActions": [Function],
+        "getState": [Function],
+        "replaceReducer": [Function],
+        "subscribe": [Function],
+      },
+      "subscription": Subscription {
+        "handleChangeWrapper": [Function],
+        "listeners": Object {
+          "notify": [Function],
+        },
+        "onStateChange": [Function],
+        "parentSub": undefined,
+        "store": Object {
+          "clearActions": [Function],
+          "dispatch": [Function],
+          "getActions": [Function],
+          "getState": [Function],
+          "replaceReducer": [Function],
+          "subscribe": [Function],
+        },
+        "unsubscribe": null,
+      },
+    }
+  }
+>
+  <AddCustomCollectible />
+</ContextProvider>
 `;

app/components/UI/AddCustomCollectible/index.test.tsx

@@ -16,13 +16,18 @@ const initialState = {
 };
 const store = mockStore(initialState);
 
+jest.mock('react-redux', () => ({
+	...jest.requireActual('react-redux'),
+	useSelector: jest.fn().mockImplementation(() => ''),
+}));
+
 describe('AddCustomCollectible', () => {
 	it('should render correctly', () => {
 		const wrapper = shallow(
 			<Provider store={store}>
 				<AddCustomCollectible />
 			</Provider>
 		);
-		expect(wrapper.dive()).toMatchSnapshot();
+		expect(wrapper).toMatchSnapshot();
 	});
 });