@scality/data-browser-library 1.0.0-preview.8 → 1.0.1

package/dist/test/testUtils.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { PutObjectCommand, S3Client } from "@aws-sdk/client-s3";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { renderHook } from "@testing-library/react";
-import "react";
-import { DataBrowserProvider } from "../components/providers/DataBrowserProvider.js";
-import { coreUIAvailableThemes } from "@scality/core-ui/dist/style/theme";
-import { CoreUiThemeProvider } from "@scality/core-ui/dist/next";
 import { ToastProvider } from "@scality/core-ui";
+import { coreUIAvailableThemes } from "@scality/core-ui/dist/style/theme";
+import { QueryClient } from "@tanstack/react-query";
+import { fireEvent, renderHook, screen, waitFor } from "@testing-library/react";
+import { DataBrowserProvider } from "../components/providers/DataBrowserProvider.js";
+import { DataBrowserUICustomizationProvider } from "../contexts/DataBrowserUICustomizationContext.js";
 import { overrideHandlers, setupMswServer } from "./msw/index.js";
 var __webpack_require__ = {};
 (()=>{
@@ -20,20 +19,31 @@ var __webpack_require__ = {};
     })();
 })();
 const testConfig = {
-    endpoint: "https://s3.amazonaws.com",
-    region: "us-east-1",
+    endpoint: 'https://s3.amazonaws.com',
+    region: 'us-east-1',
     forcePathStyle: true
 };
 const testCredentials = {
-    accessKeyId: "test-access-key",
-    secretAccessKey: "test-secret-key",
-    sessionToken: "test-session-token"
+    accessKeyId: 'test-access-key',
+    secretAccessKey: 'test-secret-key',
+    sessionToken: 'test-session-token'
 };
 const mockS3Client = {
     send: jest.fn()
 };
 const MockedS3Client = S3Client;
 const MockedPutObjectCommand = PutObjectCommand;
