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

package/dist/components/objects/ObjectDetails/__tests__/ObjectDetails.test.js

@@ -1,11 +1,11 @@
 import * as __WEBPACK_EXTERNAL_MODULE__index_js_95fdb65a__ from "../index.js";
 import { jsx } from "react/jsx-runtime";
 import { cleanup, render, screen } from "@testing-library/react";
-import { MemoryRouter, Route, Routes } from "react-router-dom";
+import { MemoryRouter, Route, Routes } from "react-router";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { DataBrowserUICustomizationProvider } from "../../../../contexts/DataBrowserUICustomizationContext.js";
 var __webpack_modules__ = {
-    "../index": function(module) {
+    "..": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__index_js_95fdb65a__;
     }
 };
@@ -19,57 +19,57 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
-var external_index_js_ = __webpack_require__("../index");
-jest.mock("../ObjectSummary", ()=>({
+var external_index_js_ = __webpack_require__("..");
+jest.mock('../ObjectSummary', ()=>({
         ObjectSummary: ()=>/*#__PURE__*/ jsx("div", {
                 "data-testid": "object-summary",
                 children: "ObjectSummary"
             })
     }));
-jest.mock("../ObjectMetadata", ()=>({
+jest.mock('../ObjectMetadata', ()=>({
         ObjectMetadata: ()=>/*#__PURE__*/ jsx("div", {
                 "data-testid": "object-metadata",
                 children: "ObjectMetadata"
             })
     }));
-jest.mock("../ObjectTags", ()=>({
+jest.mock('../ObjectTags', ()=>({
         ObjectTags: ()=>/*#__PURE__*/ jsx("div", {
                 "data-testid": "object-tags",
                 children: "ObjectTags"
             })
     }));
 const createMockObjectItem = (overrides)=>({
-        Key: "test-object.txt",
-        LastModified: new Date("2024-01-01"),
+        Key: 'test-object.txt',
+        LastModified: new Date('2024-01-01'),
         Size: 1024,
-        type: "object",
-        displayName: "test-object.txt",
+        type: 'object',
+        displayName: 'test-object.txt',
         ...overrides
     });
 const createMockVersionItem = ()=>({
-        Key: "test-object.txt",
-        VersionId: "version-123",
-        LastModified: new Date("2024-01-01"),
+        Key: 'test-object.txt',
+        VersionId: 'version-123',
+        LastModified: new Date('2024-01-01'),
         Size: 1024,
-        type: "version",
-        displayName: "test-object.txt",
+        type: 'version',
+        displayName: 'test-object.txt',
         IsLatest: true
     });
 const createMockFolderItem = ()=>({
-        Key: "test-folder/",
-        type: "folder",
-        displayName: "test-folder/"
+        Key: 'test-folder/',
+        type: 'folder',
+        displayName: 'test-folder/'
     });
 const createMockDeleteMarkerItem = ()=>({
-        Key: "deleted-object.txt",
-        VersionId: "delete-marker-123",
-        LastModified: new Date("2024-01-01"),
-        type: "deleteMarker",
-        displayName: "deleted-object.txt",
+        Key: 'deleted-object.txt',
+        VersionId: 'delete-marker-123',
+        LastModified: new Date('2024-01-01'),
+        type: 'deleteMarker',
+        displayName: 'deleted-object.txt',
         IsLatest: true,
         isDeleteMarker: true
     });
-const renderWithProviders = (ui, { initialRoute = "/buckets/test-bucket/objects", customizationConfig = {} } = {})=>{
+const renderWithProviders = (ui, { initialRoute = '/buckets/test-bucket/objects', customizationConfig = {} } = {})=>{
     const queryClient = new QueryClient({
         defaultOptions: {
             queries: {
@@ -98,78 +98,78 @@ const renderWithProviders = (ui, { initialRoute = "/buckets/test-bucket/objects"
         })
     }));
 };
-describe("ObjectDetails", ()=>{
-    describe("Default Tabs", ()=>{
-        it("should render three default tabs", ()=>{
+describe('ObjectDetails', ()=>{
+    describe('Default Tabs', ()=>{
+        it('should render three default tabs', ()=>{
             const item = createMockObjectItem();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: item
             }));
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /summary/i
             })).toBeInTheDocument();
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /metadata/i
             })).toBeInTheDocument();
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /tags/i
             })).toBeInTheDocument();
         });
-        it("should render Summary tab content by default", ()=>{
+        it('should render Summary tab content by default', ()=>{
             const item = createMockObjectItem();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: item
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
         });
-        it("should render child components when valid item is provided", ()=>{
+        it('should render child components when valid item is provided', ()=>{
             const item = createMockObjectItem({
-                Key: "my-file.txt"
+                Key: 'my-file.txt'
             });
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: item
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
         });
     });
-    describe("Version ID handling", ()=>{
-        it("should pass versionId when item is a version", ()=>{
+    describe('Version ID handling', ()=>{
+        it('should pass versionId when item is a version', ()=>{
             const versionItem = createMockVersionItem();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: versionItem
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
         });
-        it("should not pass versionId for regular objects", ()=>{
+        it('should not pass versionId for regular objects', ()=>{
             const item = createMockObjectItem();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: item
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
         });
     });
-    describe("Placeholder States", ()=>{
-        it("should show placeholder when no item is selected", ()=>{
+    describe('Placeholder States', ()=>{
+        it('should show placeholder when no item is selected', ()=>{
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: null
             }));
             expect(screen.getByText(/select an object to view details/i)).toBeInTheDocument();
         });
-        it("should show placeholder for folder items", ()=>{
+        it('should show placeholder for folder items', ()=>{
             const folderItem = createMockFolderItem();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: folderItem
             }));
             expect(screen.getByText(/a "folder" is selected/i)).toBeInTheDocument();
         });
-        it("should show placeholder for delete marker items", ()=>{
+        it('should show placeholder for delete marker items', ()=>{
             const deleteMarkerItem = createMockDeleteMarkerItem();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: deleteMarkerItem
             }));
             expect(screen.getByText(/a "delete marker" is selected/i)).toBeInTheDocument();
         });
-        it("should show placeholder when item has no Key", ()=>{
+        it('should show placeholder when item has no Key', ()=>{
             const item = createMockObjectItem({
                 Key: void 0
             });
@@ -178,38 +178,38 @@ describe("ObjectDetails", ()=>{
             }));
             expect(screen.getByText(/select an object to view details/i)).toBeInTheDocument();
         });
-        it("should show placeholder when item has empty Key", ()=>{
+        it('should show placeholder when item has empty Key', ()=>{
             const item = createMockObjectItem({
-                Key: ""
+                Key: ''
             });
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: item
             }));
             expect(screen.getByText(/select an object to view details/i)).toBeInTheDocument();
         });
-        it("should render tabs even in placeholder state", ()=>{
+        it('should render tabs even in placeholder state', ()=>{
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: null
             }));
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /summary/i
             })).toBeInTheDocument();
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /metadata/i
             })).toBeInTheDocument();
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /tags/i
             })).toBeInTheDocument();
         });
     });
-    describe("Custom Tabs", ()=>{
-        it("should render extra custom tabs", ()=>{
+    describe('Custom Tabs', ()=>{
+        it('should render extra custom tabs', ()=>{
             const item = createMockObjectItem();
             const customConfig = {
                 extraObjectTabs: [
                     {
-                        id: "custom-tab",
-                        title: "Custom Tab",
+                        id: 'custom-tab',
+                        title: 'Custom Tab',
                         render: ()=>/*#__PURE__*/ jsx("div", {
                                 "data-testid": "custom-tab-content",
                                 children: "Custom Content"
@@ -222,17 +222,17 @@ describe("ObjectDetails", ()=>{
             }), {
                 customizationConfig: customConfig
             });
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /custom tab/i
             })).toBeInTheDocument();
         });
-        it("should render custom tab in tab list", ()=>{
+        it('should render custom tab in tab list', ()=>{
             const item = createMockObjectItem();
             const customConfig = {
                 extraObjectTabs: [
                     {
-                        id: "versions",
-                        title: "Versions",
+                        id: 'versions',
+                        title: 'Versions',
                         render: ()=>/*#__PURE__*/ jsx("div", {
                                 "data-testid": "versions-tab",
                                 children: "Version History"
@@ -245,18 +245,18 @@ describe("ObjectDetails", ()=>{
             }), {
                 customizationConfig: customConfig
             });
-            const versionsTab = screen.getByRole("tab", {
+            const versionsTab = screen.getByRole('tab', {
                 name: /versions/i
             });
             expect(versionsTab).toBeInTheDocument();
         });
-        it("should replace default tabs when custom tab has same ID", ()=>{
+        it('should replace default tabs when custom tab has same ID', ()=>{
             const item = createMockObjectItem();
             const customConfig = {
                 extraObjectTabs: [
                     {
-                        id: "summary",
-                        title: "Custom Summary",
+                        id: 'summary',
+                        title: 'Custom Summary',
                         render: ()=>/*#__PURE__*/ jsx("div", {
                                 "data-testid": "custom-summary",
                                 children: "Custom Summary Content"
@@ -269,34 +269,34 @@ describe("ObjectDetails", ()=>{
             }), {
                 customizationConfig: customConfig
             });
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /custom summary/i
             })).toBeInTheDocument();
-            expect(screen.queryByRole("tab", {
+            expect(screen.queryByRole('tab', {
                 name: /^summary$/i
             })).not.toBeInTheDocument();
         });
-        it("should support multiple custom tabs", ()=>{
+        it('should support multiple custom tabs', ()=>{
             const item = createMockObjectItem();
             const customConfig = {
                 extraObjectTabs: [
                     {
-                        id: "versions",
-                        title: "Versions",
+                        id: 'versions',
+                        title: 'Versions',
                         render: ()=>/*#__PURE__*/ jsx("div", {
                                 children: "Versions"
                             })
                     },
                     {
-                        id: "permissions",
-                        title: "Permissions",
+                        id: 'permissions',
+                        title: 'Permissions',
                         render: ()=>/*#__PURE__*/ jsx("div", {
                                 children: "Permissions"
                             })
                     },
                     {
-                        id: "activity",
-                        title: "Activity",
+                        id: 'activity',
+                        title: 'Activity',
                         render: ()=>/*#__PURE__*/ jsx("div", {
                                 children: "Activity"
                             })
@@ -308,23 +308,23 @@ describe("ObjectDetails", ()=>{
             }), {
                 customizationConfig: customConfig
             });
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /versions/i
             })).toBeInTheDocument();
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /permissions/i
             })).toBeInTheDocument();
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /activity/i
             })).toBeInTheDocument();
         });
-        it("should support withoutPadding option for custom tabs", ()=>{
+        it('should support withoutPadding option for custom tabs', ()=>{
             const item = createMockObjectItem();
             const customConfig = {
                 extraObjectTabs: [
                     {
-                        id: "full-width",
-                        title: "Full Width",
+                        id: 'full-width',
+                        title: 'Full Width',
                         withoutPadding: true,
                         render: ()=>/*#__PURE__*/ jsx("div", {
                                 "data-testid": "full-width-content",
@@ -338,36 +338,36 @@ describe("ObjectDetails", ()=>{
             }), {
                 customizationConfig: customConfig
             });
-            expect(screen.getByRole("tab", {
+            expect(screen.getByRole('tab', {
                 name: /full width/i
             })).toBeInTheDocument();
         });
     });
-    describe("Tab Ordering", ()=>{
-        it("should maintain default tab order", ()=>{
+    describe('Tab Ordering', ()=>{
+        it('should maintain default tab order', ()=>{
             const item = createMockObjectItem();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: item
             }));
-            const tabs = screen.getAllByRole("tab");
+            const tabs = screen.getAllByRole('tab');
             expect(tabs[0]).toHaveTextContent(/summary/i);
             expect(tabs[1]).toHaveTextContent(/metadata/i);
             expect(tabs[2]).toHaveTextContent(/tags/i);
         });
-        it("should append custom tabs after default tabs", ()=>{
+        it('should append custom tabs after default tabs', ()=>{
             const item = createMockObjectItem();
             const customConfig = {
                 extraObjectTabs: [
                     {
-                        id: "custom1",
-                        title: "Custom 1",
+                        id: 'custom1',
+                        title: 'Custom 1',
                         render: ()=>/*#__PURE__*/ jsx("div", {
                                 children: "Custom 1"
                             })
                     },
                     {
-                        id: "custom2",
-                        title: "Custom 2",
+                        id: 'custom2',
+                        title: 'Custom 2',
                         render: ()=>/*#__PURE__*/ jsx("div", {
                                 children: "Custom 2"
                             })
@@ -379,7 +379,7 @@ describe("ObjectDetails", ()=>{
             }), {
                 customizationConfig: customConfig
             });
-            const tabs = screen.getAllByRole("tab");
+            const tabs = screen.getAllByRole('tab');
             expect(tabs[0]).toHaveTextContent(/summary/i);
             expect(tabs[1]).toHaveTextContent(/metadata/i);
             expect(tabs[2]).toHaveTextContent(/tags/i);
@@ -387,18 +387,18 @@ describe("ObjectDetails", ()=>{
             expect(tabs[4]).toHaveTextContent(/custom 2/i);
         });
     });
-    describe("Context Provider", ()=>{
-        it("should render child components when context is provided", ()=>{
+    describe('Context Provider', ()=>{
+        it('should render child components when context is provided', ()=>{
             const item = createMockObjectItem({
-                Key: "test-file.txt"
+                Key: 'test-file.txt'
             });
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: item
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
         });
-        it("should throw error when useObjectDetailsContext is used outside provider", ()=>{
-            const { useObjectDetailsContext } = __webpack_require__("../index");
+        it('should throw error when useObjectDetailsContext is used outside provider', ()=>{
+            const { useObjectDetailsContext } = __webpack_require__("..");
             const TestComponent = ()=>{
                 useObjectDetailsContext();
                 return null;
@@ -410,21 +410,21 @@ describe("ObjectDetails", ()=>{
                     client: new QueryClient(),
                     children: /*#__PURE__*/ jsx(TestComponent, {})
                 }));
-            }).toThrow("ObjectDetails components must be used within ObjectDetails");
+            }).toThrow('ObjectDetails components must be used within ObjectDetails');
             console.error = originalError;
         });
-        it("should provide correct context values to nested components", ()=>{
+        it('should provide correct context values to nested components', ()=>{
             const item = createMockObjectItem({
-                Key: "context-test.txt"
+                Key: 'context-test.txt'
             });
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: item
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
         });
     });
-    describe("Edge Cases", ()=>{
-        it("should handle missing bucketName in route", ()=>{
+    describe('Edge Cases', ()=>{
+        it('should handle missing bucketName in route', ()=>{
             const item = createMockObjectItem();
             const queryClient = new QueryClient();
             render(/*#__PURE__*/ jsx(QueryClientProvider, {
@@ -433,7 +433,7 @@ describe("ObjectDetails", ()=>{
                     config: {},
                     children: /*#__PURE__*/ jsx(MemoryRouter, {
                         initialEntries: [
-                            "/invalid-route"
+                            '/invalid-route'
                         ],
                         children: /*#__PURE__*/ jsx(Routes, {
                             children: /*#__PURE__*/ jsx(Route, {
@@ -448,69 +448,69 @@ describe("ObjectDetails", ()=>{
             }));
             expect(screen.getByText(/select an object to view details/i)).toBeInTheDocument();
         });
-        it("should handle item type changes", ()=>{
+        it('should handle item type changes', ()=>{
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: createMockObjectItem()
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
             cleanup();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: createMockFolderItem()
             }));
             expect(screen.getByText(/a "folder" is selected/i)).toBeInTheDocument();
         });
-        it("should memoize tabs content efficiently", ()=>{
+        it('should memoize tabs content efficiently', ()=>{
             const item = createMockObjectItem();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: item
             }));
-            screen.getByTestId("object-summary");
+            screen.getByTestId('object-summary');
             cleanup();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: item
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
         });
     });
-    describe("Performance", ()=>{
-        it("should not recreate context value unnecessarily", ()=>{
+    describe('Performance', ()=>{
+        it('should not recreate context value unnecessarily', ()=>{
             const item = createMockObjectItem({
-                Key: "same-key.txt"
+                Key: 'same-key.txt'
             });
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: item
             }));
-            screen.getByTestId("object-summary");
+            screen.getByTestId('object-summary');
             cleanup();
             const sameKeyItem = createMockObjectItem({
-                Key: "same-key.txt"
+                Key: 'same-key.txt'
             });
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: sameKeyItem
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
         });
-        it("should handle rapid item changes", ()=>{
+        it('should handle rapid item changes', ()=>{
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: createMockObjectItem({
-                    Key: "file1.txt"
+                    Key: 'file1.txt'
                 })
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
             cleanup();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: createMockObjectItem({
-                    Key: "file2.txt"
+                    Key: 'file2.txt'
                 })
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
             cleanup();
             renderWithProviders(/*#__PURE__*/ jsx(external_index_js_.ObjectDetails, {
                 item: createMockObjectItem({
-                    Key: "file3.txt"
+                    Key: 'file3.txt'
                 })
             }));
-            expect(screen.getByTestId("object-summary")).toBeInTheDocument();
+            expect(screen.getByTestId('object-summary')).toBeInTheDocument();
         });
     });
 });