test: fix flaky access-control bulk delete tests failing due to timing issues (#15692)

### What?

Fixed access-control e2e tests that check bulk delete button visibility
based on trash permissions.

<img width="1739" height="764" alt="Screenshot 2026-02-19 at 12 48
33 PM"
src="https://github.com/user-attachments/assets/a70a2e0b-a2fe-4fc0-b47f-f2097eca0021"
/>

### Why?

Tests were selecting rows via checkbox then immediately expecting the
bulk delete button to appear. In slower environments (especially CI),
the bulk selection UI hadn't rendered yet, causing assertions to fail.

### How?

- Target the actual checkbox input instead of the wrapper element
- Use `.check()` instead of `.click()` for reliable checkbox interaction
- Wait for checkbox to be checked and bulk selection UI to show "1
selected"

Author: PatrikKozak

test/access-control/e2e.spec.ts

@@ -2212,11 +2212,16 @@ describe('Access Control', () => {
             await expect(page.locator('.table tbody tr').first()).toBeVisible()
 
             // Select a row
-            const checkbox = page.locator('.table tbody tr .select-row__checkbox').first()
-            await checkbox.click()
+            const checkbox = page
+              .locator('.table tbody tr .select-row__checkbox input[type=checkbox]')
+              .first()
+            await checkbox.check()
+            await expect(checkbox).toBeChecked()
+
+            await expect(page.locator('.list-selection')).toContainText('1 selected')
 
             // Delete button should be visible in bulk actions
-            const deleteButton = page.locator('.list-selection button', { hasText: 'Delete' })
+            const deleteButton = page.locator('.list-selection__button[aria-label="Delete"]')
             await expect(deleteButton).toBeVisible()
           })
         })
@@ -2250,11 +2255,16 @@ describe('Access Control', () => {
             await expect(page.locator('.table tbody tr').first()).toBeVisible()
 
             // Select a row
-            const checkbox = page.locator('.table tbody tr .select-row__checkbox').first()
-            await checkbox.click()
+            const checkbox = page
+              .locator('.table tbody tr .select-row__checkbox input[type=checkbox]')
+              .first()
+            await checkbox.check()
+            await expect(checkbox).toBeChecked()
+
+            await expect(page.locator('.list-selection')).toContainText('1 selected')
 
             // Delete button should be visible because user can trash (even if they can't permanently delete)
-            const deleteButton = page.locator('.list-selection button', { hasText: 'Delete' })
+            const deleteButton = page.locator('.list-selection__button[aria-label="Delete"]')
             await expect(deleteButton).toBeVisible()
           })
 
@@ -2271,10 +2281,15 @@ describe('Access Control', () => {
             await expect(page.locator('.table tbody tr').first()).toBeVisible()
 
             // Select a row
-            const checkbox = page.locator('.table tbody tr .select-row__checkbox').first()
-            await checkbox.click()
+            const checkbox = page
+              .locator('.table tbody tr .select-row__checkbox input[type=checkbox]')
+              .first()
+            await checkbox.check()
+            await expect(checkbox).toBeChecked()
 
-            const deleteButton = page.locator('.list-selection button', { hasText: 'Delete' })
+            await expect(page.locator('.list-selection')).toContainText('1 selected')
+
+            const deleteButton = page.locator('.list-selection__button[aria-label="Delete"]')
             await expect(deleteButton).toBeVisible()
             await deleteButton.click()
 
@@ -2316,11 +2331,16 @@ describe('Access Control', () => {
             await expect(page.locator('.table tbody tr').first()).toBeVisible()
 
             // Select a row
-            const checkbox = page.locator('.table tbody tr .select-row__checkbox').first()
-            await checkbox.click()
+            const checkbox = page
+              .locator('.table tbody tr .select-row__checkbox input[type=checkbox]')
+              .first()
+            await checkbox.check()
+            await expect(checkbox).toBeChecked()
+
+            await expect(page.locator('.list-selection')).toContainText('1 selected')
 
             // Delete button should be visible for admin
-            const deleteButton = page.locator('.list-selection button', { hasText: 'Delete' })
+            const deleteButton = page.locator('.list-selection__button[aria-label="Delete"]')
             await expect(deleteButton).toBeVisible()
           })
         })
@@ -2354,11 +2374,16 @@ describe('Access Control', () => {
             await expect(page.locator('.table tbody tr').first()).toBeVisible()
 
             // Select a row
-            const checkbox = page.locator('.table tbody tr .select-row__checkbox').first()
-            await checkbox.click()
+            const checkbox = page
+              .locator('.table tbody tr .select-row__checkbox input[type=checkbox]')
+              .first()
+            await checkbox.check()
+            await expect(checkbox).toBeChecked()
+
+            await expect(page.locator('.list-selection')).toContainText('1 selected')
 
             // Delete button should NOT be visible because user cannot trash or permanently delete
-            const deleteButton = page.locator('.list-selection button', { hasText: 'Delete' })
+            const deleteButton = page.locator('.list-selection__button[aria-label="Delete"]')
             await expect(deleteButton).toBeHidden()
           })
         })
@@ -2407,11 +2432,16 @@ describe('Access Control', () => {
             await expect(page.locator('.table tbody tr').first()).toBeVisible()
 
             // Select a row
-            const checkbox = page.locator('.table tbody tr .select-row__checkbox').first()
-            await checkbox.click()
+            const checkbox = page
+              .locator('.table tbody tr .select-row__checkbox input[type=checkbox]')
+              .first()
+            await checkbox.check()
+            await expect(checkbox).toBeChecked()
+
+            await expect(page.locator('.list-selection')).toContainText('1 selected')
 
             // Delete button should be visible for admin (they can permanently delete)
-            const deleteButton = page.locator('.list-selection button', { hasText: 'Delete' })
+            const deleteButton = page.locator('.list-selection__button[aria-label="Delete"]')
             await expect(deleteButton).toBeVisible()
           })
         })
@@ -2450,12 +2480,17 @@ describe('Access Control', () => {
             await expect(page.locator('.table tbody tr').first()).toBeVisible()
 
             // Select a row
-            const checkbox = page.locator('.table tbody tr .select-row__checkbox').first()
-            await checkbox.click()
+            const checkbox = page
+              .locator('.table tbody tr .select-row__checkbox input[type=checkbox]')
+              .first()
+            await checkbox.check()
+            await expect(checkbox).toBeChecked()
+
+            await expect(page.locator('.list-selection')).toContainText('1 selected')
 
             // Delete button should NOT be visible in trash view because
             // regular users can only trash (soft delete), not permanently delete
-            const deleteButton = page.locator('.list-selection button', { hasText: 'Delete' })
+            const deleteButton = page.locator('.list-selection__button[aria-label="Delete"]')
             await expect(deleteButton).toBeHidden()
           })
         })