+const setupS3Mocks = ()=>{
+    jest.clearAllMocks();
+    MockedS3Client.mockImplementation(()=>mockS3Client);
+    MockedPutObjectCommand.mockImplementation((input)=>({
+            input,
+            resolveMiddleware: jest.fn()
+        }));
+};
+const setupCommonMocks = ()=>{
+    setupS3Mocks();
+};
 function mockOffsetSize(width, height) {
     __webpack_require__.g.ResizeObserver = jest.fn().mockImplementation(()=>({
             observe: jest.fn(),
@@ -70,44 +80,24 @@ function mockOffsetSize(width, height) {
         }
     });
     const mockComputedStyle = {
-        fontSize: "14px",
-        paddingLeft: "0px",
-        paddingRight: "0px",
-        paddingTop: "0px",
-        paddingBottom: "0px",
+        fontSize: '14px',
+        paddingLeft: '0px',
+        paddingRight: '0px',
+        paddingTop: '0px',
+        paddingBottom: '0px',
         getPropertyValue: jest.fn((prop)=>{
             const styles = {
-                "font-size": "14px",
-                "padding-left": "0px",
-                "padding-right": "0px",
-                "padding-top": "0px",
-                "padding-bottom": "0px"
+                'font-size': '14px',
+                'padding-left': '0px',
+                'padding-right': '0px',
+                'padding-top': '0px',
+                'padding-bottom': '0px'
             };
-            return styles[prop] || "";
+            return styles[prop] || '';
         })
     };
-    jest.spyOn(window, "getComputedStyle").mockImplementation(()=>mockComputedStyle);
+    jest.spyOn(window, 'getComputedStyle').mockImplementation(()=>mockComputedStyle);
 }
-const createQueryWrapper = ()=>{
-    const queryClient = new QueryClient({
-        defaultOptions: {
-            queries: {
-                retry: false
-            },
-            mutations: {
-                retry: false
-            }
-        }
-    });
-    const theme = coreUIAvailableThemes.darkRebrand;
-    return ({ children })=>/*#__PURE__*/ jsx(QueryClientProvider, {
-            client: queryClient,
-            children: /*#__PURE__*/ jsx(CoreUiThemeProvider, {
-                theme: theme,
-                children: children
-            })
-        });
-};
 const createTestWrapper = (config = testConfig, credentials = testCredentials)=>{
     const queryClient = new QueryClient({
         defaultOptions: {
@@ -129,8 +119,10 @@ const createTestWrapper = (config = testConfig, credentials = testCredentials)=>
             getS3Config: getConfig,
             theme: theme,
             enableDevtools: false,
-            children: /*#__PURE__*/ jsx(CoreUiThemeProvider, {
-                theme: theme,
+            children: /*#__PURE__*/ jsx(DataBrowserUICustomizationProvider, {
+                config: {
+                    basePath: ''
+                },
                 children: /*#__PURE__*/ jsx(ToastProvider, {
                     children: children
                 })
@@ -144,93 +136,214 @@ const renderHookWithWrapper = (hook, options)=>{
         ...renderOptions
     });
 };
-const createTestFile = (name, content, type = "text/plain")=>new File([
+const createTestFile = (name, content, type = 'text/plain')=>new File([
         content
     ], name, {
         type
     });
-const setupS3Mocks = ()=>{
-    jest.clearAllMocks();
-    MockedS3Client.mockImplementation(()=>mockS3Client);
-    MockedPutObjectCommand.mockImplementation((input)=>({
-            input,
-            resolveMiddleware: jest.fn()
-        }));
-};
-const setupCommonMocks = ()=>{
-    setupS3Mocks();
-};
-const overrideGlobalConfig = (overrides)=>{
-    const currentS3 = globalThis.__S3_CONFIG__;
-    const currentDev = globalThis.__DEV_CONFIG__;
-    if (overrides.s3) globalThis.__S3_CONFIG__ = {
-        ...currentS3,
-        ...overrides.s3
-    };
-    if (overrides.dev) globalThis.__DEV_CONFIG__ = {
-        ...currentDev,
-        ...overrides.dev
-    };
-    if (overrides.environment) {
-        if (void 0 !== overrides.environment.isDevelopment) globalThis.__IS_DEVELOPMENT__ = overrides.environment.isDevelopment;
-        if (void 0 !== overrides.environment.isProduction) globalThis.__IS_PRODUCTION__ = overrides.environment.isProduction;
-    }
-};
-const resetGlobalConfig = ()=>{
-    globalThis.__S3_CONFIG__ = {
-        endpoint: "http://localhost:8000",
-        region: "us-east-1",
-        realHost: "s3.amazonaws.com",
-        forcePathStyle: true
-    };
-    globalThis.__DEV_CONFIG__ = {
-        useProxy: false,
-        proxyEndpoint: "http://localhost:3000/api/s3",
-        proxyBasePath: "/api/s3",
-        proxyHost: "localhost",
-        proxyPort: 3000
-    };
-    globalThis.__IS_DEVELOPMENT__ = true;
-    globalThis.__IS_PRODUCTION__ = false;
-};
-const withGlobalConfig = (overrides, testFn)=>async ()=>{
-        overrideGlobalConfig(overrides);
-        try {
-            await testFn();
-        } finally{
-            resetGlobalConfig();
-        }
-    };
+const createFactoryTestError = (testContext, operationName, details)=>new Error(`Factory Test Failure [${testContext}]: ${operationName} - ${details || 'Unknown error'}. Check factory implementation and hook usage patterns.`);
 const validateFactoryHook = (hook, operationName)=>{
-    if ("function" != typeof hook) throw createFactoryTestError("Factory Validation", operationName, "hook should be a function - check if useCreate*Hook factory is properly returning a hook function");
+    if ('function' != typeof hook) throw createFactoryTestError('Factory Validation', operationName, 'hook should be a function - check if useCreate*Hook factory is properly returning a hook function');
 };
-const createFactoryTestError = (testContext, operationName, details)=>new Error(`Factory Test Failure [${testContext}]: ${operationName} - ${details || "Unknown error"}. Check factory implementation and hook usage patterns.`);
 const validateHookResult = (result, hookType)=>{
     const commonProps = [
-        "isError",
-        "isSuccess",
-        "data",
-        "error"
+        'isError',
+        'isSuccess',
+        'data',
+        'error'
     ];
     const queryProps = [
-        "isLoading"
+        'isLoading'
     ];
     const mutationProps = [
-        "mutate",
-        "mutateAsync",
-        "isPending"
+        'mutate',
+        'mutateAsync',
+        'isPending'
     ];
     const infiniteProps = [
-        "hasNextPage",
-        "fetchNextPage",
-        "isFetchingNextPage"
+        'hasNextPage',
+        'fetchNextPage',
+        'isFetchingNextPage'
     ];
     const expectedProps = [
         ...commonProps,
-        ..."query" === hookType ? queryProps : [],
-        ..."mutation" === hookType ? mutationProps : [],
-        ..."infiniteQuery" === hookType ? infiniteProps : []
+        ...'query' === hookType ? queryProps : [],
+        ...'mutation' === hookType ? mutationProps : [],
+        ...'infiniteQuery' === hookType ? infiniteProps : []
     ];
-    for (const prop of expectedProps)if (!(prop in result)) throw createFactoryTestError("Hook Validation", hookType, `Missing property '${prop}' - check if factory is returning proper React Query hook result`);
+    for (const prop of expectedProps)if (!(prop in result)) throw createFactoryTestError('Hook Validation', hookType, `Missing property '${prop}' - check if factory is returning proper React Query hook result`);
+};
+const createMockMutationResult = (mutate, overrides = {})=>({
+        mutate,
+        mutateAsync: jest.fn(),
+        reset: jest.fn(),
+        isPending: false,
+        isIdle: true,
+        isError: false,
+        isSuccess: false,
+        status: 'idle',
+        data: void 0,
+        error: null,
+        variables: void 0,
+        context: void 0,
+        failureCount: 0,
+        failureReason: null,
+        isPaused: false,
+        submittedAt: 0,
+        ...overrides
+    });
+const createMockQueryResult = (overrides = {})=>({
+        data: void 0,
+        error: null,
+        isError: false,
+        isLoading: false,
+        isLoadingError: false,
+        isRefetchError: false,
+        isSuccess: false,
+        status: 'pending',
+        dataUpdatedAt: 0,
+        errorUpdatedAt: 0,
+        failureCount: 0,
+        failureReason: null,
+        errorUpdateCount: 0,
+        isFetched: false,
+        isFetchedAfterMount: false,
+        isFetching: false,
+        isInitialLoading: false,
+        isPaused: false,
+        isPlaceholderData: false,
+        isPending: false,
+        isRefetching: false,
+        isStale: false,
+        refetch: jest.fn(),
+        ...overrides
+    });
+const findToggleByLabel = (labelText)=>{
+    const label = screen.getByText(labelText);
+    let current = label.parentElement;
+    while(current && !current.querySelector('input[type="checkbox"]'))current = current.parentElement;
+    return current?.querySelector('input[type="checkbox"]');
+};
+const submitForm = async (buttonName = 'create')=>{
+    await waitFor(()=>{
+        const button = screen.getByRole('button', {
+            name: 'create' === buttonName ? /create/i : /save/i
+        });
+        expect(button).toBeEnabled();
+    });
+    const button = screen.getByRole('button', {
+        name: 'create' === buttonName ? /create/i : /save/i
+    });
+    fireEvent.click(button);
+};
+const mockSuccessSubmit = (mockMutate)=>{
+    mockMutate.mockImplementation((_, options)=>{
+        options?.onSuccess?.();
+    });
+};
+const mockErrorSubmit = (mockMutate, errorMessage = 'Network Error')=>{
+    const error = new Error(errorMessage);
+    mockMutate.mockImplementation((_, options)=>{
+        options?.onError?.(error);
+    });
+};
+const createDefaultBucketMocks = ()=>({
+        versioning: {
+            data: {
+                Status: 'Enabled'
+            },
+            status: 'success'
+        },
+        acl: {
+            data: {
+                Owner: {
+                    DisplayName: 'test-owner'
+                },
+                Grants: [
+                    {
+                        Grantee: {
+                            Type: 'CanonicalUser',
+                            DisplayName: 'test-grantee'
+                        }
+                    }
+                ]
+            },
+            status: 'success'
+        },
+        location: {
+            data: {
+                LocationConstraint: 'us-west-2'
+            },
+            status: 'success'
+        },
+        cors: {
+            data: {
+                CORSRules: []
+            },
+            status: 'success'
+        },
+        objectLock: {
+            data: {
+                ObjectLockConfiguration: {
+                    ObjectLockEnabled: 'Disabled'
+                }
+            },
+            status: 'success'
+        },
+        policy: {
+            data: void 0,
+            error: null,
+            status: 'success'
+        },
+        tagging: {
+            data: {
+                TagSet: []
+            },
+            status: 'success'
+        },
+        lifecycle: {
+            data: {
+                Rules: []
+            },
+            status: 'success',
+            error: null
+        },
+        replication: {
+            data: {
+                ReplicationConfiguration: {
+                    Role: 'arn:aws:iam::123456789012:role/replication-role',
+                    Rules: []
+                }
+            },
+            status: 'success',
+            error: null
+        },
+        isvBucketStatus: {
+            isVeeamBucket: false,
+            isCommvaultBucket: false,
+            isISVManaged: false,
+            isvApplication: void 0,
+            isLoading: false,
+            bucketTagsStatus: 'success'
+        },
+        features: false
+    });
+const applyBucketMocks = (mocks, mockData = {})=>{
+    const defaults = createDefaultBucketMocks();
+    const data = {
+        ...defaults,
+        ...mockData
+    };
+    mocks.useGetBucketVersioning.mockReturnValue(data.versioning);
+    mocks.useGetBucketAcl.mockReturnValue(data.acl);
+    mocks.useGetBucketLocation.mockReturnValue(data.location);
+    mocks.useGetBucketCors.mockReturnValue(data.cors);
+    mocks.useGetBucketObjectLockConfiguration.mockReturnValue(data.objectLock);
+    mocks.useGetBucketPolicy.mockReturnValue(data.policy);
+    mocks.useGetBucketTagging.mockReturnValue(data.tagging);
+    mocks.useISVBucketStatus.mockReturnValue(data.isvBucketStatus);
+    mocks.useFeatures.mockReturnValue(data.features);
+    if (mocks.useGetBucketLifecycle) mocks.useGetBucketLifecycle.mockReturnValue(data.lifecycle);
+    if (mocks.useGetBucketReplication) mocks.useGetBucketReplication.mockReturnValue(data.replication);
 };
-export { MockedPutObjectCommand, MockedS3Client, createFactoryTestError, createQueryWrapper, createTestFile, createTestWrapper, mockOffsetSize, mockS3Client, overrideGlobalConfig, overrideHandlers, renderHookWithWrapper, resetGlobalConfig, setupCommonMocks, setupMswServer, setupS3Mocks, testConfig, testCredentials, validateFactoryHook, validateHookResult, withGlobalConfig };
+export { MockedPutObjectCommand, MockedS3Client, applyBucketMocks, createDefaultBucketMocks, createFactoryTestError, createMockMutationResult, createMockQueryResult, createTestFile, createTestWrapper, findToggleByLabel, mockErrorSubmit, mockOffsetSize, mockS3Client, mockSuccessSubmit, overrideHandlers, renderHookWithWrapper, setupCommonMocks, setupMswServer, setupS3Mocks, submitForm, testConfig, testCredentials, validateFactoryHook, validateHookResult };