@scality/data-browser-library 1.0.0-preview.13 → 1.0.0-preview.15

package/dist/test/testUtils.js

@@ -1,12 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
 import { PutObjectCommand, S3Client } from "@aws-sdk/client-s3";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { QueryClient } from "@tanstack/react-query";
 import { fireEvent, renderHook, screen, waitFor } from "@testing-library/react";
 import { coreUIAvailableThemes } from "@scality/core-ui/dist/style/theme";
 import { CoreUiThemeProvider } from "@scality/core-ui/dist/next";
 import { ToastProvider } from "@scality/core-ui";
 import { DataBrowserProvider } from "../components/providers/DataBrowserProvider.js";
+import { DataBrowserUICustomizationProvider } from "../contexts/DataBrowserUICustomizationContext.js";
 import { overrideHandlers, setupMswServer } from "./msw/index.js";
 var __webpack_require__ = {};
 (()=>{
@@ -20,14 +21,14 @@ 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()
@@ -81,44 +82,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: {
@@ -140,10 +121,15 @@ const createTestWrapper = (config = testConfig, credentials = testCredentials)=>
             getS3Config: getConfig,
             theme: theme,
             enableDevtools: false,
-            children: /*#__PURE__*/ jsx(CoreUiThemeProvider, {
-                theme: theme,
-                children: /*#__PURE__*/ jsx(ToastProvider, {
-                    children: children
+            children: /*#__PURE__*/ jsx(DataBrowserUICustomizationProvider, {
+                config: {
+                    basePath: ''
+                },
+                children: /*#__PURE__*/ jsx(CoreUiThemeProvider, {
+                    theme: theme,
+                    children: /*#__PURE__*/ jsx(ToastProvider, {
+                        children: children
+                    })
                 })
             })
         });
@@ -155,7 +141,7 @@ 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
@@ -178,16 +164,16 @@ const overrideGlobalConfig = (overrides)=>{
 };
 const resetGlobalConfig = ()=>{
     globalThis.__S3_CONFIG__ = {
-        endpoint: "http://localhost:8000",
-        region: "us-east-1",
-        realHost: "s3.amazonaws.com",
+        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",
+        proxyEndpoint: 'http://localhost:3000/api/s3',
+        proxyBasePath: '/api/s3',
+        proxyHost: 'localhost',
         proxyPort: 3000
     };
     globalThis.__IS_DEVELOPMENT__ = true;
@@ -201,37 +187,37 @@ const withGlobalConfig = (overrides, testFn)=>async ()=>{
             resetGlobalConfig();
         }
     };
-const createFactoryTestError = (testContext, operationName, details)=>new Error(`Factory Test Failure [${testContext}]: ${operationName} - ${details || "Unknown error"}. Check factory implementation and hook usage patterns.`);
+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 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,
@@ -241,7 +227,7 @@ const createMockMutationResult = (mutate, overrides = {})=>({
         isIdle: true,
         isError: false,
         isSuccess: false,
-        status: "idle",
+        status: 'idle',
         data: void 0,
         error: null,
         variables: void 0,
@@ -260,7 +246,7 @@ const createMockQueryResult = (overrides = {})=>({
         isLoadingError: false,
         isRefetchError: false,
         isSuccess: false,
-        status: "pending",
+        status: 'pending',
         dataUpdatedAt: 0,
         errorUpdatedAt: 0,
         failureCount: 0,
@@ -284,15 +270,15 @@ const findToggleByLabel = (labelText)=>{
     while(current && !current.querySelector('input[type="checkbox"]'))current = current.parentElement;
     return current?.querySelector('input[type="checkbox"]');
 };
-const submitForm = async (buttonName = "create")=>{
+const submitForm = async (buttonName = 'create')=>{
     await waitFor(()=>{
-        const button = screen.getByRole("button", {
-            name: "create" === buttonName ? /create/i : /save/i
+        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
+    const button = screen.getByRole('button', {
+        name: 'create' === buttonName ? /create/i : /save/i
     });
     fireEvent.click(button);
 };
@@ -301,7 +287,7 @@ const mockSuccessSubmit = (mockMutate)=>{
         options?.onSuccess?.();
     });
 };
-const mockErrorSubmit = (mockMutate, errorMessage = "Network Error")=>{
+const mockErrorSubmit = (mockMutate, errorMessage = 'Network Error')=>{
     const error = new Error(errorMessage);
     mockMutate.mockImplementation((_, options)=>{
         options?.onError?.(error);
@@ -310,72 +296,72 @@ const mockErrorSubmit = (mockMutate, errorMessage = "Network Error")=>{
 const createDefaultBucketMocks = ()=>({
         versioning: {
             data: {
-                Status: "Enabled"
+                Status: 'Enabled'
             },
-            status: "success"
+            status: 'success'
         },
         acl: {
             data: {
                 Owner: {
-                    DisplayName: "test-owner"
+                    DisplayName: 'test-owner'
                 },
                 Grants: [
                     {
                         Grantee: {
-                            Type: "CanonicalUser",
-                            DisplayName: "test-grantee"
+                            Type: 'CanonicalUser',
+                            DisplayName: 'test-grantee'
                         }
                     }
                 ]
             },
-            status: "success"
+            status: 'success'
         },
         location: {
             data: {
-                LocationConstraint: "us-west-2"
+                LocationConstraint: 'us-west-2'
             },
-            status: "success"
+            status: 'success'
         },
         cors: {
             data: {
                 CORSRules: []
             },
-            status: "success"
+            status: 'success'
         },
         objectLock: {
             data: {
                 ObjectLockConfiguration: {
-                    ObjectLockEnabled: "Disabled"
+                    ObjectLockEnabled: 'Disabled'
                 }
             },
-            status: "success"
+            status: 'success'
         },
         policy: {
             data: void 0,
             error: null,
-            status: "success"
+            status: 'success'
         },
         tagging: {
             data: {
                 TagSet: []
             },
-            status: "success"
+            status: 'success'
         },
         lifecycle: {
             data: {
                 Rules: []
             },
-            status: "success",
+            status: 'success',
             error: null
         },
         replication: {
             data: {
                 ReplicationConfiguration: {
-                    Role: "arn:aws:iam::123456789012:role/replication-role",
+                    Role: 'arn:aws:iam::123456789012:role/replication-role',
                     Rules: []
                 }
             },
-            status: "success",
+            status: 'success',
             error: null
         },
         isvBucketStatus: {
@@ -384,7 +370,7 @@ const createDefaultBucketMocks = ()=>({
             isISVManaged: false,
             isvApplication: void 0,
             isLoading: false,
-            bucketTagsStatus: "success"
+            bucketTagsStatus: 'success'
         },
         features: false
     });
@@ -406,4 +392,4 @@ const applyBucketMocks = (mocks, mockData = {})=>{
     if (mocks.useGetBucketLifecycle) mocks.useGetBucketLifecycle.mockReturnValue(data.lifecycle);
     if (mocks.useGetBucketReplication) mocks.useGetBucketReplication.mockReturnValue(data.replication);
 };
-export { MockedPutObjectCommand, MockedS3Client, applyBucketMocks, createDefaultBucketMocks, createFactoryTestError, createMockMutationResult, createMockQueryResult, createQueryWrapper, createTestFile, createTestWrapper, findToggleByLabel, mockErrorSubmit, mockOffsetSize, mockS3Client, mockSuccessSubmit, overrideGlobalConfig, overrideHandlers, renderHookWithWrapper, resetGlobalConfig, setupCommonMocks, setupMswServer, setupS3Mocks, submitForm, testConfig, testCredentials, validateFactoryHook, validateHookResult, withGlobalConfig };
+export { MockedPutObjectCommand, MockedS3Client, applyBucketMocks, createDefaultBucketMocks, createFactoryTestError, createMockMutationResult, createMockQueryResult, createTestFile, createTestWrapper, findToggleByLabel, mockErrorSubmit, mockOffsetSize, mockS3Client, mockSuccessSubmit, overrideGlobalConfig, overrideHandlers, renderHookWithWrapper, resetGlobalConfig, setupCommonMocks, setupMswServer, setupS3Mocks, submitForm, testConfig, testCredentials, validateFactoryHook, validateHookResult, withGlobalConfig };