@scality/data-browser-library 1.0.5 → 1.0.6

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

@@ -76,7 +76,9 @@ const setupMocks = (overrides = {})=>{
     mockUseSetBucketEncryption.mockReturnValue(createMockMutationResult(mockMutations.setBucketEncryption));
 };
 const fillBucketName = async (name)=>{
-    const nameInput = screen.getByLabelText(/bucket name/i);
+    const nameInput = screen.getByRole('textbox', {
+        name: /bucket name/i
+    });
     await user_event.type(nameInput, name);
 };
 const submitForm = async ()=>{
@@ -101,13 +103,21 @@ describe('BucketCreate', ()=>{
     it('renders form with required fields', ()=>{
         renderBucketCreate();
         expect(screen.getByText('Create a New Bucket')).toBeInTheDocument();
-        expect(screen.getByLabelText(/bucket name/i)).toBeInTheDocument();
-        expect(screen.getByText('Versioning')).toBeInTheDocument();
-        expect(screen.getByText('Object-lock')).toBeInTheDocument();
+        expect(screen.getByRole('textbox', {
+            name: /bucket name/i
+        })).toBeInTheDocument();
+        expect(screen.getByRole('checkbox', {
+            name: /versioning/i
+        })).toBeInTheDocument();
+        expect(screen.getByRole('checkbox', {
+            name: /object-lock/i
+        })).toBeInTheDocument();
     });
     it('shows validation error for invalid bucket name with uppercase', async ()=>{
         renderBucketCreate();
-        await user_event.type(screen.getByLabelText(/bucket name/i), 'INVALID');
+        await user_event.type(screen.getByRole('textbox', {
+            name: /bucket name/i
+        }), 'INVALID');
         await user_event.tab();
         await waitFor(()=>{
             expect(screen.getByText(/bucket names can include only lowercase/i)).toBeInTheDocument();
@@ -115,7 +125,9 @@ describe('BucketCreate', ()=>{
     });
     it('shows validation error for bucket name starting with hyphen', async ()=>{
         renderBucketCreate();
-        await user_event.type(screen.getByLabelText(/bucket name/i), '-invalid');
+        await user_event.type(screen.getByRole('textbox', {
+            name: /bucket name/i
+        }), '-invalid');
         await user_event.tab();
         await waitFor(()=>{
             expect(screen.getByText(/bucket names can include only lowercase/i)).toBeInTheDocument();
@@ -123,7 +135,9 @@ describe('BucketCreate', ()=>{
     });
     it('shows validation error for bucket name ending with hyphen', async ()=>{
         renderBucketCreate();
-        await user_event.type(screen.getByLabelText(/bucket name/i), 'invalid-');
+        await user_event.type(screen.getByRole('textbox', {
+            name: /bucket name/i
+        }), 'invalid-');
         await user_event.tab();
         await waitFor(()=>{
             expect(screen.getByText(/bucket names can include only lowercase/i)).toBeInTheDocument();
@@ -131,7 +145,9 @@ describe('BucketCreate', ()=>{
     });
     it('shows validation error for bucket name with adjacent periods', async ()=>{
         renderBucketCreate();
-        await user_event.type(screen.getByLabelText(/bucket name/i), 'test..bucket');
+        await user_event.type(screen.getByRole('textbox', {
+            name: /bucket name/i
+        }), 'test..bucket');
         await user_event.tab();
         await waitFor(()=>{
             expect(screen.getByText(/bucket names cannot contain two adjacent periods/i)).toBeInTheDocument();
@@ -139,7 +155,9 @@ describe('BucketCreate', ()=>{
     });
     it('shows validation error for bucket name formatted as IP address', async ()=>{
         renderBucketCreate();
-        await user_event.type(screen.getByLabelText(/bucket name/i), '192.168.1.1');
+        await user_event.type(screen.getByRole('textbox', {
+            name: /bucket name/i
+        }), '192.168.1.1');
         await user_event.tab();
         await waitFor(()=>{
             expect(screen.getByText(/bucket names must not be formatted as an ip address/i)).toBeInTheDocument();
@@ -147,7 +165,9 @@ describe('BucketCreate', ()=>{
     });
     it('shows validation error for bucket name with forbidden prefix', async ()=>{
         renderBucketCreate();
-        await user_event.type(screen.getByLabelText(/bucket name/i), 'xn--test');
+        await user_event.type(screen.getByRole('textbox', {
+            name: /bucket name/i
+        }), 'xn--test');
         await user_event.tab();
         await waitFor(()=>{
             expect(screen.getByText(/bucket names must not start with/i)).toBeInTheDocument();
@@ -155,7 +175,9 @@ describe('BucketCreate', ()=>{
     });
     it('shows validation error for bucket name with forbidden suffix', async ()=>{
         renderBucketCreate();
-        await user_event.type(screen.getByLabelText(/bucket name/i), 'test-s3alias');
+        await user_event.type(screen.getByRole('textbox', {
+            name: /bucket name/i
+        }), 'test-s3alias');
         await user_event.tab();
         await waitFor(()=>{
             expect(screen.getByText(/bucket names must not end with/i)).toBeInTheDocument();
@@ -170,7 +192,9 @@ describe('BucketCreate', ()=>{
                 ]
             }
         });
-        await user_event.type(screen.getByLabelText(/bucket name/i), 'existing-bucket');
+        await user_event.type(screen.getByRole('textbox', {
+            name: /bucket name/i
+        }), 'existing-bucket');
         await user_event.tab();
         await waitFor(()=>{
             expect(screen.getByText(/a bucket with this name already exists/i)).toBeInTheDocument();
@@ -185,7 +209,9 @@ describe('BucketCreate', ()=>{
             '123-bucket-456'
         ];
         for (const name of validNames){
-            const input = screen.getByLabelText(/bucket name/i);
+            const input = screen.getByRole('textbox', {
+                name: /bucket name/i
+            });
             await user_event.clear(input);
             await user_event.type(input, name);
             await user_event.tab();
@@ -469,7 +495,9 @@ describe('BucketCreate', ()=>{
             });
             renderBucketCreate();
             await fillBucketName('test-bucket');
-            const encryptionCheckbox = screen.getByLabelText(/encryption/i);
+            const encryptionCheckbox = screen.getByRole('checkbox', {
+                name: /encryption/i
+            });
             await user_event.click(encryptionCheckbox);
             await submitForm();
             const createSuccessCallback = mockMutations.createBucket.mock.calls[0][1].onSuccess;
@@ -516,8 +544,12 @@ describe('BucketCreate', ()=>{
             });
             renderBucketCreate();
             await fillBucketName('test-bucket');
-            await user_event.click(screen.getByLabelText(/versioning/i));
-            await user_event.click(screen.getByLabelText(/encryption/i));
+            await user_event.click(screen.getByRole('checkbox', {
+                name: /versioning/i
+            }));
+            await user_event.click(screen.getByRole('checkbox', {
+                name: /encryption/i
+            }));
             await submitForm();
             const createSuccessCallback = mockMutations.createBucket.mock.calls[0][1].onSuccess;
             createSuccessCallback();
@@ -536,9 +568,15 @@ describe('BucketCreate', ()=>{
             });
             renderBucketCreate();
             await fillBucketName('test-bucket');
-            await user_event.click(screen.getByLabelText(/object-lock/i));
-            await user_event.click(screen.getByLabelText(/default retention/i));
-            await user_event.click(screen.getByLabelText(/encryption/i));
+            await user_event.click(screen.getByRole('checkbox', {
+                name: /object-lock/i
+            }));
+            await user_event.click(screen.getByRole('checkbox', {
+                name: /default retention/i
+            }));
+            await user_event.click(screen.getByRole('checkbox', {
+                name: /encryption/i
+            }));
             await submitForm();
             const createSuccessCallback = mockMutations.createBucket.mock.calls[0][1].onSuccess;
             createSuccessCallback();
@@ -557,7 +595,9 @@ describe('BucketCreate', ()=>{
             });
             renderBucketCreate();
             await fillBucketName('test-bucket');
-            await user_event.click(screen.getByLabelText(/encryption/i));
+            await user_event.click(screen.getByRole('checkbox', {
+                name: /encryption/i
+            }));
             await submitForm();
             const createSuccessCallback = mockMutations.createBucket.mock.calls[0][1].onSuccess;
             createSuccessCallback();

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

@@ -45,9 +45,15 @@ describe('BucketList', ()=>{
             buckets: mockBuckets
         });
         expect(screen.getByRole('grid')).toBeInTheDocument();
-        expect(screen.getByText('Bucket Name')).toBeInTheDocument();
-        expect(screen.getByText('Storage Location')).toBeInTheDocument();
-        expect(screen.getByText('Created on')).toBeInTheDocument();
+        expect(screen.getByRole('columnheader', {
+            name: /bucket name/i
+        })).toBeInTheDocument();
+        expect(screen.getByRole('columnheader', {
+            name: /storage location/i
+        })).toBeInTheDocument();
+        expect(screen.getByRole('columnheader', {
+            name: /created on/i
+        })).toBeInTheDocument();
     });
     it('displays buckets with their names as clickable links', ()=>{
         const onNavigateToBucket = jest.fn();
@@ -109,14 +115,16 @@ describe('BucketList', ()=>{
         });
         const searchInput = screen.getByRole('searchbox');
         expect(searchInput).toBeInTheDocument();
-        expect(searchInput).toHaveAttribute('placeholder', 'Example: Search');
+        expect(searchInput).toHaveAttribute('placeholder', 'Search');
     });
     it('handles empty buckets list', ()=>{
         renderBucketList({
             buckets: []
         });
         expect(screen.getByRole('grid')).toBeInTheDocument();
-        expect(screen.getByText('Bucket Name')).toBeInTheDocument();
+        expect(screen.getByRole('columnheader', {
+            name: /bucket name/i
+        })).toBeInTheDocument();
     });
     it('handles buckets without names gracefully', ()=>{
         const bucketsWithMissingNames = [
@@ -248,7 +256,9 @@ describe('BucketList', ()=>{
         renderBucketList({
             buckets: bucketsWithReversedDateOrder
         });
-        fireEvent.click(screen.getByText('Created on'));
+        fireEvent.click(screen.getByRole('columnheader', {
+            name: /created on/i
+        }));
         const rows = screen.getAllByRole('row');
         expect(rows[1]).toHaveTextContent('alpha-bucket');
         expect(rows[2]).toHaveTextContent('gamma-bucket');
@@ -272,7 +282,9 @@ describe('BucketList', ()=>{
         renderBucketList({
             buckets: mockBuckets
         });
-        fireEvent.click(screen.getByText('Storage Location'));
+        fireEvent.click(screen.getByRole('columnheader', {
+            name: /storage location/i
+        }));
         const rows = screen.getAllByRole('row');
         expect(rows[1]).toHaveTextContent('test-bucket-3');
         expect(rows[2]).toHaveTextContent('test-bucket-2');

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

@@ -66,11 +66,18 @@ describe('BucketNotificationFormPage', ()=>{
         it('renders create notification form with all fields', ()=>{
             renderCreatePage();
             expect(screen.getByText('Create Bucket Notification')).toBeInTheDocument();
-            expect(screen.getByLabelText(/rule name/i)).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();
+            expect(screen.getByRole('textbox', {
+                name: /rule name/i
+            })).toBeInTheDocument();
+            expect(screen.getByRole('textbox', {
+                name: /destination queue/i
+            })).toBeInTheDocument();
+            expect(screen.getByRole('textbox', {
+                name: /^prefix$/i
+            })).toBeInTheDocument();
+            expect(screen.getByRole('textbox', {
+                name: /^suffix$/i
+            })).toBeInTheDocument();
         });
         it('disables create button when form is pristine', ()=>{
             renderCreatePage();
@@ -80,7 +87,9 @@ describe('BucketNotificationFormPage', ()=>{
         });
         it('shows validation error when rule name is empty', async ()=>{
             renderCreatePage();
-            const ruleNameInput = screen.getByLabelText(/rule name/i);
+            const ruleNameInput = screen.getByRole('textbox', {
+                name: /rule name/i
+            });
             await user_event.type(ruleNameInput, 'a');
             await user_event.clear(ruleNameInput);
             await waitFor(()=>{
@@ -104,7 +113,9 @@ describe('BucketNotificationFormPage', ()=>{
                 status: 'success'
             });
             renderCreatePage();
-            const ruleNameInput = screen.getByLabelText(/rule name/i);
+            const ruleNameInput = screen.getByRole('textbox', {
+                name: /rule name/i
+            });
             await user_event.type(ruleNameInput, 'existing-rule');
             await waitFor(()=>{
                 expect(screen.getByText(/a rule with this name already exists/i)).toBeInTheDocument();
@@ -112,7 +123,9 @@ describe('BucketNotificationFormPage', ()=>{
         });
         it('shows validation error when queue ARN is invalid', async ()=>{
             renderCreatePage();
-            const queueArnInput = screen.getByLabelText(/destination queue/i);
+            const queueArnInput = screen.getByRole('textbox', {
+                name: /destination queue/i
+            });
             await user_event.type(queueArnInput, 'invalid-arn');
             await waitFor(()=>{
                 expect(screen.getByText(/must be a valid arn/i)).toBeInTheDocument();
@@ -120,8 +133,12 @@ describe('BucketNotificationFormPage', ()=>{
         });
         it('enables create button when form is valid', async ()=>{
             renderCreatePage();
-            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');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /rule name/i
+            }), 'test-rule');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /destination queue/i
+            }), 'arn:aws:sqs:us-east-1:123:queue');
             const checkbox = screen.getByRole('checkbox', {
                 name: /s3:ObjectCreated:\*/i
             });
@@ -134,13 +151,21 @@ describe('BucketNotificationFormPage', ()=>{
         });
         it('creates notification with all fields and navigates on success', async ()=>{
             renderCreatePage();
-            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');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /rule name/i
+            }), 'test-rule');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /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.getByRole('textbox', {
+                name: /^prefix$/i
+            }), 'uploads/');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /^suffix$/i
+            }), '.jpg');
             mockMutate.mockImplementation((_, options)=>{
                 options?.onSuccess?.();
             });
@@ -263,9 +288,15 @@ describe('BucketNotificationFormPage', ()=>{
         it('pre-fills form with existing rule data', async ()=>{
             renderEditPage();
             await waitFor(()=>{
-                expect(screen.getByLabelText(/destination queue/i)).toHaveValue('arn:aws:sqs:us-east-1:123:existing-queue');
-                expect(screen.getByLabelText(/prefix/i)).toHaveValue('data/');
-                expect(screen.getByLabelText(/suffix/i)).toHaveValue('.json');
+                expect(screen.getByRole('textbox', {
+                    name: /destination queue/i
+                })).toHaveValue('arn:aws:sqs:us-east-1:123:existing-queue');
+                expect(screen.getByRole('textbox', {
+                    name: /^prefix$/i
+                })).toHaveValue('data/');
+                expect(screen.getByRole('textbox', {
+                    name: /^suffix$/i
+                })).toHaveValue('.json');
             });
         });
         it('shows Save button instead of Create in edit mode', ()=>{
@@ -280,9 +311,13 @@ describe('BucketNotificationFormPage', ()=>{
         it('updates notification and navigates on success', async ()=>{
             renderEditPage();
             await waitFor(()=>{
-                expect(screen.getByLabelText(/destination queue/i)).toHaveValue('arn:aws:sqs:us-east-1:123:existing-queue');
+                expect(screen.getByRole('textbox', {
+                    name: /destination queue/i
+                })).toHaveValue('arn:aws:sqs:us-east-1:123:existing-queue');
+            });
+            const queueInput = screen.getByRole('textbox', {
+                name: /destination queue/i
             });
-            const queueInput = screen.getByLabelText(/destination queue/i);
             await user_event.clear(queueInput);
             await user_event.type(queueInput, 'arn:aws:sqs:us-east-1:123:updated-queue');
             mockMutate.mockImplementation((_, options)=>{

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

@@ -55,8 +55,12 @@ describe('BucketReplicationFormPage', ()=>{
     const mockMutate = jest.fn();
     const fillRequiredFields = async (options)=>{
         const { roleArn = 'arn:aws:iam::123456789012:role/replication-role', ruleId, targetBucket = 'destination-bucket' } = options;
-        await user_event.type(screen.getByLabelText(/role arn/i), roleArn);
-        await user_event.type(screen.getByLabelText(/rule id/i), ruleId);
+        await user_event.type(screen.getByRole('textbox', {
+            name: /role arn/i
+        }), roleArn);
+        await user_event.type(screen.getByRole('textbox', {
+            name: /rule id/i
+        }), ruleId);
         const targetBucketSelect = screen.getByLabelText(/target bucket/i);
         await user_event.click(targetBucketSelect);
         await user_event.click(screen.getByRole('option', {
@@ -147,8 +151,12 @@ describe('BucketReplicationFormPage', ()=>{
         it('displays all form sections', async ()=>{
             renderBucketReplicationFormPage();
             await waitFor(()=>{
-                expect(screen.getByLabelText(/role arn/i)).toBeInTheDocument();
-                expect(screen.getByLabelText(/rule id/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /role arn/i
+                })).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /rule id/i
+                })).toBeInTheDocument();
                 expect(screen.getByText('Replicate encrypted objects')).toBeInTheDocument();
                 expect(screen.getByText('Delete marker replication')).toBeInTheDocument();
             });
@@ -157,14 +165,20 @@ describe('BucketReplicationFormPage', ()=>{
     describe('Form Fields - Initial State', ()=>{
         it('renders required form fields in create mode', ()=>{
             renderBucketReplicationFormPage();
-            expect(screen.getByLabelText(/role arn/i)).toBeInTheDocument();
-            expect(screen.getByLabelText(/rule id/i)).toBeInTheDocument();
+            expect(screen.getByRole('textbox', {
+                name: /role arn/i
+            })).toBeInTheDocument();
+            expect(screen.getByRole('textbox', {
+                name: /rule id/i
+            })).toBeInTheDocument();
             expect(screen.getByLabelText(/status/i)).toBeInTheDocument();
             expect(screen.getByLabelText(/target bucket/i)).toBeInTheDocument();
         });
         it('shows Role ARN input when no existing rules', ()=>{
             renderBucketReplicationFormPage();
-            const roleInput = screen.getByLabelText(/role arn/i);
+            const roleInput = screen.getByRole('textbox', {
+                name: /role arn/i
+            });
             expect(roleInput).toBeInTheDocument();
             expect(roleInput.tagName).toBe('INPUT');
         });
@@ -194,7 +208,9 @@ describe('BucketReplicationFormPage', ()=>{
         });
         it('shows Rule ID input in create mode', ()=>{
             renderBucketReplicationFormPage();
-            const ruleIdInput = screen.getByLabelText(/rule id/i);
+            const ruleIdInput = screen.getByRole('textbox', {
+                name: /rule id/i
+            });
             expect(ruleIdInput).toBeInTheDocument();
             expect(ruleIdInput.tagName).toBe('INPUT');
         });
@@ -229,14 +245,18 @@ describe('BucketReplicationFormPage', ()=>{
         it('renders Status select field', async ()=>{
             renderBucketReplicationFormPage();
             await waitFor(()=>{
-                expect(screen.getByLabelText(/rule id/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /rule id/i
+                })).toBeInTheDocument();
             });
             const statusElement = document.querySelector('[id="status"]');
             expect(statusElement).toBeInTheDocument();
         });
         it('renders Priority number input with auto-assigned placeholder', ()=>{
             renderBucketReplicationFormPage();
-            const priorityInput = screen.getByLabelText(/rule priority/i);
+            const priorityInput = screen.getByRole('spinbutton', {
+                name: /rule priority/i
+            });
             expect(priorityInput).toBeInTheDocument();
             expect(priorityInput).toHaveAttribute('placeholder', 'Example: Auto-assigned: 0');
         });
@@ -255,7 +275,9 @@ describe('BucketReplicationFormPage', ()=>{
         });
         it('renders storage class select with all options', async ()=>{
             renderBucketReplicationFormPage();
-            const storageClassSelect = screen.getByLabelText(/storage class/i);
+            const storageClassSelect = screen.getByLabelText(/storage class/i, {
+                selector: 'input'
+            });
             await user_event.click(storageClassSelect);
             expect(screen.getByRole('option', {
                 name: 'Same as source'
@@ -283,7 +305,9 @@ describe('BucketReplicationFormPage', ()=>{
     describe('Form Validation', ()=>{
         it('validates Role ARN is required for first replication rule', async ()=>{
             renderBucketReplicationFormPage();
-            const roleInput = screen.getByLabelText(/role arn/i);
+            const roleInput = screen.getByRole('textbox', {
+                name: /role arn/i
+            });
             await user_event.type(roleInput, 'test');
             await user_event.clear(roleInput);
             await waitFor(()=>{
@@ -310,7 +334,9 @@ describe('BucketReplicationFormPage', ()=>{
                 status: 'success'
             });
             renderBucketReplicationFormPage();
-            await user_event.type(screen.getByLabelText(/rule id/i), 'new-rule');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /rule id/i
+            }), 'new-rule');
             const targetBucketSelect = screen.getByLabelText(/target bucket/i);
             await user_event.click(targetBucketSelect);
             await user_event.click(screen.getByRole('option', {
@@ -325,7 +351,9 @@ describe('BucketReplicationFormPage', ()=>{
         });
         it('validates Rule ID is required', async ()=>{
             renderBucketReplicationFormPage();
-            const ruleIdInput = screen.getByLabelText(/rule id/i);
+            const ruleIdInput = screen.getByRole('textbox', {
+                name: /rule id/i
+            });
             await user_event.type(ruleIdInput, 'test');
             await user_event.clear(ruleIdInput);
             await waitFor(()=>{
@@ -352,7 +380,9 @@ describe('BucketReplicationFormPage', ()=>{
                 status: 'success'
             });
             renderBucketReplicationFormPage();
-            const ruleIdInput = screen.getByLabelText(/rule id/i);
+            const ruleIdInput = screen.getByRole('textbox', {
+                name: /rule id/i
+            });
             await user_event.type(ruleIdInput, 'existing-rule');
             await waitFor(()=>{
                 expect(screen.getByText(/a rule with this id already exists/i)).toBeInTheDocument();
@@ -360,8 +390,12 @@ describe('BucketReplicationFormPage', ()=>{
         });
         it('validates Priority must be >= 0', async ()=>{
             renderBucketReplicationFormPage();
-            await user_event.type(screen.getByLabelText(/rule id/i), 'test-rule');
-            const priorityInput = screen.getByLabelText(/rule priority/i);
+            await user_event.type(screen.getByRole('textbox', {
+                name: /rule id/i
+            }), 'test-rule');
+            const priorityInput = screen.getByRole('spinbutton', {
+                name: /rule priority/i
+            });
             await user_event.clear(priorityInput);
             await user_event.type(priorityInput, '-1');
             await user_event.tab();
@@ -371,8 +405,12 @@ describe('BucketReplicationFormPage', ()=>{
         });
         it('disables submit button when Target Bucket is not selected', async ()=>{
             renderBucketReplicationFormPage();
-            await user_event.type(screen.getByLabelText(/role arn/i), 'arn:aws:iam::123456789012:role/role');
-            await user_event.type(screen.getByLabelText(/rule id/i), 'test-rule');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /role arn/i
+            }), 'arn:aws:iam::123456789012:role/role');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /rule id/i
+            }), 'test-rule');
             await waitFor(()=>{
                 const createButton = screen.getByRole('button', {
                     name: /create/i
@@ -385,7 +423,9 @@ describe('BucketReplicationFormPage', ()=>{
             const sameAccountToggle = findToggleByLabel('Same account destination');
             await user_event.click(sameAccountToggle);
             await waitFor(()=>{
-                expect(screen.getByLabelText(/target account id/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /target account id/i
+                })).toBeInTheDocument();
             });
         });
         it('shows Replica KMS Key ID field when encryptReplicatedObjects is true', async ()=>{
@@ -393,7 +433,9 @@ describe('BucketReplicationFormPage', ()=>{
             const encryptToggle = findToggleByLabel('Encrypt replicated objects');
             await user_event.click(encryptToggle);
             await waitFor(()=>{
-                expect(screen.getByLabelText(/replica kms key id/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /replica kms key id/i
+                })).toBeInTheDocument();
             });
         });
         it('shows prefix field when filterType is prefix', async ()=>{
@@ -409,7 +451,9 @@ describe('BucketReplicationFormPage', ()=>{
                 name: 'Prefix filter'
             }));
             await waitFor(()=>{
-                expect(screen.getByLabelText(/prefix/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /prefix/i
+                })).toBeInTheDocument();
             });
         });
     });
@@ -505,7 +549,9 @@ describe('BucketReplicationFormPage', ()=>{
             const sameAccountToggle = findToggleByLabel('Same account destination');
             await user_event.click(sameAccountToggle);
             await waitFor(()=>{
-                expect(screen.getByLabelText(/target account id/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /target account id/i
+                })).toBeInTheDocument();
             });
         });
         it('renders target bucket as Input for cross-account replication', async ()=>{
@@ -523,7 +569,9 @@ describe('BucketReplicationFormPage', ()=>{
             const encryptToggle = findToggleByLabel('Encrypt replicated objects');
             await user_event.click(encryptToggle);
             await waitFor(()=>{
-                expect(screen.getByLabelText(/replica kms key id/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /replica kms key id/i
+                })).toBeInTheDocument();
             });
         });
     });
@@ -556,9 +604,15 @@ describe('BucketReplicationFormPage', ()=>{
         });
         it('submits complete replication rule with all optional fields', async ()=>{
             renderBucketReplicationFormPage();
-            await user_event.type(screen.getByLabelText(/role arn/i), 'arn:aws:iam::123456789012:role/replication-role');
-            await user_event.type(screen.getByLabelText(/rule id/i), 'complete-rule');
-            await user_event.type(screen.getByLabelText(/rule priority/i), '5');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /role arn/i
+            }), 'arn:aws:iam::123456789012:role/replication-role');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /rule id/i
+            }), 'complete-rule');
+            await user_event.type(screen.getByRole('spinbutton', {
+                name: /rule priority/i
+            }), '5');
             const filterSelect = document.querySelector('[id="filterType"]');
             await user_event.click(filterSelect);
             await waitFor(()=>{
@@ -570,15 +624,23 @@ describe('BucketReplicationFormPage', ()=>{
                 name: 'Prefix filter'
             }));
             await waitFor(()=>{
-                expect(screen.getByLabelText(/prefix/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /prefix/i
+                })).toBeInTheDocument();
             });
-            await user_event.type(screen.getByLabelText(/prefix/i), 'logs/');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /prefix/i
+            }), 'logs/');
             const sameAccountToggle = findToggleByLabel('Same account destination');
             await user_event.click(sameAccountToggle);
             await waitFor(()=>{
-                expect(screen.getByLabelText(/target account id/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /target account id/i
+                })).toBeInTheDocument();
             });
-            await user_event.type(screen.getByLabelText(/target account id/i), '987654321098');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /target account id/i
+            }), '987654321098');
             await user_event.type(screen.getByLabelText(/target bucket/i), 'cross-account-bucket');
             const storageClassSelect = document.querySelector('[id="storageClass"]');
             await user_event.click(storageClassSelect);
@@ -595,9 +657,13 @@ describe('BucketReplicationFormPage', ()=>{
             const includeEncryptedToggle = findToggleByLabel('Replicate encrypted objects');
             await user_event.click(includeEncryptedToggle);
             await waitFor(()=>{
-                expect(screen.getByLabelText(/replica kms key id/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /replica kms key id/i
+                })).toBeInTheDocument();
             });
-            await user_event.type(screen.getByLabelText(/replica kms key id/i), 'arn:aws:kms:us-east-1:987654321098:key/12345678-1234-1234-1234-123456789012');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /replica kms key id/i
+            }), 'arn:aws:kms:us-east-1:987654321098:key/12345678-1234-1234-1234-123456789012');
             const enforceRTCToggle = findToggleByLabel('Replication Time Control (RTC)');
             await user_event.click(enforceRTCToggle);
             const replicaModToggle = findToggleByLabel('Replica modification sync');
@@ -674,7 +740,9 @@ describe('BucketReplicationFormPage', ()=>{
                 status: 'success'
             });
             renderBucketReplicationFormPage();
-            await user_event.type(screen.getByLabelText(/rule id/i), 'new-rule');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /rule id/i
+            }), 'new-rule');
             const targetBucketSelect = screen.getByLabelText(/target bucket/i);
             await user_event.click(targetBucketSelect);
             await user_event.click(screen.getByRole('option', {
@@ -753,7 +821,9 @@ describe('BucketReplicationFormPage', ()=>{
         });
         it('disables submit button when form is invalid', async ()=>{
             renderBucketReplicationFormPage();
-            await user_event.type(screen.getByLabelText(/rule id/i), 'test');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /rule id/i
+            }), 'test');
             await waitFor(()=>{
                 const createButton = screen.getByRole('button', {
                     name: /create/i
@@ -1033,7 +1103,9 @@ describe('BucketReplicationFormPage', ()=>{
             });
             renderBucketReplicationFormPage('test-bucket', 'prefix-rule');
             await waitFor(()=>{
-                const prefixInput = screen.getByLabelText(/prefix/i);
+                const prefixInput = screen.getByRole('textbox', {
+                    name: /prefix/i
+                });
                 expect(prefixInput).toHaveValue('documents/');
             });
         });
@@ -1106,7 +1178,9 @@ describe('BucketReplicationFormPage', ()=>{
             });
             renderBucketReplicationFormPage('test-bucket', 'and-rule');
             await waitFor(()=>{
-                const prefixInput = screen.getByLabelText(/prefix/i);
+                const prefixInput = screen.getByRole('textbox', {
+                    name: /prefix/i
+                });
                 expect(prefixInput).toHaveValue('logs/');
                 expect(screen.getByDisplayValue('type')).toBeInTheDocument();
                 expect(screen.getByDisplayValue('audit')).toBeInTheDocument();
@@ -1172,7 +1246,9 @@ describe('BucketReplicationFormPage', ()=>{
             await waitFor(()=>{
                 const encryptReplicatedToggle = findToggleByLabel('Encrypt replicated objects');
                 expect(encryptReplicatedToggle).toBeChecked();
-                const kmsKeyInput = screen.getByLabelText(/replica kms key id/i);
+                const kmsKeyInput = screen.getByRole('textbox', {
+                    name: /replica kms key id/i
+                });
                 expect(kmsKeyInput).toHaveValue('arn:aws:kms:us-east-1:123456789012:key/12345');
             });
         });
@@ -1300,7 +1376,9 @@ describe('BucketReplicationFormPage', ()=>{
             await waitFor(()=>{
                 const sameAccountToggle = screen.getByText(/not same account destination/i);
                 expect(sameAccountToggle).toBeInTheDocument();
-                const accountIdInput = screen.getByLabelText(/target account id/i);
+                const accountIdInput = screen.getByRole('textbox', {
+                    name: /target account id/i
+                });
                 expect(accountIdInput).toHaveValue('987654321098');
                 const targetBucketInput = screen.getByLabelText(/target bucket/i);
                 expect(targetBucketInput).toHaveValue('cross-account-bucket');
@@ -1359,7 +1437,9 @@ describe('BucketReplicationFormPage', ()=>{
             });
             renderBucketReplicationFormPage('test-bucket', 'storage-class-rule');
             await waitFor(()=>{
-                const storageClassSelect = screen.getByLabelText(/storage class/i);
+                const storageClassSelect = screen.getByLabelText(/storage class/i, {
+                    selector: 'input'
+                });
                 expect(storageClassSelect).toBeInTheDocument();
             });
         });
@@ -1385,7 +1465,9 @@ describe('BucketReplicationFormPage', ()=>{
             });
             renderBucketReplicationFormPage('test-bucket', 'priority-rule');
             await waitFor(()=>{
-                const priorityInput = screen.getByLabelText(/rule priority/i);
+                const priorityInput = screen.getByRole('spinbutton', {
+                    name: /rule priority/i
+                });
                 expect(priorityInput).toHaveValue(99);
             });
         });
@@ -1393,7 +1475,9 @@ describe('BucketReplicationFormPage', ()=>{
     describe('Priority Auto-assignment', ()=>{
         it('auto-assigns priority 0 when no existing rules', ()=>{
             renderBucketReplicationFormPage();
-            const priorityInput = screen.getByLabelText(/rule priority/i);
+            const priorityInput = screen.getByRole('spinbutton', {
+                name: /rule priority/i
+            });
             expect(priorityInput).toHaveAttribute('placeholder', 'Example: Auto-assigned: 0');
         });
         it('auto-assigns next available priority when rules exist', ()=>{
@@ -1424,19 +1508,27 @@ describe('BucketReplicationFormPage', ()=>{
                 status: 'success'
             });
             renderBucketReplicationFormPage();
-            const priorityInput = screen.getByLabelText(/rule priority/i);
+            const priorityInput = screen.getByRole('spinbutton', {
+                name: /rule priority/i
+            });
             expect(priorityInput).toHaveAttribute('placeholder', 'Example: Auto-assigned: 11');
         });
         it('allows manual priority override', async ()=>{
             renderBucketReplicationFormPage();
-            const priorityInput = screen.getByLabelText(/rule priority/i);
+            const priorityInput = screen.getByRole('spinbutton', {
+                name: /rule priority/i
+            });
             await user_event.type(priorityInput, '25');
             expect(priorityInput).toHaveValue(25);
         });
         it('accepts empty priority and defaults to 0 on submit', async ()=>{
             renderBucketReplicationFormPage();
-            await user_event.type(screen.getByLabelText(/role arn/i), 'arn:aws:iam::123456789012:role/role');
-            await user_event.type(screen.getByLabelText(/rule id/i), 'no-priority-rule');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /role arn/i
+            }), 'arn:aws:iam::123456789012:role/role');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /rule id/i
+            }), 'no-priority-rule');
             const targetBucketSelect = screen.getByLabelText(/target bucket/i);
             await user_event.click(targetBucketSelect);
             await user_event.click(screen.getByRole('option', {
@@ -1520,8 +1612,12 @@ describe('BucketReplicationFormPage', ()=>{
                 isPending: true
             });
             renderBucketReplicationFormPage();
-            await user_event.type(screen.getByLabelText(/role arn/i), 'arn:aws:iam::123456789012:role/role');
-            await user_event.type(screen.getByLabelText(/rule id/i), 'test-rule');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /role arn/i
+            }), 'arn:aws:iam::123456789012:role/role');
+            await user_event.type(screen.getByRole('textbox', {
+                name: /rule id/i
+            }), 'test-rule');
             const targetBucketSelect = screen.getByLabelText(/target bucket/i);
             await user_event.click(targetBucketSelect);
             await user_event.click(screen.getByRole('option', {
@@ -1619,7 +1715,9 @@ describe('BucketReplicationFormPage', ()=>{
             });
             renderBucketReplicationFormPage('test-bucket', 'no-priority');
             await waitFor(()=>{
-                const priorityInput = screen.getByLabelText(/rule priority/i);
+                const priorityInput = screen.getByRole('spinbutton', {
+                    name: /rule priority/i
+                });
                 expect(priorityInput).toHaveValue(null);
             });
         });
@@ -1645,7 +1743,9 @@ describe('BucketReplicationFormPage', ()=>{
             });
             renderBucketReplicationFormPage('test-bucket', 'no-storage-class');
             await waitFor(()=>{
-                const storageClassSelect = screen.getByLabelText(/storage class/i);
+                const storageClassSelect = screen.getByLabelText(/storage class/i, {
+                    selector: 'input'
+                });
                 expect(storageClassSelect).toBeInTheDocument();
             });
         });
@@ -1654,7 +1754,9 @@ describe('BucketReplicationFormPage', ()=>{
         it('accepts Rule ID with reasonable length', async ()=>{
             renderBucketReplicationFormPage();
             const longRuleId = 'rule-name-with-many-segments-' + 'segment-'.repeat(10);
-            const ruleIdInput = screen.getByLabelText(/rule id/i);
+            const ruleIdInput = screen.getByRole('textbox', {
+                name: /rule id/i
+            });
             await user_event.type(ruleIdInput, longRuleId);
             await waitFor(()=>{
                 expect(ruleIdInput).toHaveValue(longRuleId);
@@ -1663,7 +1765,9 @@ describe('BucketReplicationFormPage', ()=>{
         it('handles special characters in Rule ID', async ()=>{
             renderBucketReplicationFormPage();
             const validSpecialChars = 'rule-name_with.special-chars_123';
-            const ruleIdInput = screen.getByLabelText(/rule id/i);
+            const ruleIdInput = screen.getByRole('textbox', {
+                name: /rule id/i
+            });
             await user_event.type(ruleIdInput, validSpecialChars);
             await user_event.tab();
             await waitFor(()=>{
@@ -1672,8 +1776,12 @@ describe('BucketReplicationFormPage', ()=>{
         });
         it('validates Priority with boundary values', async ()=>{
             renderBucketReplicationFormPage();
-            await user_event.type(screen.getByLabelText(/rule id/i), 'boundary-test');
-            const priorityInput = screen.getByLabelText(/rule priority/i);
+            await user_event.type(screen.getByRole('textbox', {
+                name: /rule id/i
+            }), 'boundary-test');
+            const priorityInput = screen.getByRole('spinbutton', {
+                name: /rule priority/i
+            });
             await user_event.clear(priorityInput);
             await user_event.type(priorityInput, '0');
             await user_event.tab();
@@ -1700,10 +1808,14 @@ describe('BucketReplicationFormPage', ()=>{
                 name: 'Prefix filter'
             }));
             await waitFor(()=>{
-                expect(screen.getByLabelText(/prefix/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /prefix/i
+                })).toBeInTheDocument();
             });
             const longPrefix = 'logs/' + 'a'.repeat(100);
-            const prefixInput = screen.getByLabelText(/prefix/i);
+            const prefixInput = screen.getByRole('textbox', {
+                name: /prefix/i
+            });
             await user_event.type(prefixInput, longPrefix);
             await waitFor(()=>{
                 expect(prefixInput).toHaveValue(longPrefix);
@@ -1711,7 +1823,9 @@ describe('BucketReplicationFormPage', ()=>{
         });
         it('accepts valid Role ARN format', async ()=>{
             renderBucketReplicationFormPage();
-            const roleArnInput = screen.getByLabelText(/role arn/i);
+            const roleArnInput = screen.getByRole('textbox', {
+                name: /role arn/i
+            });
             await user_event.type(roleArnInput, 'arn:aws:iam::123456789012:role/replication-role');
             await user_event.tab();
             await waitFor(()=>{
@@ -1723,9 +1837,13 @@ describe('BucketReplicationFormPage', ()=>{
             const sameAccountToggle = findToggleByLabel('Same account destination');
             await user_event.click(sameAccountToggle);
             await waitFor(()=>{
-                expect(screen.getByLabelText(/target account id/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /target account id/i
+                })).toBeInTheDocument();
+            });
+            const accountIdInput = screen.getByRole('textbox', {
+                name: /target account id/i
             });
-            const accountIdInput = screen.getByLabelText(/target account id/i);
             await user_event.type(accountIdInput, '123456789012');
             await user_event.tab();
             await waitFor(()=>{
@@ -1744,9 +1862,13 @@ describe('BucketReplicationFormPage', ()=>{
             const encryptToggle = findToggleByLabel('Encrypt replicated objects');
             await user_event.click(encryptToggle);
             await waitFor(()=>{
-                expect(screen.getByLabelText(/replica kms key id/i)).toBeInTheDocument();
+                expect(screen.getByRole('textbox', {
+                    name: /replica kms key id/i
+                })).toBeInTheDocument();
+            });
+            const kmsKeyInput = screen.getByRole('textbox', {
+                name: /replica kms key id/i
             });
-            const kmsKeyInput = screen.getByLabelText(/replica kms key id/i);
             const validKmsArn = 'arn:aws:kms:us-east-1:123456789012:key/12345678-1234-1234-1234-123456789012';
             await user_event.type(kmsKeyInput, validKmsArn);
             await waitFor(()=>{

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

@@ -47,27 +47,33 @@ describe('MetadataSearch', ()=>{
         await user_event.type(input, 'test query');
         expect(searchButton).toBeEnabled();
     });
-    it('shows search icon by default', ()=>{
+    it('shows search icon by default', async ()=>{
         renderMetadataSearch();
-        const input = getInput();
-        const searchIcon = input.parentElement?.querySelector('[aria-label*="Search"]');
-        expect(searchIcon).toBeInTheDocument();
+        await waitFor(()=>{
+            expect(screen.getByRole('img', {
+                hidden: true
+            })).toBeInTheDocument();
+        });
     });
-    it('shows check icon when metadata search is active', ()=>{
+    it('shows check icon when metadata search is active', async ()=>{
         renderMetadataSearch({}, [
             '/bucket/test-bucket?metadatasearch=test'
         ]);
-        const input = getInput();
-        const checkIcon = input.parentElement?.querySelector('[aria-label*="Check"]');
-        expect(checkIcon).toBeInTheDocument();
+        await waitFor(()=>{
+            expect(screen.getByRole('img', {
+                hidden: true
+            })).toBeInTheDocument();
+        });
     });
-    it('shows error icon when error prop is true', ()=>{
+    it('shows error icon when error prop is true', async ()=>{
         renderMetadataSearch({
             isError: true
         });
-        const input = getInput();
-        const errorIcon = input.parentElement?.querySelector('[aria-label*="Close"]');
-        expect(errorIcon).toBeInTheDocument();
+        await waitFor(()=>{
+            expect(screen.getByRole('img', {
+                hidden: true
+            })).toBeInTheDocument();
+        });
     });
     it('populates input with existing search query from URL', ()=>{
         renderMetadataSearch({}, [

package/dist/components/objects/ObjectLock/__tests__/ObjectLockSettings.test.js

@@ -59,7 +59,9 @@ describe('ObjectLockSettings', ()=>{
         await waitFor(()=>{
             expect(screen.getByText('Object-lock settings')).toBeInTheDocument();
         });
-        expect(screen.getByLabelText(/object-lock/i)).toBeInTheDocument();
+        expect(screen.getByRole('checkbox', {
+            name: /object-lock/i
+        })).toBeInTheDocument();
     });
     it('disables save button when Object Lock is not enabled', async ()=>{
         renderObjectLockSettings();
@@ -81,9 +83,15 @@ describe('ObjectLockSettings', ()=>{
         });
         renderObjectLockSettings();
         await waitFor(()=>{
-            expect(screen.getByText('Default Retention')).toBeInTheDocument();
-            expect(screen.getByText('Retention mode')).toBeInTheDocument();
-            expect(screen.getByText('Retention period')).toBeInTheDocument();
+            expect(screen.getByRole('checkbox', {
+                name: /default retention/i
+            })).toBeInTheDocument();
+            expect(screen.getByRole('radio', {
+                name: /governance/i
+            })).toBeInTheDocument();
+            expect(screen.getByRole('spinbutton', {
+                name: /retention period/i
+            })).toBeInTheDocument();
         }, {
             timeout: 3000
         });
@@ -118,13 +126,19 @@ describe('ObjectLockSettings', ()=>{
         });
         renderObjectLockSettings();
         await waitFor(()=>{
-            expect(screen.getByText('Default Retention')).toBeInTheDocument();
+            expect(screen.getByRole('checkbox', {
+                name: /default retention/i
+            })).toBeInTheDocument();
+        });
+        const defaultRetentionCheckbox = screen.getByRole('checkbox', {
+            name: /default retention/i
         });
-        const defaultRetentionCheckbox = screen.getByLabelText(/default retention/i);
         expect(defaultRetentionCheckbox).not.toBeChecked();
         fireEvent.click(defaultRetentionCheckbox);
         await waitFor(()=>{
-            const governanceRadio = screen.getByLabelText(/governance/i);
+            const governanceRadio = screen.getByRole('radio', {
+                name: /governance/i
+            });
             expect(governanceRadio).not.toBeDisabled();
         }, {
             timeout: 3000
@@ -147,11 +161,15 @@ describe('ObjectLockSettings', ()=>{
         });
         renderObjectLockSettings();
         await waitFor(()=>{
-            const defaultRetentionCheckbox = screen.getByLabelText(/default retention/i);
+            const defaultRetentionCheckbox = screen.getByRole('checkbox', {
+                name: /default retention/i
+            });
             fireEvent.click(defaultRetentionCheckbox);
         });
         await waitFor(()=>{
-            const governanceRadio = screen.getByLabelText(/governance/i);
+            const governanceRadio = screen.getByRole('radio', {
+                name: /governance/i
+            });
             expect(governanceRadio).toBeDisabled();
         });
     });
@@ -166,15 +184,23 @@ describe('ObjectLockSettings', ()=>{
         });
         renderObjectLockSettings();
         await waitFor(()=>{
-            expect(screen.getByText('Default Retention')).toBeInTheDocument();
+            expect(screen.getByRole('checkbox', {
+                name: /default retention/i
+            })).toBeInTheDocument();
+        });
+        const defaultRetentionCheckbox = screen.getByRole('checkbox', {
+            name: /default retention/i
         });
-        const defaultRetentionCheckbox = screen.getByLabelText(/default retention/i);
         fireEvent.click(defaultRetentionCheckbox);
         await waitFor(()=>{
-            const retentionPeriodInput = screen.getByLabelText(/retention period/i);
+            const retentionPeriodInput = screen.getByRole('spinbutton', {
+                name: /retention period/i
+            });
             expect(retentionPeriodInput).toBeInTheDocument();
         });
-        const retentionPeriodInput = screen.getByLabelText(/retention period/i);
+        const retentionPeriodInput = screen.getByRole('spinbutton', {
+            name: /retention period/i
+        });
         await user_event.clear(retentionPeriodInput);
         await user_event.type(retentionPeriodInput, '0');
         await waitFor(()=>{
@@ -197,18 +223,28 @@ describe('ObjectLockSettings', ()=>{
         });
         renderObjectLockSettings();
         await waitFor(()=>{
-            expect(screen.getByText('Default Retention')).toBeInTheDocument();
+            expect(screen.getByRole('checkbox', {
+                name: /default retention/i
+            })).toBeInTheDocument();
+        });
+        const defaultRetentionCheckbox = screen.getByRole('checkbox', {
+            name: /default retention/i
         });
-        const defaultRetentionCheckbox = screen.getByLabelText(/default retention/i);
         fireEvent.click(defaultRetentionCheckbox);
         await waitFor(()=>{
-            const retentionPeriodInput = screen.getByLabelText(/retention period/i);
+            const retentionPeriodInput = screen.getByRole('spinbutton', {
+                name: /retention period/i
+            });
             expect(retentionPeriodInput).toBeInTheDocument();
         });
-        const retentionPeriodInput = screen.getByLabelText(/retention period/i);
+        const retentionPeriodInput = screen.getByRole('spinbutton', {
+            name: /retention period/i
+        });
         await user_event.clear(retentionPeriodInput);
         await user_event.type(retentionPeriodInput, '30');
-        const governanceRadio = screen.getByLabelText(/governance/i);
+        const governanceRadio = screen.getByRole('radio', {
+            name: /governance/i
+        });
         fireEvent.click(governanceRadio);
         mockMutate.mockImplementation((_, options)=>{
             options?.onSuccess?.();
@@ -241,15 +277,23 @@ describe('ObjectLockSettings', ()=>{
         });
         renderObjectLockSettings();
         await waitFor(()=>{
-            expect(screen.getByText('Default Retention')).toBeInTheDocument();
+            expect(screen.getByRole('checkbox', {
+                name: /default retention/i
+            })).toBeInTheDocument();
+        });
+        const defaultRetentionCheckbox = screen.getByRole('checkbox', {
+            name: /default retention/i
         });
-        const defaultRetentionCheckbox = screen.getByLabelText(/default retention/i);
         fireEvent.click(defaultRetentionCheckbox);
         await waitFor(()=>{
-            const retentionPeriodInput = screen.getByLabelText(/retention period/i);
+            const retentionPeriodInput = screen.getByRole('spinbutton', {
+                name: /retention period/i
+            });
             expect(retentionPeriodInput).toBeInTheDocument();
         });
-        const retentionPeriodInput = screen.getByLabelText(/retention period/i);
+        const retentionPeriodInput = screen.getByRole('spinbutton', {
+            name: /retention period/i
+        });
         await user_event.clear(retentionPeriodInput);
         await user_event.type(retentionPeriodInput, '2');
         mockMutate.mockImplementation((_, options)=>{
@@ -361,14 +405,22 @@ describe('ObjectLockSettings', ()=>{
         });
         renderObjectLockSettings();
         await waitFor(()=>{
-            const objectLockCheckbox = screen.getByLabelText(/object-lock/i);
+            const objectLockCheckbox = screen.getByRole('checkbox', {
+                name: /object-lock/i
+            });
             expect(objectLockCheckbox).toBeChecked();
         });
-        const defaultRetentionCheckbox = screen.getByLabelText(/default retention/i);
+        const defaultRetentionCheckbox = screen.getByRole('checkbox', {
+            name: /default retention/i
+        });
         expect(defaultRetentionCheckbox).toBeChecked();
-        const complianceRadio = screen.getByLabelText(/compliance/i);
+        const complianceRadio = screen.getByRole('radio', {
+            name: /compliance/i
+        });
         expect(complianceRadio).toBeChecked();
-        const retentionPeriodInput = screen.getByLabelText(/retention period/i);
+        const retentionPeriodInput = screen.getByRole('spinbutton', {
+            name: /retention period/i
+        });
         expect(retentionPeriodInput).toHaveValue(60);
     });
 });

package/dist/config/__tests__/factory.test.js

@@ -212,7 +212,9 @@ describe('s3RuntimeConfigSchema', ()=>{
                     endpoint: 'https://s3.amazonaws.com',
                     region: 'us-east-1',
                     forcePathStyle: true
-                }
+                },
+                allowCustomEndpoint: true,
+                allowSessionToken: true
             };
             const { error } = s3RuntimeConfigSchema.validate(config);
             expect(error).toBeUndefined();
@@ -282,6 +284,32 @@ describe('s3RuntimeConfigSchema', ()=>{
             expect(error).toBeDefined();
             expect(error?.message).toContain('boolean');
         });
+        it('should reject config with wrong type for allowCustomEndpoint', ()=>{
+            const config = {
+                s3: {
+                    region: 'us-east-1'
+                },
+                allowCustomEndpoint: 'yes'
+            };
+            const { error } = s3RuntimeConfigSchema.validate(config, {
+                convert: false
+            });
+            expect(error).toBeDefined();
+            expect(error?.message).toContain('boolean');
+        });
+        it('should reject config with wrong type for allowSessionToken', ()=>{
+            const config = {
+                s3: {
+                    region: 'us-east-1'
+                },
+                allowSessionToken: 'yes'
+            };
+            const { error } = s3RuntimeConfigSchema.validate(config, {
+                convert: false
+            });
+            expect(error).toBeDefined();
+            expect(error?.message).toContain('boolean');
+        });
     });
     describe('Schema behavior', ()=>{
         it('should return all validation errors when abortEarly is false', ()=>{

package/dist/config/factory.d.ts

@@ -5,6 +5,8 @@ export type S3RuntimeConfig = {
         region: string;
         forcePathStyle?: boolean;
     };
+    allowCustomEndpoint?: boolean;
+    allowSessionToken?: boolean;
 };
 export declare const s3RuntimeConfigSchema: Joi.ObjectSchema<any>;
 /**

package/dist/config/factory.js

@@ -4,7 +4,9 @@ const s3RuntimeConfigSchema = joi.object({
         endpoint: joi.string().optional().allow('origin'),
         region: joi.string().min(1).required(),
         forcePathStyle: joi.boolean().optional()
-    }).required()
+    }).required(),
+    allowCustomEndpoint: joi.boolean().optional(),
+    allowSessionToken: joi.boolean().optional()
 });
 async function loadRuntimeConfig(configUrl) {
     const response = await fetch(configUrl);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scality/data-browser-library",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "A modular React component library for browsing S3 buckets and objects",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -40,10 +40,11 @@
     "react-hook-form": "^7.48.0"
   },
   "peerDependencies": {
-    "@scality/core-ui": "0.194.0",
+    "@scality/core-ui": ">=0.197.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "react-router-dom": ">=6.0.0",
+    "react-router": ">=7.1.3",
+    "react-router-dom": ">=7.1.3",
     "styled-components": "^5.0.0"
   },
   "devDependencies": {