e2e(storage-browser): add tests for upload pagination (#6635)

Author: bobbor

packages/e2e/cypress/integration/common/shared.ts

@@ -460,6 +460,16 @@ Then('the {string} button is disabled', (name: string) => {
   }).should('be.disabled');
 });
 
+Then('the {string} button is enabled', (name: string) => {
+  cy.findByRole('button', {
+    name: new RegExp(`^${escapeRegExp(name)}$`, 'i'),
+  }).should('not.be.disabled');
+});
+
+Then('the table should have {string} rows', (value: string) => {
+  cy.get('table').find('tbody tr').should('have.length', value);
+});
+
 Then('the {string} field is invalid', (name: string) => {
   cy.findInputField(name)
     .then(($el) => $el.get(0).checkValidity())

packages/e2e/features/ui/components/storage/storage-browser/action-menu.feature

@@ -106,6 +106,38 @@ Feature: Create folder with Storage Browser
     Then I see "All files deleted"
 
   @react
+  Scenario: upload a lot of files with pagination
+    When I click the first button containing "public"
+    Then I see the "Menu Toggle" button
+    When I click the "Menu Toggle" button
+    # upload file
+    Then I see the "Upload" menuitem
+    When I click the "Upload" menuitem
+    Then the "Upload" button is disabled
+    When I upload "250" files with random names
+    Then I see "Not started"
+    And the table should have "100" rows
+    And I see the "Go to page 2" button
+    And the "Go to page 2" button is enabled
+    And I see the "Go to page 3" button
+    And the "Go to page 3" button is enabled
+    And the "Go to next page" button is enabled
+    And the "Go to previous page" button is disabled
+    When I click the "Go to page 2" button
+    Then I see the "Go to page 1" button
+    And the table should have "100" rows
+    And the "Go to page 1" button is enabled
+    And the "Go to next page" button is enabled
+    And I see the "Go to page 3" button
+    And the "Go to previous page" button is enabled
+    When I click the "Go to page 3" button
+    Then the table should have "50" rows
+    And I see the "Go to page 1" button
+    And the "Go to page 1" button is enabled
+    And I see the "Go to page 2" button
+    And the "Go to page 2" button is enabled
+    And the "Go to next page" button is disabled
+  @react
   Scenario: upload a folder
     When I click the first button containing "public"
     Then I see the "Menu Toggle" button
@@ -189,4 +221,4 @@ Feature: Create folder with Storage Browser
       Then I click the "Download" menuitem
       When A network failure occurs
       Then I click the "Download" button
-      Then I see "All files failed to download"
+      Then I see "All files failed to download"