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

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

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { useGetBucketObjectLockConfiguration } from "../../hooks/bucketConfiguration.js";
+import { useEmptyBucket } from "../../hooks/useEmptyBucket.js";
+import { useIsBucketEmpty } from "../../hooks/useIsBucketEmpty.js";
 import { createTestWrapper } from "../../test/testUtils.js";
 import { EmptyBucketButton } from "../buckets/EmptyBucketButton.js";
-import { useIsBucketEmpty } from "../../hooks/useIsBucketEmpty.js";
-import { useEmptyBucket } from "../../hooks/useEmptyBucket.js";
-import { useGetBucketObjectLockConfiguration } from "../../hooks/bucketConfiguration.js";
-jest.mock("../../hooks/useIsBucketEmpty");
-jest.mock("../../hooks/useEmptyBucket");
-jest.mock("../../hooks/bucketConfiguration");
+jest.mock('../../hooks/useIsBucketEmpty');
+jest.mock('../../hooks/useEmptyBucket');
+jest.mock('../../hooks/bucketConfiguration');
 const mockUseIsBucketEmpty = jest.mocked(useIsBucketEmpty);
 const mockUseEmptyBucket = jest.mocked(useEmptyBucket);
 const mockUseGetBucketObjectLockConfiguration = jest.mocked(useGetBucketObjectLockConfiguration);
@@ -39,130 +39,130 @@ const mockHookDefaults = ()=>{
         error: null
     });
 };
