@scality/data-browser-library 1.0.0-preview.9 → 1.0.3

package/dist/components/__tests__/DeleteObjectButton.test.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { act, fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { useDeleteObjects, useGetBucketVersioning } from "../../hooks/index.js";
 import { createTestWrapper } from "../../test/testUtils.js";
 import { DeleteObjectButton } from "../objects/DeleteObjectButton.js";
-import { useDeleteObjects, useGetBucketVersioning } from "../../hooks/index.js";
-jest.mock("../../hooks");
+jest.mock('../../hooks');
 const mockUseDeleteObjects = jest.mocked(useDeleteObjects);
 const mockUseGetBucketVersioning = jest.mocked(useGetBucketVersioning);
 const mockDeleteObjects = jest.fn();
@@ -14,7 +14,7 @@ const createMockObjects = (count, withVersions = false)=>Array.from({
             displayName: `file${i + 1}.txt`,
             Size: 1024 * (i + 1),
             LastModified: new Date(`2023-01-${i + 1}T10:00:00Z`),
-            type: "object",
+            type: 'object',
             ...withVersions && {
                 VersionId: `version-${i + 1}`
             }
@@ -24,13 +24,13 @@ const createMockFolders = (count)=>Array.from({
     }, (_, i)=>({
             Key: `folder${i + 1}/`,
             displayName: `folder${i + 1}/`,
-            type: "folder",
+            type: 'folder',
             LastModified: void 0
         }));
 const renderDeleteObjectButton = (props = {})=>{
     const defaultProps = {
         objects: createMockObjects(2),
-        bucketName: "test-bucket",
+        bucketName: 'test-bucket',
         ...props
     };
     const Wrapper = createTestWrapper();
@@ -43,7 +43,7 @@ const renderDeleteObjectButton = (props = {})=>{
 const mockHookDefaults = (versioningEnabled = false)=>{
     mockUseGetBucketVersioning.mockReturnValue({
         data: {
-            Status: versioningEnabled ? "Enabled" : "Suspended"
+            Status: versioningEnabled ? 'Enabled' : 'Suspended'
         },
         isLoading: false,
         error: null
@@ -53,55 +53,55 @@ const mockHookDefaults = (versioningEnabled = false)=>{
         isPending: false
     });
 };
-describe("DeleteObjectButton", ()=>{
+describe('DeleteObjectButton', ()=>{
     beforeEach(()=>{
         jest.clearAllMocks();
         mockHookDefaults();
     });
-    it("renders delete button with correct label and icon", ()=>{
+    it('renders delete button with correct label and icon', ()=>{
         renderDeleteObjectButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete/i
         });
         expect(button).toBeInTheDocument();
-        expect(button).toHaveAttribute("id", "object-list-delete-button");
+        expect(button).toHaveAttribute('id', 'object-list-delete-button');
     });
-    it("disables button when no objects are selected", ()=>{
+    it('disables button when no objects are selected', ()=>{
         renderDeleteObjectButton({
             objects: []
         });
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete/i
         });
         expect(button).toBeDisabled();
     });
-    it("enables button when objects are selected", ()=>{
+    it('enables button when objects are selected', ()=>{
         renderDeleteObjectButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete/i
         });
         expect(button).not.toBeDisabled();
     });
-    it("opens confirmation modal when delete button is clicked", ()=>{
+    it('opens confirmation modal when delete button is clicked', ()=>{
         renderDeleteObjectButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(button);
-        expect(screen.getByText("Confirmation")).toBeInTheDocument();
+        expect(screen.getByText('Confirmation')).toBeInTheDocument();
         expect(screen.getByText(/do you want to.*delete/i)).toBeInTheDocument();
     });
-    it("shows correct confirmation message for objects without versioning", ()=>{
+    it('shows correct confirmation message for objects without versioning', ()=>{
         renderDeleteObjectButton({
             objects: createMockObjects(2)
         });
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(button);
-        expect(screen.getByText((content, _)=>content.includes("2") && content.includes("object"))).toBeInTheDocument();
+        expect(screen.getByText((content, _)=>content.includes('2') && content.includes('object'))).toBeInTheDocument();
     });
-    it("shows correct confirmation message for mixed objects and folders", ()=>{
+    it('shows correct confirmation message for mixed objects and folders', ()=>{
         const mixedObjects = [
             ...createMockObjects(1),
             ...createMockFolders(1)
@@ -109,90 +109,90 @@ describe("DeleteObjectButton", ()=>{
         renderDeleteObjectButton({
             objects: mixedObjects
         });
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(button);
         expect(screen.getByText(/do you want to/i)).toBeInTheDocument();
         expect(screen.getByText(/delete the selected/i)).toBeInTheDocument();
     });
-    it("shows permanently delete message for versioned objects with specific versions", ()=>{
+    it('shows permanently delete message for versioned objects with specific versions', ()=>{
         mockHookDefaults(true);
         renderDeleteObjectButton({
             objects: createMockObjects(2, true)
         });
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(button);
-        expect(screen.getByText("The selected versions will be permanently deleted.")).toBeInTheDocument();
+        expect(screen.getByText('The selected versions will be permanently deleted.')).toBeInTheDocument();
         expect(screen.getByText(/do you want to/i)).toBeInTheDocument();
         expect(screen.getByText(/object versions/i)).toBeInTheDocument();
     });
-    it("displays total size of selected objects", ()=>{
+    it('displays total size of selected objects', ()=>{
         const objects = createMockObjects(2);
         renderDeleteObjectButton({
             objects
         });
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(button);
         expect(screen.getByText(/total.*3.*kb/i)).toBeInTheDocument();
     });
-    it("shows info banner with deletion message", ()=>{
+    it('shows info banner with deletion message', ()=>{
         renderDeleteObjectButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(button);
         expect(screen.getByText(/the selected objects will be permanently deleted/i)).toBeInTheDocument();
     });
-    it("shows different info message for versioned buckets without specific versions", ()=>{
+    it('shows different info message for versioned buckets without specific versions', ()=>{
         mockHookDefaults(true);
         renderDeleteObjectButton({
             objects: createMockObjects(2, false)
         });
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(button);
         expect(screen.getByText(/delete markers will be added to the objects/i)).toBeInTheDocument();
     });
-    it("closes modal when cancel button is clicked", ()=>{
+    it('closes modal when cancel button is clicked', ()=>{
         renderDeleteObjectButton();
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(deleteButton);
-        const cancelButton = screen.getByRole("button", {
+        const cancelButton = screen.getByRole('button', {
             name: /cancel/i
         });
         fireEvent.click(cancelButton);
-        expect(screen.queryByText("Confirmation")).not.toBeInTheDocument();
+        expect(screen.queryByText('Confirmation')).not.toBeInTheDocument();
     });
-    it("calls delete mutation with correct parameters when deletion is confirmed", ()=>{
+    it('calls delete mutation with correct parameters when deletion is confirmed', ()=>{
         const objects = createMockObjects(2);
         renderDeleteObjectButton({
             objects,
-            bucketName: "my-bucket"
+            bucketName: 'my-bucket'
         });
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(deleteButton);
-        const confirmButton = document.getElementById("object-delete-delete-button");
+        const confirmButton = document.getElementById('object-delete-delete-button');
         expect(confirmButton).toBeInTheDocument();
         fireEvent.click(confirmButton);
         expect(mockDeleteObjects).toHaveBeenCalledWith({
-            Bucket: "my-bucket",
+            Bucket: 'my-bucket',
             Delete: {
                 Objects: [
                     {
-                        Key: "file1.txt"
+                        Key: 'file1.txt'
                     },
                     {
-                        Key: "file2.txt"
+                        Key: 'file2.txt'
                     }
                 ]
             }
@@ -201,29 +201,29 @@ describe("DeleteObjectButton", ()=>{
             onError: expect.any(Function)
         }));
     });
-    it("includes version IDs in delete request when objects have versions", ()=>{
+    it('includes version IDs in delete request when objects have versions', ()=>{
         const objects = createMockObjects(1, true);
         renderDeleteObjectButton({
             objects
         });
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(deleteButton);
-        const confirmButton = document.getElementById("object-delete-delete-button");
+        const confirmButton = document.getElementById('object-delete-delete-button');
         fireEvent.click(confirmButton);
         expect(mockDeleteObjects).toHaveBeenCalledWith(expect.objectContaining({
             Delete: {
                 Objects: [
                     {
-                        Key: "file1.txt",
-                        VersionId: "version-1"
+                        Key: 'file1.txt',
+                        VersionId: 'version-1'
                     }
                 ]
             }
         }), expect.any(Object));
     });
-    it("handles mixed objects and folders in delete request", ()=>{
+    it('handles mixed objects and folders in delete request', ()=>{
         const mixedObjects = [
             ...createMockObjects(1),
             ...createMockFolders(1)
@@ -231,61 +231,61 @@ describe("DeleteObjectButton", ()=>{
         renderDeleteObjectButton({
             objects: mixedObjects
         });
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(deleteButton);
-        const confirmButton = document.getElementById("object-delete-delete-button");
+        const confirmButton = document.getElementById('object-delete-delete-button');
         fireEvent.click(confirmButton);
         expect(mockDeleteObjects).toHaveBeenCalledWith(expect.objectContaining({
             Delete: {
                 Objects: [
                     {
-                        Key: "file1.txt"
+                        Key: 'file1.txt'
                     },
                     {
-                        Key: "folder1/"
+                        Key: 'folder1/'
                     }
                 ]
             }
         }), expect.any(Object));
     });
-    it("shows success toast and closes modal when deletion succeeds", async ()=>{
+    it('shows success toast and closes modal when deletion succeeds', async ()=>{
         renderDeleteObjectButton();
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(deleteButton);
-        expect(screen.getByText("Confirmation")).toBeInTheDocument();
-        const confirmButton = document.getElementById("object-delete-delete-button");
+        expect(screen.getByText('Confirmation')).toBeInTheDocument();
+        const confirmButton = document.getElementById('object-delete-delete-button');
         fireEvent.click(confirmButton);
         await act(async ()=>{
             const successCallback = mockDeleteObjects.mock.calls[0][1].onSuccess;
             successCallback();
         });
         await waitFor(()=>{
-            expect(screen.queryByText("Confirmation")).not.toBeInTheDocument();
+            expect(screen.queryByText('Confirmation')).not.toBeInTheDocument();
         });
     });
-    it("handles non-Error objects in error callback", async ()=>{
+    it('handles non-Error objects in error callback', async ()=>{
         renderDeleteObjectButton();
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete/i
         });
         fireEvent.click(deleteButton);
-        const confirmButton = document.getElementById("object-delete-delete-button");
+        const confirmButton = document.getElementById('object-delete-delete-button');
         fireEvent.click(confirmButton);
         await act(async ()=>{
             const errorCallback = mockDeleteObjects.mock.calls[0][1].onError;
-            errorCallback("string error");
+            errorCallback('string error');
         });
         expect(mockDeleteObjects.mock.calls[0][1].onError).toBeDefined();
     });
-    it("updates objects when props change", ()=>{
+    it('updates objects when props change', ()=>{
         const { rerender } = renderDeleteObjectButton({
             objects: createMockObjects(1)
         });
-        expect(screen.getByRole("button", {
+        expect(screen.getByRole('button', {
             name: /delete/i
         })).not.toBeDisabled();
         const Wrapper = createTestWrapper();
@@ -295,7 +295,7 @@ describe("DeleteObjectButton", ()=>{
                 bucketName: "test-bucket"
             })
         }));
-        expect(screen.getByRole("button", {
+        expect(screen.getByRole('button', {
             name: /delete/i
         })).toBeDisabled();
     });