feat: reactivity aware wrappers for queryClient, queryCache and mutationCache (#144)

* feat: unref wrappers for QueryClient, QueryCache and MutationCache

* feat: export wrappers

* feat: queryClient wrapper

* test: tests for QueryCache and MutationCache

* fix: types

* test: queryClient

Author: DamianOsipiuk

src/index.ts

@@ -1,13 +1,10 @@
 /* istanbul ignore file */
 
 export {
-  QueryClient,
   QueryObserver,
   QueriesObserver,
   InfiniteQueryObserver,
   MutationObserver,
-  QueryCache,
-  MutationCache,
   hydrate,
   dehydrate,
   focusManager,

src/vue/__tests__/mutationCache.test.ts

@@ -0,0 +1,44 @@
+import { ref } from "vue-demi";
+import { MutationCache as MutationCacheOrigin } from "react-query/core";
+
+import { MutationCache } from "../mutationCache";
+
+describe("MutationCache", () => {
+  beforeAll(() => {
+    jest.spyOn(MutationCacheOrigin.prototype, "find");
+    jest.spyOn(MutationCacheOrigin.prototype, "findAll");
+  });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe("find", () => {
+    test("should properly unwrap parameters", async () => {
+      const mutationCache = new MutationCache();
+
+      mutationCache.find({
+        mutationKey: ref("baz"),
+      });
+
+      expect(MutationCacheOrigin.prototype.find).toBeCalledWith({
+        exact: true,
+        mutationKey: "baz",
+      });
+    });
+  });
+
+  describe("findAll", () => {
+    test("should properly unwrap parameters", async () => {
+      const mutationCache = new MutationCache();
+
+      mutationCache.findAll({
+        mutationKey: ref("baz"),
+      });
+
+      expect(MutationCacheOrigin.prototype.findAll).toBeCalledWith({
+        mutationKey: "baz",
+      });
+    });
+  });
+});

src/vue/__tests__/queryCache.test.ts

@@ -0,0 +1,58 @@
+import { ref } from "vue-demi";
+import { QueryCache as QueryCacheOrigin } from "react-query/core";
+
+import { QueryCache } from "../queryCache";
+
+describe("QueryCache", () => {
+  beforeAll(() => {
+    jest.spyOn(QueryCacheOrigin.prototype, "find");
+    jest.spyOn(QueryCacheOrigin.prototype, "findAll");
+  });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe("find", () => {
+    test("should properly unwrap parameters", async () => {
+      const queryCache = new QueryCache();
+
+      queryCache.find(["foo", ref("bar")], {
+        queryKey: ref("baz"),
+      });
+
+      expect(QueryCacheOrigin.prototype.find).toBeCalledWith(["foo", "bar"], {
+        queryKey: "baz",
+      });
+    });
+  });
+
+  describe("findAll", () => {
+    test("should properly unwrap two parameters", async () => {
+      const queryCache = new QueryCache();
+
+      queryCache.findAll(["foo", ref("bar")], {
+        queryKey: ref("baz"),
+      });
+
+      expect(QueryCacheOrigin.prototype.findAll).toBeCalledWith(
+        ["foo", "bar"],
+        {
+          queryKey: "baz",
+        }
+      );
+    });
+
+    test("should properly unwrap one parameter", async () => {
+      const queryCache = new QueryCache();
+
+      queryCache.findAll({
+        queryKey: ref("baz"),
+      });
+
+      expect(QueryCacheOrigin.prototype.findAll).toBeCalledWith({
+        queryKey: "baz",
+      });
+    });
+  });
+});