feat: add comprehensive tests for UI components, hooks, and API interactions

- Implement tests for Pagination, StatusBadge, ConfirmDialog, and MobileInput components.
- Add tests for useSubscription, usePaymentConfig, and usePwaInstall hooks.
- Create tests for API requests in the api module, including success and error handling.
- Add utility function tests for formatting and validating Iranian mobile numbers.
- Implement tests for BlogFormPage and BlogsPage to validate form submissions and data fetching.
- Add tests for LoginPage to ensure proper validation and state management.
- Create tests for authStore and uiStore to validate state management and functionality.
- Set up Vitest configuration and testing utilities for consistent testing environment.

assets/admin/test/setup.ts

@@ -0,0 +1,19 @@
+import '@testing-library/jest-dom/vitest';
+import { afterEach, vi } from 'vitest';
+import { cleanup } from '@testing-library/react';
+
+afterEach(() => cleanup());
+
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: (query: string) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addEventListener: vi.fn(),
+        removeEventListener: vi.fn(),
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
+        dispatchEvent: vi.fn(),
+    }),
+});

assets/admin/test/utils.tsx

@@ -0,0 +1,52 @@
+import { ReactElement, ReactNode } from 'react';
+import { render, renderHook } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { MemoryRouter } from 'react-router-dom';
+
+export function makeClient(): QueryClient {
+    return new QueryClient({
+        defaultOptions: {
+            queries: { retry: false },
+            mutations: { retry: false },
+        },
+    });
+}
+
+export function Providers({
+    children,
+    client = makeClient(),
+    route = '/admin/dashboard',
+}: {
+    children: ReactNode;
+    client?: QueryClient;
+    route?: string;
+}) {
+    return (
+        <QueryClientProvider client={client}>
+            <MemoryRouter initialEntries={[route]}>{children}</MemoryRouter>
+        </QueryClientProvider>
+    );
+}
+
+export function renderWithProviders(ui: ReactElement, opts?: { route?: string }) {
+    const client = makeClient();
+    return {
+        client,
+        ...render(ui, {
+            wrapper: ({ children }) => (
+                <Providers client={client} route={opts?.route}>
+                    {children}
+                </Providers>
+            ),
+        }),
+    };
+}
+
+export function renderHookWithClient<T>(cb: () => T) {
+    const client = makeClient();
+    return renderHook(cb, {
+        wrapper: ({ children }) => (
+            <QueryClientProvider client={client}>{children}</QueryClientProvider>
+        ),
+    });
+}