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

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

@@ -0,0 +1,379 @@
+import { jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { MemoryRouter } from "react-router";
+import { createTestWrapper, mockOffsetSize } from "../../test/testUtils.js";
+import { BucketNotificationList } from "../buckets/notifications/BucketNotificationList.js";
+const mockMutate = jest.fn();
+const mockShowToast = jest.fn();
+jest.mock('../../hooks/bucketConfiguration', ()=>({
+        useSetBucketNotification: jest.fn(()=>({
+                mutate: mockMutate,
+                isPending: false
+            }))
+    }));
+jest.mock('@scality/core-ui', ()=>{
+    const actual = jest.requireActual('@scality/core-ui');
+    return {
+        ...actual,
+        useToast: ()=>({
+                showToast: mockShowToast
+            })
+    };
+});
+const renderBucketNotificationList = (props = {})=>{
+    const Wrapper = createTestWrapper();
+    return render(/*#__PURE__*/ jsx(MemoryRouter, {
+        children: /*#__PURE__*/ jsx(Wrapper, {
+            children: /*#__PURE__*/ jsx(BucketNotificationList, {
+                bucketName: "test-bucket",
+                notificationRules: [],
+                ...props
+            })
+        })
+    }));
+};
+const mockNotificationRules = [
+    {
+        Id: 'rule-1',
+        QueueArn: 'arn:aws:sqs:us-east-1:123456789012:my-queue',
+        Events: [
+            's3:ObjectCreated:*'
+        ]
+    },
+    {
+        Id: 'rule-2',
+        QueueArn: 'arn:aws:sqs:us-west-2:987654321098:backup-queue',
+        Events: [
+            's3:ObjectRemoved:*',
+            's3:ObjectRestore:*'
+        ]
+    },
+    {
+        Id: 'rule-3',
+        QueueArn: 'arn:aws:sqs:eu-west-1:111222333444:logs-queue',
+        Events: [
+            's3:ObjectCreated:Put',
+            's3:ObjectCreated:Post',
+            's3:ObjectCreated:Copy'
+        ]
+    }
+];
+const mockRuleWithSingleEvent = {
+    Id: 'single-event-rule',
+    QueueArn: 'arn:aws:sqs:us-east-1:123456789012:simple-queue',
+    Events: [
+        's3:ObjectCreated:*'
+    ]
+};
+describe('BucketNotificationList', ()=>{
+    beforeEach(()=>{
+        jest.clearAllMocks();
+        mockOffsetSize(800, 600);
+        mockShowToast.mockClear();
+    });
+    it('shows a table with proper headers', ()=>{
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules
+        });
+        expect(screen.getByRole('grid')).toBeInTheDocument();
+        expect(screen.getByText('Rule Name')).toBeInTheDocument();
+        expect(screen.getByText('Events')).toBeInTheDocument();
+    });
+    it('does not show Destination column', ()=>{
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules
+        });
+        expect(screen.queryByText('Destination')).not.toBeInTheDocument();
+    });
+    it('displays notification rules with their IDs', ()=>{
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules
+        });
+        expect(screen.getByText('rule-1')).toBeInTheDocument();
+        expect(screen.getByText('rule-2')).toBeInTheDocument();
+        expect(screen.getByText('rule-3')).toBeInTheDocument();
+    });
+    it('displays single event correctly', ()=>{
+        renderBucketNotificationList({
+            notificationRules: [
+                mockRuleWithSingleEvent
+            ]
+        });
+        expect(screen.getByText('s3:ObjectCreated:*')).toBeInTheDocument();
+    });
+    it('displays multiple events on separate lines', ()=>{
+        renderBucketNotificationList({
+            notificationRules: [
+                mockNotificationRules[1]
+            ]
+        });
+        expect(screen.getByText('s3:ObjectRemoved:*')).toBeInTheDocument();
+        expect(screen.getByText('s3:ObjectRestore:*')).toBeInTheDocument();
+    });
+    it('displays up to 3 events and shows +N more for additional events', ()=>{
+        const ruleWithManyEvents = {
+            Id: 'many-events-rule',
+            QueueArn: 'arn:aws:sqs:us-east-1:123456789012:queue',
+            Events: [
+                's3:ObjectCreated:Put',
+                's3:ObjectCreated:Post',
+                's3:ObjectCreated:Copy',
+                's3:ObjectRemoved:Delete',
+                's3:ObjectRemoved:DeleteMarkerCreated'
+            ]
+        };
+        renderBucketNotificationList({
+            notificationRules: [
+                ruleWithManyEvents
+            ]
+        });
+        expect(screen.getByText('s3:ObjectCreated:Put')).toBeInTheDocument();
+        expect(screen.getByText('s3:ObjectCreated:Post')).toBeInTheDocument();
+        expect(screen.getByText('s3:ObjectCreated:Copy')).toBeInTheDocument();
+        expect(screen.getByText('+2 more')).toBeInTheDocument();
+        expect(screen.queryByText('s3:ObjectRemoved:Delete')).not.toBeInTheDocument();
+    });
+    it('displays all events when 3 or fewer', ()=>{
+        renderBucketNotificationList({
+            notificationRules: [
+                mockNotificationRules[2]
+            ]
+        });
+        expect(screen.getByText('s3:ObjectCreated:Put')).toBeInTheDocument();
+        expect(screen.getByText('s3:ObjectCreated:Post')).toBeInTheDocument();
+        expect(screen.getByText('s3:ObjectCreated:Copy')).toBeInTheDocument();
+        expect(screen.queryByText(/more/)).not.toBeInTheDocument();
+    });
+    it('renders Add Notification button', ()=>{
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules
+        });
+        const addButton = screen.getByRole('button', {
+            name: /add notification/i
+        });
+        expect(addButton).toBeInTheDocument();
+        expect(addButton).toBeEnabled();
+    });
+    it('calls create rule callback when Add Notification button is clicked', ()=>{
+        const onCreateRule = jest.fn();
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules,
+            onCreateRule
+        });
+        const addButton = screen.getByRole('button', {
+            name: /add notification/i
+        });
+        fireEvent.click(addButton);
+        expect(onCreateRule).toHaveBeenCalled();
+    });
+    it('handles edit button click', ()=>{
+        const onEditRule = jest.fn();
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules,
+            onEditRule
+        });
+        const editButtons = screen.getAllByRole('button', {
+            name: /edit rule/i
+        });
+        expect(editButtons.length).toBeGreaterThanOrEqual(3);
+        fireEvent.click(editButtons[0]);
+        expect(onEditRule).toHaveBeenCalledWith(expect.any(String));
+    });
+    it('renders delete buttons for each rule', ()=>{
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules
+        });
+        const deleteButtons = screen.getAllByRole('button', {
+            name: /delete rule/i
+        });
+        expect(deleteButtons.length).toBeGreaterThanOrEqual(3);
+    });
+    it('opens delete confirmation modal when delete button is clicked', ()=>{
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules
+        });
+        const deleteButtons = screen.getAllByRole('button', {
+            name: /delete rule/i
+        });
+        fireEvent.click(deleteButtons[0]);
+        expect(screen.getByText(/are you sure you want to delete/i)).toBeInTheDocument();
+        expect(screen.getByText('Delete Notification Rule')).toBeInTheDocument();
+    });
+    it('closes delete modal when cancel is clicked', async ()=>{
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules
+        });
+        const deleteButtons = screen.getAllByRole('button', {
+            name: /delete rule/i
+        });
+        fireEvent.click(deleteButtons[0]);
+        const cancelButton = screen.getByRole('button', {
+            name: /cancel/i
+        });
+        fireEvent.click(cancelButton);
+        await waitFor(()=>{
+            expect(screen.queryByText(/are you sure you want to delete/i)).not.toBeInTheDocument();
+        });
+    });
+    it('calls mutation when delete is confirmed', ()=>{
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules
+        });
+        const deleteButtons = screen.getAllByRole('button', {
+            name: /delete rule/i
+        });
+        fireEvent.click(deleteButtons[0]);
+        const confirmDeleteButton = screen.getByRole('button', {
+            name: 'Delete'
+        });
+        fireEvent.click(confirmDeleteButton);
+        expect(mockMutate).toHaveBeenCalledWith(expect.objectContaining({
+            Bucket: 'test-bucket',
+            NotificationConfiguration: expect.objectContaining({
+                QueueConfigurations: expect.any(Array)
+            })
+        }), expect.any(Object));
+    });
+    it('shows success toast when deletion succeeds', ()=>{
+        mockMutate.mockImplementation((_, options)=>{
+            options?.onSuccess?.();
+        });
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules
+        });
+        const deleteButtons = screen.getAllByRole('button', {
+            name: /delete rule/i
+        });
+        fireEvent.click(deleteButtons[0]);
+        const confirmDeleteButton = screen.getByRole('button', {
+            name: 'Delete'
+        });
+        fireEvent.click(confirmDeleteButton);
+        expect(mockShowToast).toHaveBeenCalledWith({
+            open: true,
+            message: 'Notification rule deleted successfully',
+            status: 'success'
+        });
+    });
+    it('shows error toast when deletion fails', ()=>{
+        const error = new Error('Network error');
+        mockMutate.mockImplementation((_, options)=>{
+            options?.onError?.(error);
+        });
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules
+        });
+        const deleteButtons = screen.getAllByRole('button', {
+            name: /delete rule/i
+        });
+        fireEvent.click(deleteButtons[0]);
+        const confirmDeleteButton = screen.getByRole('button', {
+            name: 'Delete'
+        });
+        fireEvent.click(confirmDeleteButton);
+        expect(mockShowToast).toHaveBeenCalledWith({
+            open: true,
+            message: 'Network error',
+            status: 'error'
+        });
+    });
+    it('handles empty notification rules list', ()=>{
+        renderBucketNotificationList({
+            notificationRules: []
+        });
+        expect(screen.getByRole('grid')).toBeInTheDocument();
+        expect(screen.getByText(/no notification rules found/i)).toBeInTheDocument();
+    });
+    it('handles notification rules without IDs', ()=>{
+        const ruleWithoutId = {
+            QueueArn: 'arn:aws:sqs:us-east-1:123456789012:test-queue',
+            Events: [
+                's3:ObjectCreated:*'
+            ]
+        };
+        renderBucketNotificationList({
+            notificationRules: [
+                ruleWithoutId
+            ]
+        });
+        expect(screen.getByText('-')).toBeInTheDocument();
+    });
+    it('disables edit and delete buttons for rules without valid IDs', ()=>{
+        const ruleWithoutId = {
+            QueueArn: 'arn:aws:sqs:us-east-1:123456789012:test-queue',
+            Events: [
+                's3:ObjectCreated:*'
+            ]
+        };
+        renderBucketNotificationList({
+            notificationRules: [
+                ruleWithoutId
+            ]
+        });
+        const editButton = screen.getByRole('button', {
+            name: /edit rule/i
+        });
+        const deleteButton = screen.getByRole('button', {
+            name: /delete rule/i
+        });
+        expect(editButton).toBeDisabled();
+        expect(deleteButton).toBeDisabled();
+    });
+    it('handles notification rules without events', ()=>{
+        const ruleWithoutEvents = {
+            Id: 'empty-events-rule',
+            QueueArn: 'arn:aws:sqs:us-east-1:123456789012:test-queue',
+            Events: []
+        };
+        renderBucketNotificationList({
+            notificationRules: [
+                ruleWithoutEvents
+            ]
+        });
+        const rows = screen.getAllByRole('row');
+        expect(rows.length).toBeGreaterThan(1);
+    });
+    it('shows loading state when notificationStatus is loading', ()=>{
+        renderBucketNotificationList({
+            notificationRules: [],
+            notificationStatus: 'loading'
+        });
+        expect(screen.getByRole('grid')).toBeInTheDocument();
+        expect(screen.queryByText('rule-1')).not.toBeInTheDocument();
+    });
+    it('shows error state when notificationStatus is error', ()=>{
+        renderBucketNotificationList({
+            notificationRules: [],
+            notificationStatus: 'error'
+        });
+        expect(screen.getByRole('grid')).toBeInTheDocument();
+        expect(screen.queryByText('rule-1')).not.toBeInTheDocument();
+    });
+    it('shows data when notificationStatus is success', ()=>{
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules,
+            notificationStatus: 'success'
+        });
+        expect(screen.getByRole('grid')).toBeInTheDocument();
+        expect(screen.getByText('rule-1')).toBeInTheDocument();
+        expect(screen.getByText('rule-2')).toBeInTheDocument();
+    });
+    it('works when no callbacks are provided', ()=>{
+        expect(()=>{
+            renderBucketNotificationList({
+                notificationRules: mockNotificationRules
+            });
+        }).not.toThrow();
+    });
+    it('renders rows that can be selected', ()=>{
+        renderBucketNotificationList({
+            notificationRules: mockNotificationRules
+        });
+        const rows = screen.getAllByRole('row');
+        expect(rows.length).toBeGreaterThan(3);
+        const dataRows = rows.slice(1);
+        dataRows.forEach((row)=>{
+            expect(row).toHaveAttribute('aria-selected');
+        });
+    });
+});