shelflife-react-hooks 1.0.18 → 1.0.20

package/src/context/__tests__/contexts.test.tsx

@@ -1,370 +1,370 @@
-import React, { useEffect } from 'react';
-import { render, waitFor } from '@testing-library/react';
-import { describe, expect, it, vi, beforeEach } from 'vitest';
-
-import {
-    AuthProvider,
-    InviteProvider,
-    ProductProvider,
-    RunningLowProvider,
-    StorageItemProvider,
-    StorageMemberProvider,
-    StorageProvider,
-    UserProvider,
-    useAuth,
-    useInvites,
-    useProducts,
-    useRunningLow,
-    useStorageItems,
-    useStorageMembers,
-    useStorages,
-    useUsers
-} from '../../index.js';
-
-const jsonResponse = (data: unknown, status = 200) => ({
-    ok: status >= 200 && status < 300,
-    status,
-    headers: {
-        get: () => 'application/json'
-    },
-    json: async () => data,
-    arrayBuffer: async () => new ArrayBuffer(4)
-});
-
-const emptyResponse = (status = 200) => ({
-    ok: status >= 200 && status < 300,
-    status,
-    headers: {
-        get: () => null
-    },
-    json: async () => ({}),
-    arrayBuffer: async () => new ArrayBuffer(0)
-});
-
-const mockFetchQueue = (responses: Array<ReturnType<typeof jsonResponse>>) => {
-    const queue = [...responses];
-    global.fetch = vi.fn(async () => queue.shift() ?? emptyResponse()) as unknown as typeof fetch;
-};
-
-const baseUrl = 'http://localhost:3000';
-
-const AuthProbe = ({ onReady }: { onReady: (value: ReturnType<typeof useAuth>) => void }) => {
-    const value = useAuth();
-    useEffect(() => {
-        onReady(value);
-    }, [onReady, value]);
-    return null;
-};
-
-const ProviderProbe = <T,>({
-    useHook,
-    onReady
-}: {
-    useHook: () => T;
-    onReady: (value: T) => void;
-}) => {
-    const value = useHook();
-    useEffect(() => {
-        onReady(value);
-    }, [onReady, value]);
-    return null;
-};
-
-describe('AuthContext', () => {
-    beforeEach(() => {
-        vi.restoreAllMocks();
-    });
-
-    it('logs in and stores token + user', async () => {
-        mockFetchQueue([
-            jsonResponse({ token: 'token-123' }),
-            jsonResponse({ id: 1, username: 'jane', admin: false })
-        ]);
-
-        const ctxRef: { current?: ReturnType<typeof useAuth> } = {};
-
-        render(
-            <AuthProvider baseUrl={baseUrl}>
-                <AuthProbe onReady={(value) => {
-                    ctxRef.current = value;
-                }} />
-            </AuthProvider>
-        );
-
-        await waitFor(() => {
-            expect(ctxRef.current).toBeDefined();
-        });
-
-        const ctx = ctxRef.current;
-        if (!ctx) {
-            throw new Error('Auth context not ready');
-        }
-
-        await ctx.login({ email: 'user@example.com', password: 'pass' });
-
-        await waitFor(() => {
-            expect(ctxRef.current?.token).toBe('token-123');
-            expect(ctxRef.current?.user).toEqual({ id: 1, username: 'jane', admin: false });
-        });
-    });
-});
-
-describe('InviteContext', () => {
-    it('fetches invites', async () => {
-        mockFetchQueue([
-            jsonResponse([
-                { id: 10, storage: { id: 1, name: 'Kitchen', owner: { id: 2, username: 'sam', admin: false } }, user: { id: 3, username: 'alex', admin: false }, accepted: false }
-            ])
-        ]);
-
-        const ctxRef: { current?: ReturnType<typeof useInvites> } = {};
-
-        render(
-            <AuthProvider baseUrl={baseUrl} initialToken="token">
-                <InviteProvider baseUrl={baseUrl}>
-                    <ProviderProbe useHook={useInvites} onReady={(value) => { ctxRef.current = value; }} />
-                </InviteProvider>
-            </AuthProvider>
-        );
-
-        await waitFor(() => {
-            expect(ctxRef.current).toBeDefined();
-        });
-
-        const ctx = ctxRef.current;
-        if (!ctx) {
-            throw new Error('Invite context not ready');
-        }
-
-        await ctx.fetchInvites();
-
-        await waitFor(() => {
-            expect(ctxRef.current?.invites).toHaveLength(1);
-        });
-    });
-});
-
-describe('ProductContext', () => {
-    it('fetches products', async () => {
-        mockFetchQueue([
-            jsonResponse([
-                { id: 1, ownerId: 2, name: 'Milk', category: 'Dairy', expirationDaysDelta: 7, barcode: null }
-            ])
-        ]);
-
-        const ctxRef: { current?: ReturnType<typeof useProducts> } = {};
-
-        render(
-            <AuthProvider baseUrl={baseUrl} initialToken="token">
-                <ProductProvider baseUrl={baseUrl}>
-                    <ProviderProbe useHook={useProducts} onReady={(value) => { ctxRef.current = value; }} />
-                </ProductProvider>
-            </AuthProvider>
-        );
-
-        await waitFor(() => {
-            expect(ctxRef.current).toBeDefined();
-        });
-
-        const ctx = ctxRef.current;
-        if (!ctx) {
-            throw new Error('Product context not ready');
-        }
-
-        await ctx.fetchProducts();
-
-        await waitFor(() => {
-            expect(ctxRef.current?.products).toHaveLength(1);
-        });
-    });
-});
-
-describe('RunningLowContext', () => {
-    it('fetches running low settings', async () => {
-        mockFetchQueue([
-            jsonResponse([
-                {
-                    id: 5,
-                    storage: { id: 1, name: 'Pantry', owner: { id: 2, username: 'sam', admin: false } },
-                    product: { id: 3, ownerId: 2, name: 'Rice', category: 'Grains', expirationDaysDelta: 365, barcode: null },
-                    runningLow: 2
-                }
-            ])
-        ]);
-
-        const ctxRef: { current?: ReturnType<typeof useRunningLow> } = {};
-
-        render(
-            <AuthProvider baseUrl={baseUrl} initialToken="token">
-                <RunningLowProvider baseUrl={baseUrl}>
-                    <ProviderProbe useHook={useRunningLow} onReady={(value) => { ctxRef.current = value; }} />
-                </RunningLowProvider>
-            </AuthProvider>
-        );
-
-        await waitFor(() => {
-            expect(ctxRef.current).toBeDefined();
-        });
-
-        const ctx = ctxRef.current;
-        if (!ctx) {
-            throw new Error('Running low context not ready');
-        }
-
-        await ctx.fetchSettings(1);
-
-        await waitFor(() => {
-            expect(ctxRef.current?.settings).toHaveLength(1);
-        });
-    });
-});
-
-describe('StorageContext', () => {
-    it('fetches storages', async () => {
-        mockFetchQueue([
-            jsonResponse([
-                { id: 1, name: 'Garage', owner: { id: 2, username: 'sam', admin: false } }
-            ])
-        ]);
-
-        const ctxRef: { current?: ReturnType<typeof useStorages> } = {};
-
-        render(
-            <AuthProvider baseUrl={baseUrl} initialToken="token">
-                <StorageProvider baseUrl={baseUrl}>
-                    <ProviderProbe useHook={useStorages} onReady={(value) => { ctxRef.current = value; }} />
-                </StorageProvider>
-            </AuthProvider>
-        );
-
-        await waitFor(() => {
-            expect(ctxRef.current).toBeDefined();
-        });
-
-        const ctx = ctxRef.current;
-        if (!ctx) {
-            throw new Error('Storage context not ready');
-        }
-
-        await ctx.fetchStorages();
-
-        await waitFor(() => {
-            expect(ctxRef.current?.storages).toHaveLength(1);
-        });
-    });
-});
-
-describe('StorageItemContext', () => {
-    it('fetches storage items', async () => {
-        mockFetchQueue([
-            jsonResponse([
-                {
-                    id: 4,
-                    product: { id: 2, ownerId: 1, name: 'Bread', category: 'Bakery', expirationDaysDelta: 3, barcode: null },
-                    expiresAt: '2025-02-01',
-                    createdAt: '2025-01-01T00:00:00'
-                }
-            ])
-        ]);
-
-        const ctxRef: { current?: ReturnType<typeof useStorageItems> } = {};
-
-        render(
-            <AuthProvider baseUrl={baseUrl} initialToken="token">
-                <StorageItemProvider baseUrl={baseUrl}>
-                    <ProviderProbe useHook={useStorageItems} onReady={(value) => { ctxRef.current = value; }} />
-                </StorageItemProvider>
-            </AuthProvider>
-        );
-
-        await waitFor(() => {
-            expect(ctxRef.current).toBeDefined();
-        });
-
-        const ctx = ctxRef.current;
-        if (!ctx) {
-            throw new Error('Storage item context not ready');
-        }
-
-        await ctx.fetchItems(1);
-
-        await waitFor(() => {
-            expect(ctxRef.current?.items).toHaveLength(1);
-        });
-    });
-});
-
-describe('StorageMemberContext', () => {
-    it('fetches members', async () => {
-        mockFetchQueue([
-            jsonResponse([
-                {
-                    id: 7,
-                    storage: { id: 1, name: 'Cellar', owner: { id: 2, username: 'sam', admin: false } },
-                    user: { id: 3, username: 'alex', admin: false },
-                    accepted: true
-                }
-            ])
-        ]);
-
-        const ctxRef: { current?: ReturnType<typeof useStorageMembers> } = {};
-
-        render(
-            <AuthProvider baseUrl={baseUrl} initialToken="token">
-                <StorageMemberProvider baseUrl={baseUrl}>
-                    <ProviderProbe useHook={useStorageMembers} onReady={(value) => { ctxRef.current = value; }} />
-                </StorageMemberProvider>
-            </AuthProvider>
-        );
-
-        await waitFor(() => {
-            expect(ctxRef.current).toBeDefined();
-        });
-
-        const ctx = ctxRef.current;
-        if (!ctx) {
-            throw new Error('Storage member context not ready');
-        }
-
-        await ctx.fetchMembers(1);
-
-        await waitFor(() => {
-            expect(ctxRef.current?.members).toHaveLength(1);
-        });
-    });
-});
-
-describe('UserContext', () => {
-    it('fetches users', async () => {
-        mockFetchQueue([
-            jsonResponse([
-                { id: 1, username: 'sam', admin: false }
-            ])
-        ]);
-
-        const ctxRef: { current?: ReturnType<typeof useUsers> } = {};
-
-        render(
-            <AuthProvider baseUrl={baseUrl} initialToken="token">
-                <UserProvider baseUrl={baseUrl}>
-                    <ProviderProbe useHook={useUsers} onReady={(value) => { ctxRef.current = value; }} />
-                </UserProvider>
-            </AuthProvider>
-        );
-
-        await waitFor(() => {
-            expect(ctxRef.current).toBeDefined();
-        });
-
-        const ctx = ctxRef.current;
-        if (!ctx) {
-            throw new Error('User context not ready');
-        }
-
-        await ctx.fetchUsers();
-
-        await waitFor(() => {
-            expect(ctxRef.current?.users).toHaveLength(1);
-        });
-    });
-});
+import React, { useEffect } from 'react';
+import { render, waitFor } from '@testing-library/react';
+import { describe, expect, it, vi, beforeEach } from 'vitest';
+
+import {
+    AuthProvider,
+    InviteProvider,
+    ProductProvider,
+    RunningLowProvider,
+    StorageItemProvider,
+    StorageMemberProvider,
+    StorageProvider,
+    UserProvider,
+    useAuth,
+    useInvites,
+    useProducts,
+    useRunningLow,
+    useStorageItems,
+    useStorageMembers,
+    useStorages,
+    useUsers
+} from '../../index.js';
+
+const jsonResponse = (data: unknown, status = 200) => ({
+    ok: status >= 200 && status < 300,
+    status,
+    headers: {
+        get: () => 'application/json'
+    },
+    json: async () => data,
+    arrayBuffer: async () => new ArrayBuffer(4)
+});
+
+const emptyResponse = (status = 200) => ({
+    ok: status >= 200 && status < 300,
+    status,
+    headers: {
+        get: () => null
+    },
+    json: async () => ({}),
+    arrayBuffer: async () => new ArrayBuffer(0)
+});
+
+const mockFetchQueue = (responses: Array<ReturnType<typeof jsonResponse>>) => {
+    const queue = [...responses];
+    global.fetch = vi.fn(async () => queue.shift() ?? emptyResponse()) as unknown as typeof fetch;
+};
+
+const baseUrl = 'http://localhost:3000';
+
+const AuthProbe = ({ onReady }: { onReady: (value: ReturnType<typeof useAuth>) => void }) => {
+    const value = useAuth();
+    useEffect(() => {
+        onReady(value);
+    }, [onReady, value]);
+    return null;
+};
+
+const ProviderProbe = <T,>({
+    useHook,
+    onReady
+}: {
+    useHook: () => T;
+    onReady: (value: T) => void;
+}) => {
+    const value = useHook();
+    useEffect(() => {
+        onReady(value);
+    }, [onReady, value]);
+    return null;
+};
+
+describe('AuthContext', () => {
+    beforeEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it('logs in and stores token + user', async () => {
+        mockFetchQueue([
+            jsonResponse({ token: 'token-123' }),
+            jsonResponse({ id: 1, username: 'jane', admin: false })
+        ]);
+
+        const ctxRef: { current?: ReturnType<typeof useAuth> } = {};
+
+        render(
+            <AuthProvider baseUrl={baseUrl}>
+                <AuthProbe onReady={(value) => {
+                    ctxRef.current = value;
+                }} />
+            </AuthProvider>
+        );
+
+        await waitFor(() => {
+            expect(ctxRef.current).toBeDefined();
+        });
+
+        const ctx = ctxRef.current;
+        if (!ctx) {
+            throw new Error('Auth context not ready');
+        }
+
+        await ctx.login({ email: 'user@example.com', password: 'pass' });
+
+        await waitFor(() => {
+            expect(ctxRef.current?.token).toBe('token-123');
+            expect(ctxRef.current?.user).toEqual({ id: 1, username: 'jane', admin: false });
+        });
+    });
+});
+
+describe('InviteContext', () => {
+    it('fetches invites', async () => {
+        mockFetchQueue([
+            jsonResponse([
+                { id: 10, storage: { id: 1, name: 'Kitchen', owner: { id: 2, username: 'sam', admin: false } }, user: { id: 3, username: 'alex', admin: false }, accepted: false }
+            ])
+        ]);
+
+        const ctxRef: { current?: ReturnType<typeof useInvites> } = {};
+
+        render(
+            <AuthProvider baseUrl={baseUrl} initialToken="token">
+                <InviteProvider baseUrl={baseUrl}>
+                    <ProviderProbe useHook={useInvites} onReady={(value) => { ctxRef.current = value; }} />
+                </InviteProvider>
+            </AuthProvider>
+        );
+
+        await waitFor(() => {
+            expect(ctxRef.current).toBeDefined();
+        });
+
+        const ctx = ctxRef.current;
+        if (!ctx) {
+            throw new Error('Invite context not ready');
+        }
+
+        await ctx.fetchInvites();
+
+        await waitFor(() => {
+            expect(ctxRef.current?.invites).toHaveLength(1);
+        });
+    });
+});
+
+describe('ProductContext', () => {
+    it('fetches products', async () => {
+        mockFetchQueue([
+            jsonResponse([
+                { id: 1, ownerId: 2, name: 'Milk', category: 'Dairy', expirationDaysDelta: 7, barcode: null }
+            ])
+        ]);
+
+        const ctxRef: { current?: ReturnType<typeof useProducts> } = {};
+
+        render(
+            <AuthProvider baseUrl={baseUrl} initialToken="token">
+                <ProductProvider baseUrl={baseUrl}>
+                    <ProviderProbe useHook={useProducts} onReady={(value) => { ctxRef.current = value; }} />
+                </ProductProvider>
+            </AuthProvider>
+        );
+
+        await waitFor(() => {
+            expect(ctxRef.current).toBeDefined();
+        });
+
+        const ctx = ctxRef.current;
+        if (!ctx) {
+            throw new Error('Product context not ready');
+        }
+
+        await ctx.fetchProducts();
+
+        await waitFor(() => {
+            expect(ctxRef.current?.products).toHaveLength(1);
+        });
+    });
+});
+
+describe('RunningLowContext', () => {
+    it('fetches running low settings', async () => {
+        mockFetchQueue([
+            jsonResponse([
+                {
+                    id: 5,
+                    storage: { id: 1, name: 'Pantry', owner: { id: 2, username: 'sam', admin: false } },
+                    product: { id: 3, ownerId: 2, name: 'Rice', category: 'Grains', expirationDaysDelta: 365, barcode: null },
+                    runningLow: 2
+                }
+            ])
+        ]);
+
+        const ctxRef: { current?: ReturnType<typeof useRunningLow> } = {};
+
+        render(
+            <AuthProvider baseUrl={baseUrl} initialToken="token">
+                <RunningLowProvider baseUrl={baseUrl}>
+                    <ProviderProbe useHook={useRunningLow} onReady={(value) => { ctxRef.current = value; }} />
+                </RunningLowProvider>
+            </AuthProvider>
+        );
+
+        await waitFor(() => {
+            expect(ctxRef.current).toBeDefined();
+        });
+
+        const ctx = ctxRef.current;
+        if (!ctx) {
+            throw new Error('Running low context not ready');
+        }
+
+        await ctx.fetchSettings(1);
+
+        await waitFor(() => {
+            expect(ctxRef.current?.settings).toHaveLength(1);
+        });
+    });
+});
+
+describe('StorageContext', () => {
+    it('fetches storages', async () => {
+        mockFetchQueue([
+            jsonResponse([
+                { id: 1, name: 'Garage', owner: { id: 2, username: 'sam', admin: false } }
+            ])
+        ]);
+
+        const ctxRef: { current?: ReturnType<typeof useStorages> } = {};
+
+        render(
+            <AuthProvider baseUrl={baseUrl} initialToken="token">
+                <StorageProvider baseUrl={baseUrl}>
+                    <ProviderProbe useHook={useStorages} onReady={(value) => { ctxRef.current = value; }} />
+                </StorageProvider>
+            </AuthProvider>
+        );
+
+        await waitFor(() => {
+            expect(ctxRef.current).toBeDefined();
+        });
+
+        const ctx = ctxRef.current;
+        if (!ctx) {
+            throw new Error('Storage context not ready');
+        }
+
+        await ctx.fetchStorages();
+
+        await waitFor(() => {
+            expect(ctxRef.current?.storages).toHaveLength(1);
+        });
+    });
+});
+
+describe('StorageItemContext', () => {
+    it('fetches storage items', async () => {
+        mockFetchQueue([
+            jsonResponse([
+                {
+                    id: 4,
+                    product: { id: 2, ownerId: 1, name: 'Bread', category: 'Bakery', expirationDaysDelta: 3, barcode: null },
+                    expiresAt: '2025-02-01',
+                    createdAt: '2025-01-01T00:00:00'
+                }
+            ])
+        ]);
+
+        const ctxRef: { current?: ReturnType<typeof useStorageItems> } = {};
+
+        render(
+            <AuthProvider baseUrl={baseUrl} initialToken="token">
+                <StorageItemProvider baseUrl={baseUrl}>
+                    <ProviderProbe useHook={useStorageItems} onReady={(value) => { ctxRef.current = value; }} />
+                </StorageItemProvider>
+            </AuthProvider>
+        );
+
+        await waitFor(() => {
+            expect(ctxRef.current).toBeDefined();
+        });
+
+        const ctx = ctxRef.current;
+        if (!ctx) {
+            throw new Error('Storage item context not ready');
+        }
+
+        await ctx.fetchItems(1);
+
+        await waitFor(() => {
+            expect(ctxRef.current?.items).toHaveLength(1);
+        });
+    });
+});
+
+describe('StorageMemberContext', () => {
+    it('fetches members', async () => {
+        mockFetchQueue([
+            jsonResponse([
+                {
+                    id: 7,
+                    storage: { id: 1, name: 'Cellar', owner: { id: 2, username: 'sam', admin: false } },
+                    user: { id: 3, username: 'alex', admin: false },
+                    accepted: true
+                }
+            ])
+        ]);
+
+        const ctxRef: { current?: ReturnType<typeof useStorageMembers> } = {};
+
+        render(
+            <AuthProvider baseUrl={baseUrl} initialToken="token">
+                <StorageMemberProvider baseUrl={baseUrl}>
+                    <ProviderProbe useHook={useStorageMembers} onReady={(value) => { ctxRef.current = value; }} />
+                </StorageMemberProvider>
+            </AuthProvider>
+        );
+
+        await waitFor(() => {
+            expect(ctxRef.current).toBeDefined();
+        });
+
+        const ctx = ctxRef.current;
+        if (!ctx) {
+            throw new Error('Storage member context not ready');
+        }
+
+        await ctx.fetchMembers(1);
+
+        await waitFor(() => {
+            expect(ctxRef.current?.members).toHaveLength(1);
+        });
+    });
+});
+
+describe('UserContext', () => {
+    it('fetches users', async () => {
+        mockFetchQueue([
+            jsonResponse([
+                { id: 1, username: 'sam', admin: false }
+            ])
+        ]);
+
+        const ctxRef: { current?: ReturnType<typeof useUsers> } = {};
+
+        render(
+            <AuthProvider baseUrl={baseUrl} initialToken="token">
+                <UserProvider baseUrl={baseUrl}>
+                    <ProviderProbe useHook={useUsers} onReady={(value) => { ctxRef.current = value; }} />
+                </UserProvider>
+            </AuthProvider>
+        );
+
+        await waitFor(() => {
+            expect(ctxRef.current).toBeDefined();
+        });
+
+        const ctx = ctxRef.current;
+        if (!ctx) {
+            throw new Error('User context not ready');
+        }
+
+        await ctx.fetchUsers();
+
+        await waitFor(() => {
+            expect(ctxRef.current?.users).toHaveLength(1);
+        });
+    });
+});