chore: #1185 add some test

packages/marketplace/src/components/ui/__tests__/__snapshots__/webhook-test-modal.tsx.snap

@@ -1,34 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`WebhookTestModal should WebhookTestModal match a snapshot 1`] = `
-<ContextProvider
-  value={
+<Provider
+  store={
     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,
-      },
+      "clearActions": [Function],
+      "dispatch": [Function],
+      "getActions": [Function],
+      "getState": [Function],
+      "replaceReducer": [Function],
+      "subscribe": [Function],
     }
   }
 >
@@ -37,42 +18,34 @@ exports[`WebhookTestModal should WebhookTestModal match a snapshot 1`] = `
     closeModal={[MockFunction]}
     visible={true}
     webhookId="webhookId"
-  />
-</ContextProvider>
+  >
+    <Component
+      afterClose={[MockFunction]}
+      renderChildren={true}
+      visible={true}
+    />
+  </Component>
+</Provider>
 `;
 
 exports[`WebhookTestModal should WebhookTestResultModal match a snapshot 1`] = `
-<ContextProvider
-  value={
+<Provider
+  store={
     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,
-      },
+      "clearActions": [Function],
+      "dispatch": [Function],
+      "getActions": [Function],
+      "getState": [Function],
+      "replaceReducer": [Function],
+      "subscribe": [Function],
     }
   }
 >
-  <Component />
-</ContextProvider>
+  <Component>
+    <Component
+      renderChildren={true}
+      visible={false}
+    />
+  </Component>
+</Provider>
 `;

packages/marketplace/src/components/ui/__tests__/webhook-test-modal.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { shallow } from 'enzyme'
+import { mount } from 'enzyme'
 import {
   generateTopicOptions,
   fetchWebhookData,
@@ -10,6 +10,7 @@ import {
   WebhookTestModal,
   GenerateTopicOptions,
 } from '../webhook-test-modal'
+import * as TestModal from '../webhook-test-modal'
 import { ReduxState } from '@/types/core'
 import * as ReactRedux from 'react-redux'
 import { developerState } from '@/sagas/__stubs__/developer'
@@ -39,8 +40,9 @@ describe('WebhookTestModal', () => {
     // spyDispatch = jest.spyOn(ReactRedux, 'useDispatch').mockImplementation(() => store.dispatch)
   })
   it('should WebhookTestModal match a snapshot', () => {
+    spyOn(TestModal, 'generateTopicOptions').and.returnValue([])
     expect(
-      shallow(
+      mount(
         <ReactRedux.Provider store={store}>
           <WebhookTestModal {...props} />
         </ReactRedux.Provider>,
@@ -50,7 +52,7 @@ describe('WebhookTestModal', () => {
 
   it('should WebhookTestResultModal match a snapshot', () => {
     expect(
-      shallow(
+      mount(
         <ReactRedux.Provider store={store}>
           <WebhookTestResultModal />
         </ReactRedux.Provider>,