chore(storage-browser): add e2e test for offline Create folder action

packages/e2e/cypress/integration/ui/components/storage/storage-browser/create-folder/create-folder.steps.ts

@@ -0,0 +1,12 @@
+import { When } from '@badeball/cypress-cucumber-preprocessor';
+import { escapeRegExp } from 'lodash';
+
+When('I click the "Create Folder" button while offline', () => {
+  cy.intercept('', (req) => {
+    req.destroy();
+  });
+
+  cy.findByRole('button', {
+    name: new RegExp(`^${escapeRegExp('Create Folder')}$`, 'i'),
+  }).click();
+});

packages/e2e/features/ui/components/storage/storage-browser/create-folder.feature

@@ -38,3 +38,19 @@ Feature: Create folder with Storage Browser
     When I type a new "Enter folder name:" with value "Blackberry/"
     When I lose focus on "Enter folder name:" input
     Then I see "Folder name must be at least one character and cannot contain a \"/\"."
+
+@react
+ Scenario: Create folder shows a Network error if offline
+    When I type my "email" with status "CONFIRMED"
+    Then I type my password
+    Then I click the "Sign in" button
+    When I click the button containing "public"
+    Then I see the "Actions" button
+    When I click the "Actions" button
+    Then I see the "Create Folder" menuitem
+    Then I click the "Create Folder" menuitem
+    Then I see "Enter folder name:"
+    Then I type a new "Enter folder name:" with value "Blackberry/"
+    When I click the "Create Folder" button while offline
+    Then I see "Network Error"
+

packages/react-storage/src/components/StorageBrowser/views/LocationDetailView/Controls.tsx

@@ -78,7 +78,9 @@ export const LocationDetailViewControls = (): React.JSX.Element => {
   const [state] = useControl('NAVIGATE');
   const { path } = state;
 
-  const [{ data, isLoading, hasError }, handleList] = useAction('LIST_LOCATION_ITEMS');
+  const [{ data, isLoading, hasError }, handleList] = useAction(
+    'LIST_LOCATION_ITEMS'
+  );
   const [, handleLocationActionsState] = useControl('LOCATION_ACTIONS');
 
   const { result, nextToken } = data;

packages/react-storage/src/components/StorageBrowser/views/LocationDetailView/__tests__/LocationDetailView.spec.tsx

@@ -145,7 +145,7 @@ describe('LocationDetailView', () => {
       hasError: true,
       message: errorMessage,
       result: [{ key: 'test1', type: 'FOLDER' }],
-      nextToken: 'some-token'
+      nextToken: 'some-token',
     });
 
     render(