-describe("EmptyBucketButton", ()=>{
+describe('EmptyBucketButton', ()=>{
     beforeEach(()=>{
         jest.clearAllMocks();
         mockHookDefaults();
     });
-    it("renders empty button with correct label", ()=>{
+    it('renders empty button with correct label', ()=>{
         renderEmptyBucketButton();
-        expect(screen.getByRole("button", {
+        expect(screen.getByRole('button', {
             name: /empty bucket/i
         })).toBeInTheDocument();
     });
-    it("disables button when bucket is empty", ()=>{
+    it('disables button when bucket is empty', ()=>{
         mockUseIsBucketEmpty.mockReturnValue({
             isEmpty: true,
             isLoading: false,
             error: null
         });
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         expect(button).toBeDisabled();
     });
-    it("enables button when bucket is not empty", ()=>{
+    it('enables button when bucket is not empty', ()=>{
         mockUseIsBucketEmpty.mockReturnValue({
             isEmpty: false,
             isLoading: false,
             error: null
         });
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         expect(button).not.toBeDisabled();
     });
-    it("opens confirmation modal when button is clicked", ()=>{
+    it('opens confirmation modal when button is clicked', ()=>{
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);
         expect(screen.getByText(/Empty Bucket 'test-bucket'\?/i)).toBeInTheDocument();
         expect(screen.getByText(/Emptying a bucket removes all contents and cannot be reversed/i)).toBeInTheDocument();
     });
-    it("shows information list in modal", ()=>{
+    it('shows information list in modal', ()=>{
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);
         expect(screen.getByText(/Emptying a bucket removes all contents and cannot be reversed/i)).toBeInTheDocument();
         expect(screen.getByText(/New objects added during the empty action may also be removed/i)).toBeInTheDocument();
     });
-    it("shows confirmation input field", ()=>{
+    it('shows confirmation input field', ()=>{
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);
         const input = screen.getByPlaceholderText(/test-bucket/i);
         expect(input).toBeInTheDocument();
     });
-    it("disables empty button until bucket name is typed", ()=>{
+    it('disables empty button until bucket name is typed', ()=>{
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);
-        const emptyButton = screen.getByRole("button", {
+        const emptyButton = screen.getByRole('button', {
             name: /^empty$/i
         });
         expect(emptyButton).toBeDisabled();
         const input = screen.getByPlaceholderText(/test-bucket/i);
         fireEvent.change(input, {
             target: {
-                value: "test-bucket"
+                value: 'test-bucket'
             }
         });
         expect(emptyButton).not.toBeDisabled();
     });
-    it("closes modal when cancel is clicked", ()=>{
+    it('closes modal when cancel is clicked', ()=>{
         renderEmptyBucketButton();
-        const deleteButton = screen.getByRole("button", {
+        const deleteButton = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(deleteButton);
-        const cancelButton = screen.getByRole("button", {
+        const cancelButton = screen.getByRole('button', {
             name: /cancel/i
         });
         fireEvent.click(cancelButton);
         expect(screen.queryByText(/Empty Bucket 'test-bucket'\?/i)).not.toBeInTheDocument();
     });
-    it("resets state when modal is cancelled", ()=>{
+    it('resets state when modal is cancelled', ()=>{
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);
         const input = screen.getByPlaceholderText(/test-bucket/i);
         fireEvent.change(input, {
             target: {
-                value: "test-bucket"
+                value: 'test-bucket'
             }
         });
-        expect(input).toHaveValue("test-bucket");
-        const cancelButton = screen.getByRole("button", {
+        expect(input).toHaveValue('test-bucket');
+        const cancelButton = screen.getByRole('button', {
             name: /cancel/i
         });
         fireEvent.click(cancelButton);
         fireEvent.click(button);
         const inputAfterReopen = screen.getByPlaceholderText(/test-bucket/i);
-        expect(inputAfterReopen).toHaveValue("");
+        expect(inputAfterReopen).toHaveValue('');
     });
-    it("displays correct bucket name in modal title", ()=>{
+    it('displays correct bucket name in modal title', ()=>{
         renderEmptyBucketButton({
-            bucketName: "my-special-bucket"
+            bucketName: 'my-special-bucket'
         });
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);
         expect(screen.getByText(/Empty Bucket 'my-special-bucket'\?/i)).toBeInTheDocument();
     });
-    it("shows loading state during deletion", async ()=>{
+    it('shows loading state during deletion', async ()=>{
         const mockEmptyBucket = jest.fn();
         mockUseEmptyBucket.mockReturnValue({
             emptyBucket: mockEmptyBucket,
@@ -172,13 +172,13 @@ describe("EmptyBucketButton", ()=>{
             reset: jest.fn()
         });
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);
         expect(screen.getByText(/Deletion in progress.../i)).toBeInTheDocument();
     });
-    it("completes empty bucket operation successfully and shows summary", async ()=>{
+    it('completes empty bucket operation successfully and shows summary', async ()=>{
         const mockEmptyBucket = jest.fn().mockResolvedValue({
             success: true,
             deletedCount: 100,
@@ -193,48 +193,48 @@ describe("EmptyBucketButton", ()=>{
             reset: jest.fn()
         });
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);
         const input = screen.getByPlaceholderText(/test-bucket/i);
         fireEvent.change(input, {
             target: {
-                value: "test-bucket"
+                value: 'test-bucket'
             }
         });
-        const emptyButton = screen.getByRole("button", {
+        const emptyButton = screen.getByRole('button', {
             name: /^empty$/i
         });
         fireEvent.click(emptyButton);
         await waitFor(()=>{
-            expect(mockEmptyBucket).toHaveBeenCalledWith("test-bucket");
+            expect(mockEmptyBucket).toHaveBeenCalledWith('test-bucket');
         });
     });
-    it("displays error when deletion fails", ()=>{
+    it('displays error when deletion fails', ()=>{
         mockUseEmptyBucket.mockReturnValue({
             emptyBucket: jest.fn(),
             isEmptying: false,
-            error: new Error("Network error"),
+            error: new Error('Network error'),
             result: null,
             reset: jest.fn()
         });
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);
         expect(screen.getByText(/Network error/i)).toBeInTheDocument();
     });
-    it("calls emptyBucket when user confirms", async ()=>{
+    it('calls emptyBucket when user confirms', async ()=>{
         const mockEmptyBucket = jest.fn().mockResolvedValue({
             success: false,
             deletedCount: 50,
             errors: [
                 {
-                    key: "file1.txt",
-                    code: "AccessDenied",
-                    message: "Access denied"
+                    key: 'file1.txt',
+                    code: 'AccessDenied',
+                    message: 'Access denied'
                 }
             ],
             limitReached: false
@@ -247,53 +247,53 @@ describe("EmptyBucketButton", ()=>{
             reset: jest.fn()
         });
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);
         const input = screen.getByPlaceholderText(/test-bucket/i);
         fireEvent.change(input, {
             target: {
-                value: "test-bucket"
+                value: 'test-bucket'
             }
         });
-        const emptyButton = screen.getByRole("button", {
+        const emptyButton = screen.getByRole('button', {
             name: /^empty$/i
         });
         fireEvent.click(emptyButton);
         await waitFor(()=>{
-            expect(mockEmptyBucket).toHaveBeenCalledWith("test-bucket");
+            expect(mockEmptyBucket).toHaveBeenCalledWith('test-bucket');
         });
     });
-    it("displays Object Lock warning when enabled", ()=>{
+    it('displays Object Lock warning when enabled', ()=>{
         mockUseGetBucketObjectLockConfiguration.mockReturnValue({
             data: {
                 ObjectLockConfiguration: {
-                    ObjectLockEnabled: "Enabled"
+                    ObjectLockEnabled: 'Enabled'
                 }
             },
             isLoading: false,
             error: null
         });
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);
         expect(screen.getByText(/locked in governance mode/i)).toBeInTheDocument();
     });
-    it("does not show Object Lock warning when disabled", ()=>{
+    it('does not show Object Lock warning when disabled', ()=>{
         mockUseGetBucketObjectLockConfiguration.mockReturnValue({
             data: {
                 ObjectLockConfiguration: {
-                    ObjectLockEnabled: "Disabled"
+                    ObjectLockEnabled: 'Disabled'
                 }
             },
             isLoading: false,
             error: null
         });
         renderEmptyBucketButton();
-        const button = screen.getByRole("button", {
+        const button = screen.getByRole('button', {
             name: /empty bucket/i
         });
         fireEvent.click(button);

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

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import user_event from "@testing-library/user-event";
-import { MemoryRouter } from "react-router-dom";
-import { createQueryWrapper } from "../../test/testUtils.js";
+import { MemoryRouter } from "react-router";
+import { createTestWrapper } from "../../test/testUtils.js";
 import { MetadataSearch } from "../search/MetadataSearch.js";
 const renderMetadataSearch = (props = {}, initialEntries = [
-    "/bucket/test-bucket"
+    '/bucket/test-bucket'
 ])=>{
-    const QueryWrapper = createQueryWrapper();
-    return render(/*#__PURE__*/ jsx(QueryWrapper, {
+    const TestWrapper = createTestWrapper();
+    return render(/*#__PURE__*/ jsx(TestWrapper, {
         children: /*#__PURE__*/ jsx(MemoryRouter, {
             initialEntries: initialEntries,
             children: /*#__PURE__*/ jsx(MetadataSearch, {
@@ -18,50 +18,50 @@ const renderMetadataSearch = (props = {}, initialEntries = [
         })
     }));
 };
-describe("MetadataSearch", ()=>{
+describe('MetadataSearch', ()=>{
     const getInput = ()=>screen.getByPlaceholderText(/Metadata Search/i);
-    it("renders search input with placeholder", ()=>{
+    it('renders search input with placeholder', ()=>{
         renderMetadataSearch();
         expect(getInput()).toBeInTheDocument();
         expect(screen.getByPlaceholderText(/Metadata Search/i)).toBeInTheDocument();
     });
-    it("renders search button", ()=>{
+    it('renders search button', ()=>{
         renderMetadataSearch();
-        expect(screen.getByRole("button", {
+        expect(screen.getByRole('button', {
             name: /execute metadata search/i
         })).toBeInTheDocument();
     });
-    it("search button is disabled when input is empty", ()=>{
+    it('search button is disabled when input is empty', ()=>{
         renderMetadataSearch();
-        const searchButton = screen.getByRole("button", {
+        const searchButton = screen.getByRole('button', {
             name: /execute metadata search/i
         });
         expect(searchButton).toBeDisabled();
     });
-    it("search button is enabled when input has text", async ()=>{
+    it('search button is enabled when input has text', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        const searchButton = screen.getByRole("button", {
+        const searchButton = screen.getByRole('button', {
             name: /execute metadata search/i
         });
-        await user_event.type(input, "test query");
+        await user_event.type(input, 'test query');
         expect(searchButton).toBeEnabled();
     });
-    it("shows search icon by default", ()=>{
+    it('shows search icon by default', ()=>{
         renderMetadataSearch();
         const input = getInput();
         const searchIcon = input.parentElement?.querySelector('[aria-label*="Search"]');
         expect(searchIcon).toBeInTheDocument();
     });
-    it("shows check icon when metadata search is active", ()=>{
+    it('shows check icon when metadata search is active', ()=>{
         renderMetadataSearch({}, [
-            "/bucket/test-bucket?metadatasearch=test"
+            '/bucket/test-bucket?metadatasearch=test'
         ]);
         const input = getInput();
         const checkIcon = input.parentElement?.querySelector('[aria-label*="Check"]');
         expect(checkIcon).toBeInTheDocument();
     });
-    it("shows error icon when error prop is true", ()=>{
+    it('shows error icon when error prop is true', ()=>{
         renderMetadataSearch({
             isError: true
         });
@@ -69,133 +69,133 @@ describe("MetadataSearch", ()=>{
         const errorIcon = input.parentElement?.querySelector('[aria-label*="Close"]');
         expect(errorIcon).toBeInTheDocument();
     });
-    it("populates input with existing search query from URL", ()=>{
+    it('populates input with existing search query from URL', ()=>{
         renderMetadataSearch({}, [
-            "/bucket/test-bucket?metadatasearch=existing+query"
+            '/bucket/test-bucket?metadatasearch=existing+query'
         ]);
         const input = getInput();
-        expect(input).toHaveValue("existing query");
+        expect(input).toHaveValue('existing query');
     });
-    it("shows reset button when input has text", async ()=>{
+    it('shows reset button when input has text', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        await user_event.type(input, "test query");
-        expect(screen.getByRole("button", {
+        await user_event.type(input, 'test query');
+        expect(screen.getByRole('button', {
             name: /clear search input/i
         })).toBeInTheDocument();
     });
-    it("clears input when reset button is clicked", async ()=>{
+    it('clears input when reset button is clicked', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        await user_event.type(input, "test query");
-        const resetButton = screen.getByRole("button", {
+        await user_event.type(input, 'test query');
+        const resetButton = screen.getByRole('button', {
             name: /clear search input/i
         });
         fireEvent.click(resetButton);
-        expect(input).toHaveValue("");
+        expect(input).toHaveValue('');
     });
-    it("shows hints when input is clicked and empty", async ()=>{
+    it('shows hints when input is clicked and empty', async ()=>{
         renderMetadataSearch();
         const input = getInput();
         fireEvent.click(input);
         await waitFor(()=>{
-            expect(screen.getByText("Suggestions")).toBeInTheDocument();
+            expect(screen.getByText('Suggestions')).toBeInTheDocument();
         });
     });
-    it("does not show hints when input has text", async ()=>{
+    it('does not show hints when input has text', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        await user_event.type(input, "test");
+        await user_event.type(input, 'test');
         fireEvent.click(input);
-        expect(screen.queryByText("Suggestions")).not.toBeInTheDocument();
+        expect(screen.queryByText('Suggestions')).not.toBeInTheDocument();
     });
-    it("hides hints when clicking outside", async ()=>{
+    it('hides hints when clicking outside', async ()=>{
         renderMetadataSearch();
         const input = getInput();
         fireEvent.click(input);
         await waitFor(()=>{
-            expect(screen.getByText("Suggestions")).toBeInTheDocument();
+            expect(screen.getByText('Suggestions')).toBeInTheDocument();
         });
         fireEvent.mouseDown(document.body);
         await waitFor(()=>{
-            expect(screen.queryByText("Suggestions")).not.toBeInTheDocument();
+            expect(screen.queryByText('Suggestions')).not.toBeInTheDocument();
         });
     });
-    it("displays search hint examples", async ()=>{
+    it('displays search hint examples', async ()=>{
         renderMetadataSearch();
         const input = getInput();
         fireEvent.click(input);
         await waitFor(()=>{
             expect(screen.getByText('files with extension ".pdf"')).toBeInTheDocument();
-            expect(screen.getByText("files bigger than 1MB")).toBeInTheDocument();
-            expect(screen.getByText("files tagged with color blue")).toBeInTheDocument();
+            expect(screen.getByText('files bigger than 1MB')).toBeInTheDocument();
+            expect(screen.getByText('files tagged with color blue')).toBeInTheDocument();
         });
     });
-    it("applies hint to input when hint is clicked", async ()=>{
+    it('applies hint to input when hint is clicked', async ()=>{
         renderMetadataSearch();
         const input = getInput();
         fireEvent.click(input);
         await waitFor(()=>{
-            expect(screen.getByText("Suggestions")).toBeInTheDocument();
+            expect(screen.getByText('Suggestions')).toBeInTheDocument();
         });
         const pdfHint = screen.getByText('files with extension ".pdf"');
         fireEvent.click(pdfHint);
-        expect(input).toHaveValue("key like /pdf$/");
-        expect(screen.queryByText("Suggestions")).not.toBeInTheDocument();
+        expect(input).toHaveValue('key like /pdf$/');
+        expect(screen.queryByText('Suggestions')).not.toBeInTheDocument();
     });
-    it("focuses input after hint is selected", async ()=>{
+    it('focuses input after hint is selected', async ()=>{
         renderMetadataSearch();
         const input = getInput();
         fireEvent.click(input);
         await waitFor(()=>{
-            expect(screen.getByText("Suggestions")).toBeInTheDocument();
+            expect(screen.getByText('Suggestions')).toBeInTheDocument();
         });
-        const hint = screen.getByText("files bigger than 1MB");
+        const hint = screen.getByText('files bigger than 1MB');
         fireEvent.click(hint);
         expect(input).toHaveFocus();
     });
-    it("submits search when form is submitted", async ()=>{
+    it('submits search when form is submitted', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        const searchButton = screen.getByRole("button", {
+        const searchButton = screen.getByRole('button', {
             name: /execute metadata search/i
         });
-        await user_event.type(input, "content-type=application/pdf");
+        await user_event.type(input, 'content-type=application/pdf');
         fireEvent.click(searchButton);
-        expect(input).toHaveValue("content-type=application/pdf");
+        expect(input).toHaveValue('content-type=application/pdf');
     });
-    it("submits search when Enter key is pressed", async ()=>{
+    it('submits search when Enter key is pressed', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        await user_event.type(input, "key like /test$/");
-        fireEvent.submit(input.closest("form"));
-        expect(input).toHaveValue("key like /test$/");
+        await user_event.type(input, 'key like /test$/');
+        fireEvent.submit(input.closest('form'));
+        expect(input).toHaveValue('key like /test$/');
     });
-    it("is hidden when prefix points to a file", ()=>{
+    it('is hidden when prefix points to a file', ()=>{
         const { container } = renderMetadataSearch({}, [
-            "/bucket/test-bucket?prefix=folder/file.txt"
+            '/bucket/test-bucket?prefix=folder/file.txt'
         ]);
-        const form = container.querySelector("form");
+        const form = container.querySelector('form');
         expect(form).toHaveStyle({
-            visibility: "hidden"
+            visibility: 'hidden'
         });
     });
-    it("is hidden when prefix is a folder", ()=>{
+    it('is hidden when prefix is a folder', ()=>{
         const { container } = renderMetadataSearch({}, [
-            "/bucket/test-bucket?prefix=folder/"
+            '/bucket/test-bucket?prefix=folder/'
         ]);
-        const form = container.querySelector("form");
+        const form = container.querySelector('form');
         expect(form).toHaveStyle({
-            visibility: "hidden"
+            visibility: 'hidden'
         });
     });
-    it("prevents search submission when prefix points to a file", async ()=>{
+    it('prevents search submission when prefix points to a file', async ()=>{
         const { container } = renderMetadataSearch({}, [
-            "/bucket/test-bucket?prefix=folder/file.txt"
+            '/bucket/test-bucket?prefix=folder/file.txt'
         ]);
         const input = getInput();
         const searchButton = container.querySelector('button[type="submit"]');
-        await user_event.type(input, "test query");
+        await user_event.type(input, 'test query');
         expect(searchButton).toBeDisabled();
     });
 });