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

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

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { useDeleteBucket } from "../../hooks/bucketOperations.js";
+import { useIsBucketEmpty } from "../../hooks/useIsBucketEmpty.js";
 import { createTestWrapper } from "../../test/testUtils.js";
 import { DeleteBucketButton } from "../buckets/DeleteBucketButton.js";
-import { useIsBucketEmpty } from "../../hooks/useIsBucketEmpty.js";
-import { useDeleteBucket } from "../../hooks/bucketOperations.js";
-jest.mock("../../hooks/useIsBucketEmpty");
-jest.mock("../../hooks/bucketOperations");
+jest.mock('../../hooks/useIsBucketEmpty');
+jest.mock('../../hooks/bucketOperations');
 const mockUseIsBucketEmpty = jest.mocked(useIsBucketEmpty);
 const mockUseDeleteBucket = jest.mocked(useDeleteBucket);
 const renderDeleteBucketButton = (props = {})=>{
@@ -26,166 +26,166 @@ const mockHookDefaults = ()=>{
     });
     mockUseDeleteBucket.mockReturnValue({
         mutate: mockDeleteBucket,
-        status: "idle"
+        status: 'idle'
     });
 };
-describe("DeleteBucketButton", ()=>{
+describe('DeleteBucketButton', ()=>{
     beforeEach(()=>{
         jest.clearAllMocks();
         mockHookDefaults();
     });
-    it("renders delete button with correct label", ()=>{
+    it('renders delete button with correct label', ()=>{
         renderDeleteBucketButton();
-        expect(screen.getByRole("button", {
+        expect(screen.getByRole('button', {
             name: /delete bucket/i
         })).toBeInTheDocument();
     });
-    it("enables button when bucket is empty", ()=>{
+    it('enables button when bucket is empty', ()=>{
         mockUseIsBucketEmpty.mockReturnValue({
             isEmpty: true,
             isLoading: false,
             error: null
         });
         renderDeleteBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete bucket/i
         });
         expect(button).not.toBeDisabled();
     });
-    it("disables button when bucket is not empty", ()=>{
+    it('disables button when bucket is not empty', ()=>{
         mockUseIsBucketEmpty.mockReturnValue({
             isEmpty: false,
             isLoading: false,
             error: null
         });
         renderDeleteBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete bucket/i
         });
         expect(button).toBeDisabled();
     });
-    it("disables button when checking if bucket is empty", ()=>{
+    it('disables button when checking if bucket is empty', ()=>{
         mockUseIsBucketEmpty.mockReturnValue({
             isEmpty: null,
             isLoading: true,
             error: null
         });
         renderDeleteBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete bucket/i
         });
         expect(button).toBeDisabled();
     });
-    it("disables button when disabled prop is true", ()=>{
+    it('disables button when disabled prop is true', ()=>{
         renderDeleteBucketButton({
             disabled: true
         });
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete bucket/i
         });
         expect(button).toBeDisabled();
     });
-    it("shows tooltip when bucket is not empty", ()=>{
+    it('shows tooltip when bucket is not empty', ()=>{
         mockUseIsBucketEmpty.mockReturnValue({
             isEmpty: false,
             isLoading: false,
             error: null
         });
         renderDeleteBucketButton();
-        expect(screen.getByRole("button", {
+        expect(screen.getByRole('button', {
             name: /delete bucket/i
         })).toBeInTheDocument();
     });
-    it("shows checking tooltip when loading", ()=>{
+    it('shows checking tooltip when loading', ()=>{
         mockUseIsBucketEmpty.mockReturnValue({
             isEmpty: null,
             isLoading: true,
             error: null
         });
         renderDeleteBucketButton();
-        expect(screen.getByRole("button", {
+        expect(screen.getByRole('button', {
             name: /delete bucket/i
         })).toBeInTheDocument();
     });
-    it("opens confirmation modal when button is clicked", ()=>{
+    it('opens confirmation modal when button is clicked', ()=>{
         renderDeleteBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete bucket/i
         });
         fireEvent.click(button);
-        expect(screen.getByText("Confirmation")).toBeInTheDocument();
+        expect(screen.getByText('Confirmation')).toBeInTheDocument();
         expect(screen.getByText(/are you sure you want to delete bucket: test-bucket/i)).toBeInTheDocument();
     });
-    it("shows cancel and delete buttons in modal", ()=>{
+    it('shows cancel and delete buttons in modal', ()=>{
         renderDeleteBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /delete bucket/i
         });
         fireEvent.click(button);
-        expect(screen.getByRole("button", {
+        expect(screen.getByRole('button', {
             name: /cancel/i
         })).toBeInTheDocument();
-        expect(screen.getByRole("button", {
+        expect(screen.getByRole('button', {
             name: /^delete$/i
         })).toBeInTheDocument();
     });
-    it("closes modal when cancel is clicked", ()=>{
+    it('closes modal when cancel is clicked', ()=>{
         renderDeleteBucketButton();
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete bucket/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 when delete is confirmed", ()=>{
+    it('calls delete mutation when delete is confirmed', ()=>{
         renderDeleteBucketButton();
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete bucket/i
         });
         fireEvent.click(deleteButton);
-        const confirmButton = screen.getByRole("button", {
+        const confirmButton = screen.getByRole('button', {
             name: /^delete$/i
         });
         fireEvent.click(confirmButton);
         expect(mockDeleteBucket).toHaveBeenCalledWith({
-            Bucket: "test-bucket"
+            Bucket: 'test-bucket'
         }, expect.objectContaining({
             onSuccess: expect.any(Function),
             onError: expect.any(Function)
         }));
     });
-    it("calls onDeleteSuccess callback when delete succeeds", ()=>{
+    it('calls onDeleteSuccess callback when delete succeeds', ()=>{
         const onDeleteSuccess = jest.fn();
         renderDeleteBucketButton({
             onDeleteSuccess
         });
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete bucket/i
         });
         fireEvent.click(deleteButton);
-        const confirmButton = screen.getByRole("button", {
+        const confirmButton = screen.getByRole('button', {
             name: /^delete$/i
         });
         fireEvent.click(confirmButton);
         const successCallback = mockDeleteBucket.mock.calls[0][1].onSuccess;
         successCallback();
-        expect(onDeleteSuccess).toHaveBeenCalledWith("test-bucket");
+        expect(onDeleteSuccess).toHaveBeenCalledWith('test-bucket');
     });
-    it("calls onDeleteError callback when delete fails", ()=>{
+    it('calls onDeleteError callback when delete fails', ()=>{
         const onDeleteError = jest.fn();
-        const testError = new Error("Delete failed");
+        const testError = new Error('Delete failed');
         renderDeleteBucketButton({
             onDeleteError
         });
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete bucket/i
         });
         fireEvent.click(deleteButton);
-        const confirmButton = screen.getByRole("button", {
+        const confirmButton = screen.getByRole('button', {
             name: /^delete$/i
         });
         fireEvent.click(confirmButton);
@@ -193,77 +193,77 @@ describe("DeleteBucketButton", ()=>{
         errorCallback(testError);
         expect(onDeleteError).toHaveBeenCalledWith(testError);
     });
-    it("handles non-Error objects in onError callback", ()=>{
+    it('handles non-Error objects in onError callback', ()=>{
         const onDeleteError = jest.fn();
         renderDeleteBucketButton({
             onDeleteError
         });
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete bucket/i
         });
         fireEvent.click(deleteButton);
-        const confirmButton = screen.getByRole("button", {
+        const confirmButton = screen.getByRole('button', {
             name: /^delete$/i
         });
         fireEvent.click(confirmButton);
         const errorCallback = mockDeleteBucket.mock.calls[0][1].onError;
-        errorCallback("string error");
-        expect(onDeleteError).toHaveBeenCalledWith(new Error("Delete failed"));
+        errorCallback('string error');
+        expect(onDeleteError).toHaveBeenCalledWith(new Error('Delete failed'));
     });
-    it("closes modal when delete succeeds", async ()=>{
+    it('closes modal when delete succeeds', async ()=>{
         renderDeleteBucketButton();
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete bucket/i
         });
         fireEvent.click(deleteButton);
-        expect(screen.getByText("Confirmation")).toBeInTheDocument();
-        const confirmButton = screen.getByRole("button", {
+        expect(screen.getByText('Confirmation')).toBeInTheDocument();
+        const confirmButton = screen.getByRole('button', {
             name: /^delete$/i
         });
         fireEvent.click(confirmButton);
         const successCallback = mockDeleteBucket.mock.calls[0][1].onSuccess;
         successCallback();
         await waitFor(()=>{
-            expect(screen.queryByText("Confirmation")).not.toBeInTheDocument();
+            expect(screen.queryByText('Confirmation')).not.toBeInTheDocument();
         });
     });
-    it("shows loading state in delete button when deletion is pending", ()=>{
+    it('shows loading state in delete button when deletion is pending', ()=>{
         mockUseDeleteBucket.mockReturnValue({
             mutate: mockDeleteBucket,
-            status: "pending"
+            status: 'pending'
         });
         renderDeleteBucketButton();
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete bucket/i
         });
         fireEvent.click(deleteButton);
-        const confirmButton = screen.getByRole("button", {
+        const confirmButton = screen.getByRole('button', {
             name: /^delete$/i
         });
         expect(confirmButton).toBeDisabled();
     });
-    it("works without optional callbacks", ()=>{
+    it('works without optional callbacks', ()=>{
         expect(()=>{
             renderDeleteBucketButton();
-            const deleteButton = screen.getByRole("button", {
+            const deleteButton = screen.getByRole('button', {
                 name: /delete bucket/i
             });
             fireEvent.click(deleteButton);
-            const confirmButton = screen.getByRole("button", {
+            const confirmButton = screen.getByRole('button', {
                 name: /^delete$/i
             });
             fireEvent.click(confirmButton);
             const successCallback = mockDeleteBucket.mock.calls[0][1].onSuccess;
             const errorCallback = mockDeleteBucket.mock.calls[0][1].onError;
             successCallback();
-            errorCallback(new Error("test"));
+            errorCallback(new Error('test'));
         }).not.toThrow();
     });
-    it("displays correct bucket name in confirmation message", ()=>{
+    it('displays correct bucket name in confirmation message', ()=>{
         renderDeleteBucketButton({
-            bucketName: "my-special-bucket"
+            bucketName: 'my-special-bucket'
         });
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete bucket/i
         });
         fireEvent.click(deleteButton);

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

@@ -1,40 +1,40 @@
 import { jsx } from "react/jsx-runtime";
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
-import { MemoryRouter } from "react-router-dom";
+import { MemoryRouter } from "react-router";
 import { createTestWrapper } from "../../test/testUtils.js";
 import { DeleteBucketConfigRuleButton } from "../buckets/DeleteBucketConfigRuleButton.js";
 const mockLifecycleRules = [
     {
-        ID: "rule-1",
-        Status: "Enabled",
+        ID: 'rule-1',
+        Status: 'Enabled',
         Expiration: {
             Days: 30
         }
     },
     {
-        ID: "rule-2",
-        Status: "Disabled",
+        ID: 'rule-2',
+        Status: 'Disabled',
         NoncurrentVersionExpiration: {
             NoncurrentDays: 90
         }
     }
 ];
-describe("DeleteBucketConfigRuleButton", ()=>{
+describe('DeleteBucketConfigRuleButton', ()=>{
     let mockUpdate;
     let mockDelete;
     const renderButton = (props = {})=>{
         const defaultProps = {
-            bucketName: "test-bucket",
-            ruleId: "rule-1",
+            bucketName: 'test-bucket',
+            ruleId: 'rule-1',
             rules: mockLifecycleRules,
-            ruleType: "lifecycle",
+            ruleType: 'lifecycle',
             updateMutation: {
                 mutate: mockUpdate,
-                status: "idle"
+                status: 'idle'
             },
             deleteMutation: {
                 mutate: mockDelete,
-                status: "idle"
+                status: 'idle'
             },
             buildUpdateInput: (remainingRules)=>({
                     LifecycleConfiguration: {
@@ -42,10 +42,10 @@ describe("DeleteBucketConfigRuleButton", ()=>{
                     }
                 }),
             invalidationKeys: [
-                "GetBucketLifecycle"
+                'GetBucketLifecycle'
             ],
-            successMessage: "Rule deleted successfully",
-            errorMessage: "Failed to delete rule"
+            successMessage: 'Rule deleted successfully',
+            errorMessage: 'Failed to delete rule'
         };
         const Wrapper = createTestWrapper();
         return render(/*#__PURE__*/ jsx(MemoryRouter, {
@@ -62,92 +62,92 @@ describe("DeleteBucketConfigRuleButton", ()=>{
         mockUpdate = jest.fn();
         mockDelete = jest.fn();
     });
-    it("renders delete button", ()=>{
+    it('renders delete button', ()=>{
         renderButton();
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete rule/i
         });
         expect(deleteButton).toBeInTheDocument();
     });
-    it("opens confirmation modal when clicked", ()=>{
+    it('opens confirmation modal when clicked', ()=>{
         renderButton();
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete rule/i
         });
         fireEvent.click(deleteButton);
         expect(screen.getByText(/are you sure you want to delete the lifecycle rule/i)).toBeInTheDocument();
         expect(screen.getByText(/rule-1/)).toBeInTheDocument();
     });
-    it("closes modal when cancel is clicked", ()=>{
+    it('closes modal when cancel is clicked', ()=>{
         renderButton();
-        fireEvent.click(screen.getByRole("button", {
+        fireEvent.click(screen.getByRole('button', {
             name: /delete rule/i
         }));
         expect(screen.getByText(/are you sure/i)).toBeInTheDocument();
-        fireEvent.click(screen.getByRole("button", {
+        fireEvent.click(screen.getByRole('button', {
             name: /cancel/i
         }));
         expect(screen.queryByText(/are you sure/i)).not.toBeInTheDocument();
     });
-    it("calls update when deleting a rule with remaining rules", async ()=>{
+    it('calls update when deleting a rule with remaining rules', async ()=>{
         renderButton();
-        fireEvent.click(screen.getByRole("button", {
+        fireEvent.click(screen.getByRole('button', {
             name: /delete rule/i
         }));
-        fireEvent.click(screen.getByRole("button", {
+        fireEvent.click(screen.getByRole('button', {
             name: /^delete$/i
         }));
         await waitFor(()=>{
             expect(mockUpdate).toHaveBeenCalled();
             const callArgs = mockUpdate.mock.calls[0][0];
-            expect(callArgs.Bucket).toBe("test-bucket");
+            expect(callArgs.Bucket).toBe('test-bucket');
             expect(callArgs.LifecycleConfiguration.Rules).toHaveLength(1);
-            expect(callArgs.LifecycleConfiguration.Rules[0].ID).toBe("rule-2");
+            expect(callArgs.LifecycleConfiguration.Rules[0].ID).toBe('rule-2');
         });
     });
-    it("calls delete when deleting the last rule", async ()=>{
+    it('calls delete when deleting the last rule', async ()=>{
         renderButton({
             rules: [
                 mockLifecycleRules[0]
             ]
         });
-        fireEvent.click(screen.getByRole("button", {
+        fireEvent.click(screen.getByRole('button', {
             name: /delete rule/i
         }));
-        fireEvent.click(screen.getByRole("button", {
+        fireEvent.click(screen.getByRole('button', {
             name: /^delete$/i
         }));
         await waitFor(()=>{
             expect(mockDelete).toHaveBeenCalledWith({
-                Bucket: "test-bucket"
+                Bucket: 'test-bucket'
             }, expect.any(Object));
         });
     });
-    it("closes modal after successful deletion", async ()=>{
+    it('closes modal after successful deletion', async ()=>{
         mockUpdate.mockImplementation((_, options)=>{
             options.onSuccess();
         });
         renderButton();
-        fireEvent.click(screen.getByRole("button", {
+        fireEvent.click(screen.getByRole('button', {
             name: /delete rule/i
         }));
-        fireEvent.click(screen.getByRole("button", {
+        fireEvent.click(screen.getByRole('button', {
             name: /^delete$/i
         }));
         await waitFor(()=>{
             expect(screen.queryByText(/are you sure/i)).not.toBeInTheDocument();
         });
     });
-    it("closes modal after failed deletion", async ()=>{
-        const consoleError = jest.spyOn(console, "error").mockImplementation(()=>{});
+    it('closes modal after failed deletion', async ()=>{
+        const consoleError = jest.spyOn(console, 'error').mockImplementation(()=>{});
         mockUpdate.mockImplementation((_, options)=>{
-            options.onError(new Error("Delete failed"));
+            options.onError(new Error('Delete failed'));
         });
         renderButton();
-        fireEvent.click(screen.getByRole("button", {
+        fireEvent.click(screen.getByRole('button', {
             name: /delete rule/i
         }));
-        fireEvent.click(screen.getByRole("button", {
+        fireEvent.click(screen.getByRole('button', {
             name: /^delete$/i
         }));
         await waitFor(()=>{
@@ -158,35 +158,35 @@ describe("DeleteBucketConfigRuleButton", ()=>{
         });
         consoleError.mockRestore();
     });
-    it("disables buttons while deletion is in progress", ()=>{
+    it('disables buttons while deletion is in progress', ()=>{
         renderButton({
             updateMutation: {
                 mutate: mockUpdate,
-                status: "pending"
+                status: 'pending'
             }
         });
-        fireEvent.click(screen.getByRole("button", {
+        fireEvent.click(screen.getByRole('button', {
             name: /delete rule/i
         }));
-        const cancelButton = screen.getByRole("button", {
+        const cancelButton = screen.getByRole('button', {
             name: /cancel/i
         });
-        const confirmButton = screen.getByRole("button", {
+        const confirmButton = screen.getByRole('button', {
             name: /^delete$/i
         });
         expect(cancelButton).toBeDisabled();
         expect(confirmButton).toBeDisabled();
     });
-    it("stops event propagation when delete button is clicked", ()=>{
+    it('stops event propagation when delete button is clicked', ()=>{
         renderButton();
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /delete rule/i
         });
         const mockStopPropagation = jest.fn();
-        const clickEvent = new MouseEvent("click", {
+        const clickEvent = new MouseEvent('click', {
             bubbles: true
         });
-        Object.defineProperty(clickEvent, "stopPropagation", {
+        Object.defineProperty(clickEvent, 'stopPropagation', {
             value: mockStopPropagation,
             writable: true
         });