feat: GC policy tests

Author: ntucker

packages/vue/src/__tests__/integration-garbage-collection.web.ts

@@ -0,0 +1,155 @@
+import { GCPolicy } from '@data-client/core';
+import { defineComponent, h } from 'vue';
+
+import { Article, ArticleResource } from '../../../../__tests__/new';
+import useQuery from '../consumers/useQuery';
+import useSuspense from '../consumers/useSuspense';
+import {
+  renderDataComposable,
+  renderDataClient,
+} from '../test/renderDataClient';
+
+const GC_INTERVAL = 100; // Use short interval for faster tests
+
+describe('Integration Garbage Collection Web (Vue)', () => {
+  it('should initialize with GCPolicy', () => {
+    const gcPolicy = new GCPolicy({
+      intervalMS: GC_INTERVAL,
+      expiryMultiplier: 2,
+    });
+    expect(gcPolicy).toBeDefined();
+  });
+
+  it('should accept gcPolicy option in renderDataClient', () => {
+    const TestComp = defineComponent({
+      name: 'TestComp',
+      setup() {
+        return () => h('div', 'Hello');
+      },
+    });
+
+    const gcPolicy = new GCPolicy({
+      intervalMS: GC_INTERVAL,
+      expiryMultiplier: 2,
+    });
+
+    const { wrapper, cleanup } = renderDataClient(TestComp, {
+      gcPolicy,
+    });
+
+    expect(wrapper.text()).toContain('Hello');
+    cleanup();
+  });
+
+  it('should work with useSuspense and GCPolicy', async () => {
+    const articleData = {
+      id: 1,
+      title: 'Test Article',
+      content: 'Test Content',
+    };
+
+    const { result, cleanup, waitForNextUpdate } = renderDataComposable(
+      () => useSuspense(ArticleResource.get, { id: 1 }),
+      {
+        initialFixtures: [
+          {
+            endpoint: ArticleResource.get,
+            args: [{ id: 1 }],
+            response: articleData,
+          },
+        ],
+        gcPolicy: new GCPolicy({
+          intervalMS: GC_INTERVAL,
+          expiryMultiplier: 2,
+        }),
+      },
+    );
+
+    await waitForNextUpdate();
+
+    const articleRef = await result.current;
+    expect(articleRef?.value.title).toBe(articleData.title);
+    expect(articleRef?.value.content).toBe(articleData.content);
+
+    cleanup();
+  });
+
+  it('should work with useQuery and GCPolicy', () => {
+    const articleListData = [
+      { id: 1, title: 'Article 1', content: 'Content 1' },
+      { id: 2, title: 'Article 2', content: 'Content 2' },
+    ];
+
+    const { result, cleanup } = renderDataComposable(
+      () => useQuery(ArticleResource.getList.schema),
+      {
+        initialFixtures: [
+          {
+            endpoint: ArticleResource.getList,
+            args: [],
+            response: articleListData,
+          },
+        ],
+        gcPolicy: new GCPolicy({
+          intervalMS: GC_INTERVAL,
+          expiryMultiplier: 2,
+        }),
+      },
+    );
+
+    expect(result.current?.value).toBeDefined();
+    expect(result.current?.value?.length).toBe(2);
+    expect(result.current?.value?.[0]).toBeInstanceOf(Article);
+
+    cleanup();
+  });
+
+  it('should handle different expiryMultiplier values', () => {
+    const articleData = {
+      id: 1,
+      title: 'Test Article',
+      content: 'Test Content',
+    };
+
+    const TestComp = defineComponent({
+      name: 'TestComp',
+      setup() {
+        return () => h('div', 'Test');
+      },
+    });
+
+    // Test with expiryMultiplier of 4
+    const { cleanup: cleanup1 } = renderDataClient(TestComp, {
+      initialFixtures: [
+        {
+          endpoint: ArticleResource.get,
+          args: [{ id: 1 }],
+          response: articleData,
+        },
+      ],
+      gcPolicy: new GCPolicy({
+        intervalMS: GC_INTERVAL,
+        expiryMultiplier: 4,
+      }),
+    });
+
+    cleanup1();
+
+    // Test with expiryMultiplier of 2 (default in tests)
+    const { cleanup: cleanup2 } = renderDataClient(TestComp, {
+      initialFixtures: [
+        {
+          endpoint: ArticleResource.get,
+          args: [{ id: 1 }],
+          response: articleData,
+        },
+      ],
+      gcPolicy: new GCPolicy({
+        intervalMS: GC_INTERVAL,
+        expiryMultiplier: 2,
+      }),
+    });
+
+    cleanup2();
+  });
+});

packages/vue/src/context.ts

@@ -16,6 +16,7 @@ export const FallbackStateRef: ShallowRef<State<unknown>> =
 export function useController(): Controller {
   const ctrl = inject(ControllerKey, null);
   if (!ctrl) {
+    /* istanbul ignore else */
     if (process.env.NODE_ENV !== 'production') {
       console.error(
         'It appears you are trying to use Reactive Data Client (Vue) without a provider.\n' +
@@ -30,6 +31,7 @@ export function useController(): Controller {
 export function injectState(): ShallowRef<State<unknown>> {
   const state = inject(StateKey, null);
   if (!state) {
+    /* istanbul ignore else */
     if (process.env.NODE_ENV !== 'production') {
       console.error(
         'It appears you are trying to use Reactive Data Client (Vue) without a provider.\n' +

packages/vue/src/test/collapseFixture.ts

@@ -19,4 +19,3 @@ export async function collapseFixture(
   }
   return { response, error };
 }
-

packages/vue/src/test/createFixtureMap.ts

@@ -24,4 +24,3 @@ Treating as Interceptor`,
   }
   return [map, computed] as const;
 }
-

packages/vue/src/test/renderDataClient.ts

@@ -5,6 +5,7 @@ import {
   NetworkManager,
   SubscriptionManager,
   PollingSubscription,
+  type GCInterface,
 } from '@data-client/core';
 import { mount, type VueWrapper } from '@vue/test-utils';
 import {
@@ -30,6 +31,7 @@ export interface RenderDataClientOptions<P = any> {
   getInitialInterceptorData?: () => any;
   managers?: Manager[];
   initialState?: State<unknown>;
+  gcPolicy?: GCInterface;
   wrapper?: any;
 }
 
@@ -56,6 +58,7 @@ export function renderDataClient<P = any>(
     getInitialInterceptorData = () => ({}),
     managers,
     initialState,
+    gcPolicy,
     wrapper,
   } = options;
 
@@ -133,6 +136,7 @@ export function renderDataClient<P = any>(
             managers: finalManagers,
             initialState: finalInitialState,
             Controller: MockControllerClass,
+            gcPolicy,
           },
         ],
       ],