[Storage] Add and delete s3 key test (#2241)

* add and delete a storage api key test

* fix navigate to api keys page in mobile context

* add and delete s3 key

packages/storage-ui/cypress/tests/api-keys-management.cy.ts

@@ -34,6 +34,32 @@ describe("Main Navigation", () => {
       apiKeysPage.deleteMenuOption().click()
       apiKeysPage.apiKeyIdCell().should("not.exist")
     })
+
+    it("can add and delete a s3 api key", () => {
+      // go to api keys section
+      navigationMenu.apiKeysNavButton().click()
+
+      // add new s3 api key
+      apiKeysPage.addS3KeyButton().click()
+      newKeyModal.secretLabel().should("be.visible")
+      newKeyModal.keyIdLabel().invoke("text").as("keyId")
+      newKeyModal.closeButton().click()
+
+      // ensure new key modal is closed and api key button is enabled
+      newKeyModal.secretLabel().should("not.exist")
+      apiKeysPage.addS3KeyButton().should("be.enabled")
+
+      // ensure key id and status are correct in the table
+      cy.get<string>("@keyId").then((keyId) => {
+        apiKeysPage.apiKeyIdCell().should("have.text", keyId)
+      })
+      apiKeysPage.apiKeyTypeCell().should("have.text", "s3")
+
+      // delete s3 key
+      apiKeysPage.apiKeyRowKebabButton().click()
+      apiKeysPage.deleteMenuOption().click()
+      apiKeysPage.apiKeyIdCell().should("not.exist")
+    })
   })
 
 })