implement delete vfolder test

lablup · Dec 6, 2023 · f77af2f · f77af2f
1 parent a88a633
commit f77af2f
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 2 deletions.
diff --git a/cypress/commands/DataPage.cy.ts b/cypress/commands/DataPage.cy.ts
@@ -3,14 +3,36 @@ import {findShadowRoot} from '../helper/FindShadowRoot.cy';
 Cypress.Commands.add('createVfolder', (vfolderName: string) => {
   findShadowRoot('backend-ai-webui').find('#data').click();
   cy.wait(400);
-  const createVfolderDialog = findShadowRoot('backend-ai-webui > backend-ai-data-view').find('#add-folder');
+  const createDialogOpenButton = findShadowRoot('backend-ai-webui > backend-ai-data-view').find('#add-folder');
   const vfolderNameInput = findShadowRoot('backend-ai-webui > backend-ai-data-view > #add-folder-name').find('input');
   const createButton = findShadowRoot('backend-ai-webui > backend-ai-data-view').find('#add-button');
-  createVfolderDialog.click();
+  createDialogOpenButton.click();
   vfolderNameInput.type(vfolderName);
   createButton.click();
   cy.wait(5000);
   findShadowRoot('backend-ai-webui > backend-ai-data-view > backend-ai-storage-list')
     .find(`#controls[folder-name=${vfolderName}]`)
     .should('exist');
+});
+
+Cypress.Commands.add('deleteVfolder', (vfolderName: string) => {
+  findShadowRoot('backend-ai-webui').find('#data').click();
+  cy.wait(400);
+  const deleteDialogOpenButton = 
+    findShadowRoot('backend-ai-webui > backend-ai-data-view > backend-ai-storage-list')
+      .find(`#controls[folder-name=${vfolderName}]`)
+      .find('mwc-icon-button[icon="delete"]');
+  const deleteVfolderNameInput = 
+    findShadowRoot(
+      'backend-ai-webui > backend-ai-data-view > backend-ai-storage-list > #delete-folder-name'
+    ).find('input');
+  const deleteButton = 
+    findShadowRoot('backend-ai-webui > backend-ai-data-view > backend-ai-storage-list')
+      .find('#delete-button');
+  deleteDialogOpenButton.click();
+  deleteVfolderNameInput.type(vfolderName);
+  deleteButton.click();
+  findShadowRoot('backend-ai-webui > backend-ai-data-view > backend-ai-storage-list')
+    .find(`lablup-shields[folder-name=${vfolderName}][description="deleted-complete"]`)
+    .should('exist');
 });
diff --git a/cypress/e2e/e2eTest.cy.ts b/cypress/e2e/e2eTest.cy.ts
@@ -12,5 +12,6 @@ describe('Initial cypress E2E test', () => {
     cy.login('[email protected]', 'test123!', 'http://127.0.0.1:8090');
     cy.wait(400);
     cy.createVfolder('test-e2eTest');
+    cy.deleteVfolder('test-e2eTest');
   });
 });
diff --git a/src/components/backend-ai-storage-list.ts b/src/components/backend-ai-storage-list.ts
@@ -1792,6 +1792,7 @@ export default class BackendAiStorageList extends BackendAIPage {
         <lablup-shields
           app=""
           color="${color}"
+          folder-name="${rowData.item.name}"
           description="${rowData.item.status}"
           ui="flat"
         ></lablup-shields>