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

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

@@ -1,22 +1,22 @@
 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, Route, Routes } from "react-router-dom";
+import { MemoryRouter, Route, Routes } from "react-router";
 import { createTestWrapper } from "../../test/testUtils.js";
 import { BucketNotificationCreatePage } from "../buckets/notifications/BucketNotificationCreatePage.js";
 import { useGetBucketNotification, useSetBucketNotification } from "../../hooks/index.js";
-jest.mock("../../hooks", ()=>({
+jest.mock('../../hooks', ()=>({
         useGetBucketNotification: jest.fn(),
         useSetBucketNotification: jest.fn()
     }));
 const mockUseGetBucketNotification = jest.mocked(useGetBucketNotification);
 const mockUseSetBucketNotification = jest.mocked(useSetBucketNotification);
 const mockNavigate = jest.fn();
-jest.mock("react-router-dom", ()=>({
-        ...jest.requireActual("react-router-dom"),
+jest.mock('react-router', ()=>({
+        ...jest.requireActual('react-router'),
         useNavigate: ()=>mockNavigate
     }));
-const renderBucketNotificationCreatePage = (bucketName = "test-bucket")=>{
+const renderBucketNotificationCreatePage = (bucketName = 'test-bucket')=>{
     const Wrapper = createTestWrapper();
     return render(/*#__PURE__*/ jsx(MemoryRouter, {
         initialEntries: [
@@ -32,7 +32,7 @@ const renderBucketNotificationCreatePage = (bucketName = "test-bucket")=>{
         })
     }));
 };
-describe("BucketNotificationCreatePage", ()=>{
+describe('BucketNotificationCreatePage', ()=>{
     const mockMutate = jest.fn();
     beforeEach(()=>{
         jest.clearAllMocks();
@@ -45,38 +45,38 @@ describe("BucketNotificationCreatePage", ()=>{
             isPending: false
         });
     });
-    it("renders create notification form with all fields", ()=>{
+    it('renders create notification form with all fields', ()=>{
         renderBucketNotificationCreatePage();
-        expect(screen.getByText("Create Bucket Notification")).toBeInTheDocument();
+        expect(screen.getByText('Create Bucket Notification')).toBeInTheDocument();
         expect(screen.getByLabelText(/rule name/i)).toBeInTheDocument();
-        expect(screen.getByText("Events")).toBeInTheDocument();
+        expect(screen.getByText('Events')).toBeInTheDocument();
         expect(screen.getByLabelText(/destination queue/i)).toBeInTheDocument();
         expect(screen.getByLabelText(/prefix/i)).toBeInTheDocument();
         expect(screen.getByLabelText(/suffix/i)).toBeInTheDocument();
     });
-    it("disables create button when form is pristine", ()=>{
+    it('disables create button when form is pristine', ()=>{
         renderBucketNotificationCreatePage();
-        expect(screen.getByRole("button", {
+        expect(screen.getByRole('button', {
             name: /create/i
         })).toBeDisabled();
     });
-    it("shows validation error when rule name is empty", async ()=>{
+    it('shows validation error when rule name is empty', async ()=>{
         renderBucketNotificationCreatePage();
         const ruleNameInput = screen.getByLabelText(/rule name/i);
-        await user_event.type(ruleNameInput, "a");
+        await user_event.type(ruleNameInput, 'a');
         await user_event.clear(ruleNameInput);
         await waitFor(()=>{
             expect(screen.getByText(/this field is required/i)).toBeInTheDocument();
         });
     });
-    it("shows validation error when rule name already exists", async ()=>{
+    it('shows validation error when rule name already exists', async ()=>{
         const existingConfig = {
             QueueConfigurations: [
                 {
-                    Id: "existing-rule",
-                    QueueArn: "arn:aws:sqs:us-east-1:123:queue",
+                    Id: 'existing-rule',
+                    QueueArn: 'arn:aws:sqs:us-east-1:123:queue',
                     Events: [
-                        "s3:ObjectCreated:*"
+                        's3:ObjectCreated:*'
                     ]
                 }
             ]
@@ -86,83 +86,83 @@ describe("BucketNotificationCreatePage", ()=>{
         });
         renderBucketNotificationCreatePage();
         const ruleNameInput = screen.getByLabelText(/rule name/i);
-        await user_event.type(ruleNameInput, "existing-rule");
+        await user_event.type(ruleNameInput, 'existing-rule');
         await waitFor(()=>{
             expect(screen.getByText(/a rule with this name already exists/i)).toBeInTheDocument();
         });
     });
-    it("shows validation error when queue ARN is invalid", async ()=>{
+    it('shows validation error when queue ARN is invalid', async ()=>{
         renderBucketNotificationCreatePage();
         const queueArnInput = screen.getByLabelText(/destination queue/i);
-        await user_event.type(queueArnInput, "invalid-arn");
+        await user_event.type(queueArnInput, 'invalid-arn');
         await waitFor(()=>{
             expect(screen.getByText(/must be a valid arn/i)).toBeInTheDocument();
         });
     });
-    it("shows validation error when no event is selected", async ()=>{
+    it('shows validation error when no event is selected', async ()=>{
         renderBucketNotificationCreatePage();
         const ruleNameInput = screen.getByLabelText(/rule name/i);
-        await user_event.type(ruleNameInput, "test-rule");
+        await user_event.type(ruleNameInput, 'test-rule');
         const queueArnInput = screen.getByLabelText(/destination queue/i);
-        await user_event.type(queueArnInput, "arn:aws:sqs:us-east-1:123:queue");
+        await user_event.type(queueArnInput, 'arn:aws:sqs:us-east-1:123:queue');
         await waitFor(()=>{
-            expect(screen.getByRole("button", {
+            expect(screen.getByRole('button', {
                 name: /create/i
             })).toBeDisabled();
         });
     });
-    it("enables create button when form is valid", async ()=>{
+    it('enables create button when form is valid', async ()=>{
         renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "test-rule");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:queue");
-        const checkbox = screen.getByRole("checkbox", {
+        await user_event.type(screen.getByLabelText(/rule name/i), 'test-rule');
+        await user_event.type(screen.getByLabelText(/destination queue/i), 'arn:aws:sqs:us-east-1:123:queue');
+        const checkbox = screen.getByRole('checkbox', {
             name: /s3:ObjectCreated:\*/i
         });
         fireEvent.click(checkbox);
         await waitFor(()=>{
-            expect(screen.getByRole("button", {
+            expect(screen.getByRole('button', {
                 name: /create/i
             })).toBeEnabled();
         });
     });
-    it("creates notification with all fields and navigates on success", async ()=>{
+    it('creates notification with all fields and navigates on success', async ()=>{
         renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "test-rule");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:my-queue");
-        fireEvent.click(screen.getByRole("checkbox", {
+        await user_event.type(screen.getByLabelText(/rule name/i), 'test-rule');
+        await user_event.type(screen.getByLabelText(/destination queue/i), 'arn:aws:sqs:us-east-1:123:my-queue');
+        fireEvent.click(screen.getByRole('checkbox', {
             name: /s3:ObjectCreated:Put/i
         }));
-        await user_event.type(screen.getByLabelText(/prefix/i), "uploads/");
-        await user_event.type(screen.getByLabelText(/suffix/i), ".jpg");
+        await user_event.type(screen.getByLabelText(/prefix/i), 'uploads/');
+        await user_event.type(screen.getByLabelText(/suffix/i), '.jpg');
         mockMutate.mockImplementation((_, options)=>{
             options?.onSuccess?.();
         });
-        const createButton = screen.getByRole("button", {
+        const createButton = screen.getByRole('button', {
             name: /create/i
         });
         await waitFor(()=>expect(createButton).toBeEnabled());
         fireEvent.click(createButton);
         await waitFor(()=>{
             expect(mockMutate).toHaveBeenCalledWith({
-                Bucket: "test-bucket",
+                Bucket: 'test-bucket',
                 NotificationConfiguration: {
                     QueueConfigurations: [
                         {
-                            Id: "test-rule",
-                            QueueArn: "arn:aws:sqs:us-east-1:123:my-queue",
+                            Id: 'test-rule',
+                            QueueArn: 'arn:aws:sqs:us-east-1:123:my-queue',
                             Events: [
-                                "s3:ObjectCreated:Put"
+                                's3:ObjectCreated:Put'
                             ],
                             Filter: {
                                 Key: {
                                     FilterRules: [
                                         {
-                                            Name: "prefix",
-                                            Value: "uploads/"
+                                            Name: 'prefix',
+                                            Value: 'uploads/'
                                         },
                                         {
-                                            Name: "suffix",
-                                            Value: ".jpg"
+                                            Name: 'suffix',
+                                            Value: '.jpg'
                                         }
                                     ]
                                 }
@@ -171,34 +171,34 @@ describe("BucketNotificationCreatePage", ()=>{
                     ]
                 }
             }, expect.any(Object));
-            expect(mockNavigate).toHaveBeenCalledWith("/buckets/test-bucket");
+            expect(mockNavigate).toHaveBeenCalledWith('/buckets/test-bucket');
         });
     });
-    it("creates notification without filters when not provided", async ()=>{
+    it('creates notification without filters when not provided', async ()=>{
         renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "test-rule");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:my-queue");
-        fireEvent.click(screen.getByRole("checkbox", {
+        await user_event.type(screen.getByLabelText(/rule name/i), 'test-rule');
+        await user_event.type(screen.getByLabelText(/destination queue/i), 'arn:aws:sqs:us-east-1:123:my-queue');
+        fireEvent.click(screen.getByRole('checkbox', {
             name: /s3:ObjectRemoved:\*/i
         }));
         mockMutate.mockImplementation((_, options)=>{
             options?.onSuccess?.();
         });
-        const createButton = screen.getByRole("button", {
+        const createButton = screen.getByRole('button', {
             name: /create/i
         });
         await waitFor(()=>expect(createButton).toBeEnabled());
         fireEvent.click(createButton);
         await waitFor(()=>{
             expect(mockMutate).toHaveBeenCalledWith({
-                Bucket: "test-bucket",
+                Bucket: 'test-bucket',
                 NotificationConfiguration: {
                     QueueConfigurations: [
                         {
-                            Id: "test-rule",
-                            QueueArn: "arn:aws:sqs:us-east-1:123:my-queue",
+                            Id: 'test-rule',
+                            QueueArn: 'arn:aws:sqs:us-east-1:123:my-queue',
                             Events: [
-                                "s3:ObjectRemoved:*"
+                                's3:ObjectRemoved:*'
                             ]
                         }
                     ]
@@ -206,14 +206,14 @@ describe("BucketNotificationCreatePage", ()=>{
             }, expect.any(Object));
         });
     });
-    it("preserves existing queue configurations when creating new notification", async ()=>{
+    it('preserves existing queue configurations when creating new notification', async ()=>{
         const existingConfig = {
             QueueConfigurations: [
                 {
-                    Id: "existing-rule",
-                    QueueArn: "arn:aws:sqs:us-east-1:123:existing-queue",
+                    Id: 'existing-rule',
+                    QueueArn: 'arn:aws:sqs:us-east-1:123:existing-queue',
                     Events: [
-                        "s3:ObjectCreated:*"
+                        's3:ObjectCreated:*'
                     ]
                 }
             ]
@@ -222,15 +222,15 @@ describe("BucketNotificationCreatePage", ()=>{
             data: existingConfig
         });
         renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "new-rule");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:new-queue");
-        fireEvent.click(screen.getByRole("checkbox", {
+        await user_event.type(screen.getByLabelText(/rule name/i), 'new-rule');
+        await user_event.type(screen.getByLabelText(/destination queue/i), 'arn:aws:sqs:us-east-1:123:new-queue');
+        fireEvent.click(screen.getByRole('checkbox', {
             name: /^s3:ObjectRemoved:Delete$/i
         }));
         mockMutate.mockImplementation((_, options)=>{
             options?.onSuccess?.();
         });
-        const createButton = screen.getByRole("button", {
+        const createButton = screen.getByRole('button', {
             name: /create/i
         });
         await waitFor(()=>expect(createButton).toBeEnabled());
@@ -240,26 +240,26 @@ describe("BucketNotificationCreatePage", ()=>{
             expect(call.NotificationConfiguration.QueueConfigurations).toHaveLength(2);
             expect(call.NotificationConfiguration.QueueConfigurations[0]).toEqual(existingConfig.QueueConfigurations[0]);
             expect(call.NotificationConfiguration.QueueConfigurations[1]).toMatchObject({
-                Id: "new-rule",
-                QueueArn: "arn:aws:sqs:us-east-1:123:new-queue",
+                Id: 'new-rule',
+                QueueArn: 'arn:aws:sqs:us-east-1:123:new-queue',
                 Events: [
-                    "s3:ObjectRemoved:Delete"
+                    's3:ObjectRemoved:Delete'
                 ]
             });
         });
     });
-    it("displays error message when creation fails", async ()=>{
+    it('displays error message when creation fails', async ()=>{
         renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "test-rule");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:my-queue");
-        fireEvent.click(screen.getByRole("checkbox", {
+        await user_event.type(screen.getByLabelText(/rule name/i), 'test-rule');
+        await user_event.type(screen.getByLabelText(/destination queue/i), 'arn:aws:sqs:us-east-1:123:my-queue');
+        fireEvent.click(screen.getByRole('checkbox', {
             name: /s3:ObjectCreated:\*/i
         }));
-        const error = new Error("Access Denied");
+        const error = new Error('Access Denied');
         mockMutate.mockImplementation((_, options)=>{
             options?.onError?.(error);
         });
-        const createButton = screen.getByRole("button", {
+        const createButton = screen.getByRole('button', {
             name: /create/i
         });
         await waitFor(()=>expect(createButton).toBeEnabled());
@@ -268,31 +268,31 @@ describe("BucketNotificationCreatePage", ()=>{
             expect(mockNavigate).not.toHaveBeenCalled();
         });
     });
-    it("handles cancel button click and navigates back", ()=>{
+    it('handles cancel button click and navigates back', ()=>{
         renderBucketNotificationCreatePage();
-        const cancelButton = screen.getByRole("button", {
+        const cancelButton = screen.getByRole('button', {
             name: /cancel/i
         });
         fireEvent.click(cancelButton);
-        expect(mockNavigate).toHaveBeenCalledWith("/buckets/test-bucket");
+        expect(mockNavigate).toHaveBeenCalledWith('/buckets/test-bucket');
     });
-    it("allows selecting multiple events", async ()=>{
+    it('allows selecting multiple events', async ()=>{
         renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "multi-event");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:queue");
-        fireEvent.click(screen.getByRole("checkbox", {
+        await user_event.type(screen.getByLabelText(/rule name/i), 'multi-event');
+        await user_event.type(screen.getByLabelText(/destination queue/i), 'arn:aws:sqs:us-east-1:123:queue');
+        fireEvent.click(screen.getByRole('checkbox', {
             name: /^s3:ObjectCreated:Put$/i
         }));
-        fireEvent.click(screen.getByRole("checkbox", {
+        fireEvent.click(screen.getByRole('checkbox', {
             name: /^s3:ObjectCreated:Copy$/i
         }));
-        fireEvent.click(screen.getByRole("checkbox", {
+        fireEvent.click(screen.getByRole('checkbox', {
             name: /^s3:ObjectRemoved:Delete$/i
         }));
         mockMutate.mockImplementation((_, options)=>{
             options?.onSuccess?.();
         });
-        const createButton = screen.getByRole("button", {
+        const createButton = screen.getByRole('button', {
             name: /create/i
         });
         await waitFor(()=>expect(createButton).toBeEnabled());
@@ -303,9 +303,9 @@ describe("BucketNotificationCreatePage", ()=>{
                     QueueConfigurations: [
                         expect.objectContaining({
                             Events: expect.arrayContaining([
-                                "s3:ObjectCreated:Put",
-                                "s3:ObjectCreated:Copy",
-                                "s3:ObjectRemoved:Delete"
+                                's3:ObjectCreated:Put',
+                                's3:ObjectCreated:Copy',
+                                's3:ObjectRemoved:Delete'
                             ])
                         })
                     ]