From 968fe5151176a46efd4200220350ef09c59de619 Mon Sep 17 00:00:00 2001
From: Corbin Crutchley <git@crutchcorn.dev>
Date: Thu, 5 Sep 2024 06:51:51 -0700
Subject: [PATCH] test: add test for useDispatch's context passing

---
 ...t.tsx => compositions.with-types.test.tsx} |  0
 .../vue-redux/tests/use-dispatch.spec.tsx     | 61 +++++++++++++++++
 packages/vue-redux/tests/useDispatch.spec.tsx | 66 -------------------
 3 files changed, 61 insertions(+), 66 deletions(-)
 rename packages/vue-redux/tests/{compositions.withTypes.test.tsx => compositions.with-types.test.tsx} (100%)
 create mode 100644 packages/vue-redux/tests/use-dispatch.spec.tsx
 delete mode 100644 packages/vue-redux/tests/useDispatch.spec.tsx

diff --git a/packages/vue-redux/tests/compositions.withTypes.test.tsx b/packages/vue-redux/tests/compositions.with-types.test.tsx
similarity index 100%
rename from packages/vue-redux/tests/compositions.withTypes.test.tsx
rename to packages/vue-redux/tests/compositions.with-types.test.tsx
diff --git a/packages/vue-redux/tests/use-dispatch.spec.tsx b/packages/vue-redux/tests/use-dispatch.spec.tsx
new file mode 100644
index 0000000..682735c
--- /dev/null
+++ b/packages/vue-redux/tests/use-dispatch.spec.tsx
@@ -0,0 +1,61 @@
+import {describe, it, expect} from "vitest";
+import {defineComponent, h, InjectionKey} from 'vue'
+import {
+  createDispatchComposition,
+  provideStore as provideMock,
+  useDispatch, VueReduxContextValue,
+} from '../src'
+import { createStore } from 'redux'
+import {render} from "@testing-library/vue";
+
+const store = createStore((c: number = 1): number => c + 1)
+const store2 = createStore((c: number = 1): number => c + 2)
+
+describe('Vue', () => {
+  describe('compositions', () => {
+    describe('useDispatch', () => {
+      it("returns the store's dispatch function", () => {
+        const Comp = defineComponent(() => {
+          const dispatch = useDispatch();
+          expect(dispatch).toBe(store.dispatch)
+
+          return () => null;
+        })
+
+        const App = defineComponent(() => {
+          provideMock({store});
+          return () => <Comp/>
+        })
+
+        render(<App/>)
+      })
+    })
+    describe('createDispatchComposition', () => {
+      it("returns the correct store's dispatch function", () => {
+        const nestedContext = Symbol.for("mock-redux-store") as InjectionKey<VueReduxContextValue | null>
+        const useCustomDispatch = createDispatchComposition(nestedContext)
+
+        const CheckDispatch = defineComponent(() => {
+          const dispatch = useDispatch();
+          const customDispatch = useCustomDispatch();
+          expect(dispatch).toBe(store.dispatch)
+          expect(customDispatch).toBe(store2.dispatch)
+
+          return () => null;
+        })
+
+        const InnerApp = defineComponent(() => {
+          provideMock({store: store2, context: nestedContext});
+          return () => <CheckDispatch/>
+        })
+
+        const App = defineComponent(() => {
+          provideMock({store});
+          return () => <InnerApp/>
+        })
+
+        render(<App/>)
+      })
+    })
+  })
+})
diff --git a/packages/vue-redux/tests/useDispatch.spec.tsx b/packages/vue-redux/tests/useDispatch.spec.tsx
deleted file mode 100644
index c2ccee5..0000000
--- a/packages/vue-redux/tests/useDispatch.spec.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import {describe, it, expect} from "vitest";
-import { defineComponent, h } from 'vue'
-import {
-  createDispatchComposition, provideStore,
-  provideStore as provideMock,
-  useDispatch,
-} from '../src'
-import { createStore } from 'redux'
-import {render} from "@testing-library/vue";
-
-const store = createStore((c: number = 1): number => c + 1)
-const store2 = createStore((c: number = 1): number => c + 2)
-
-describe('Vue', () => {
-  describe('compositions', () => {
-    describe('useDispatch', () => {
-      it("returns the store's dispatch function", () => {
-        const Comp = defineComponent(() => {
-          const dispatch = useDispatch();
-          expect(dispatch).toBe(store.dispatch)
-
-          return () => null;
-        })
-
-        const App = defineComponent(() => {
-          provideStore({store});
-          return () => <Comp/>
-        })
-
-        render(<App/>)
-      })
-    })
-    // describe('createDispatchComposition', () => {
-    //   it("returns the correct store's dispatch function", () => {
-    //     const nestedContext =
-    //       React.createContext<ReactReduxContextValue | null>(null)
-    //     const useCustomDispatch = createDispatchComposition(nestedContext)
-    //     const { result } = renderHook(() => useDispatch(), {
-    //       // eslint-disable-next-line react/prop-types
-    //       wrapper: ({ children, ...props }) => (
-    //         <ProviderMock {...props} store={store}>
-    //           <ProviderMock context={nestedContext} store={store2}>
-    //             {children}
-    //           </ProviderMock>
-    //         </ProviderMock>
-    //       ),
-    //     })
-    //
-    //     expect(result.current).toBe(store.dispatch)
-    //
-    //     const { result: result2 } = renderHook(() => useCustomDispatch(), {
-    //       // eslint-disable-next-line react/prop-types
-    //       wrapper: ({ children, ...props }) => (
-    //         <ProviderMock {...props} store={store}>
-    //           <ProviderMock context={nestedContext} store={store2}>
-    //             {children}
-    //           </ProviderMock>
-    //         </ProviderMock>
-    //       ),
-    //     })
-    //
-    //     expect(result2.current).toBe(store2.dispatch)
-    //   })
-    // })
-  })
-})