feat: add multi op for home, recycle bin, folder screens

cypress/e2e/item/bookmarks/bookmarks.cy.ts

@@ -47,7 +47,7 @@ describe('Bookmarked Item', () => {
     });
 
     it('Show empty table', () => {
-      i18n.changeLanguage(CURRENT_USER.extra.lang as string);
+      i18n.changeLanguage(CURRENT_USER.extra.lang);
       const text = i18n.t(BUILDER.BOOKMARKS_NO_ITEM, { ns: BUILDER_NAMESPACE });
       cy.get(`#${BOOKMARKED_ITEMS_ID}`).should('contain', text);
     });
@@ -59,7 +59,7 @@ describe('Bookmarked Item', () => {
         items: [...ITEMS, NON_BOOKMARKED_ITEM],
         bookmarkedItems: BOOKMARKED_ITEMS,
       });
-      i18n.changeLanguage(CURRENT_USER.extra.lang as string);
+      i18n.changeLanguage(CURRENT_USER.extra.lang);
       cy.visit(BOOKMARKED_ITEMS_PATH);
     });
 

cypress/e2e/item/copy/copy.cy.ts

@@ -5,12 +5,24 @@ import {
 
 import { HOME_PATH, buildItemPath } from '../../../../src/config/paths';
 import {
+  COPY_MANY_ITEMS_BUTTON_SELECTOR,
   ITEM_MENU_COPY_BUTTON_CLASS,
   MY_GRAASP_ITEM_PATH,
   buildItemCard,
   buildItemsGridMoreButtonSelector,
 } from '../../../../src/config/selectors';
 
+const copyItems = ({
+  toItemPath,
+  rootId,
+}: {
+  toItemPath: string;
+  rootId?: string;
+}) => {
+  cy.get(COPY_MANY_ITEMS_BUTTON_SELECTOR).click();
+  cy.handleTreeMenu(toItemPath, rootId);
+};
+
 const copyItem = ({
   id,
   toItemPath,
@@ -82,4 +94,90 @@ describe('Copy Item', () => {
       expect(url).to.contain(id);
     });
   });
+
+  it('copy many items on Home', () => {
+    const folders = [
+      PackedFolderItemFactory(),
+      PackedFolderItemFactory(),
+      PackedFolderItemFactory(),
+    ];
+    cy.setUpApi({
+      items: folders,
+    });
+
+    // go to children item
+    cy.visit('/');
+
+    folders.forEach((item) => {
+      cy.selectItem(item.id);
+    });
+
+    // copy on home
+    copyItems({ toItemPath: '' });
+
+    cy.wait('@copyItems').then(({ request: { url } }) => {
+      folders.forEach((item) => {
+        expect(url).to.contain(item.id);
+      });
+    });
+  });
+
+  it('copy many items from Home to folder', () => {
+    const folders = [
+      PackedFolderItemFactory(),
+      PackedFolderItemFactory(),
+      PackedFolderItemFactory(),
+    ];
+    const toItem = PackedFolderItemFactory();
+    cy.setUpApi({
+      items: [...folders, toItem],
+    });
+
+    // go to children item
+    cy.visit('/');
+
+    folders.forEach((item) => {
+      cy.selectItem(item.id);
+    });
+
+    // copy on home
+    copyItems({ toItemPath: toItem.path });
+
+    cy.wait('@copyItems').then(({ request: { url, body } }) => {
+      expect(body.parentId).to.eq(toItem.id);
+      folders.forEach((item) => {
+        expect(url).to.contain(item.id);
+      });
+    });
+  });
+
+  it('copy many items from folder to folder', () => {
+    const parentItem = PackedFolderItemFactory();
+    const folders = [
+      PackedFolderItemFactory({ parentItem }),
+      PackedFolderItemFactory({ parentItem }),
+      PackedFolderItemFactory({ parentItem }),
+    ];
+    const toItem = PackedFolderItemFactory();
+    cy.setUpApi({
+      items: [...folders, parentItem, toItem],
+    });
+
+    // go to children item
+    cy.visit(buildItemPath(parentItem.id));
+
+    folders.forEach((item) => {
+      cy.selectItem(item.id);
+    });
+
+    // copy on home
+    copyItems({ toItemPath: toItem.path });
+
+    cy.wait('@copyItems').then(({ request: { url, body } }) => {
+      expect(body.parentId).to.eq(toItem.id);
+      folders.forEach((item) => {
+        expect(url).to.contain(item.id);
+      });
+    });
+  });
 });

cypress/e2e/item/move/moveItem.cy.ts → cypress/e2e/item/move/move.cy.ts

@@ -6,6 +6,7 @@ import {
 import { HOME_PATH, buildItemPath } from '../../../../src/config/paths';
 import {
   ITEM_MENU_MOVE_BUTTON_CLASS,
+  MOVE_MANY_ITEMS_BUTTON_SELECTOR,
   MY_GRAASP_ITEM_PATH,
   buildItemsGridMoreButtonSelector,
   buildNavigationModalItemId,
@@ -24,6 +25,17 @@ const openMoveModal = ({ id: movedItemId }: { id: string }) => {
   cy.get(`.${ITEM_MENU_MOVE_BUTTON_CLASS}`).click();
 };
 
+const moveItems = ({
+  toItemPath,
+  rootId,
+}: {
+  toItemPath: string;
+  rootId?: string;
+}) => {
+  cy.get(MOVE_MANY_ITEMS_BUTTON_SELECTOR).click();
+  cy.handleTreeMenu(toItemPath, rootId);
+};
+
 const moveItem = ({
   id: movedItemId,
   toItemPath,
@@ -37,7 +49,7 @@ const moveItem = ({
   cy.handleTreeMenu(toItemPath, rootId);
 };
 
-describe('Move Item', () => {
+describe('Move Items', () => {
   it('move item on Home', () => {
     cy.setUpApi({ items });
     cy.visit(HOME_PATH);
@@ -118,4 +130,90 @@ describe('Move Item', () => {
       expect(url).to.contain(movedItem);
     });
   });
+
+  it('move many items from Home to folder', () => {
+    const folders = [
+      PackedFolderItemFactory(),
+      PackedFolderItemFactory(),
+      PackedFolderItemFactory(),
+    ];
+    const toItem = PackedFolderItemFactory();
+    cy.setUpApi({
+      items: [...folders, toItem],
+    });
+
+    // go to children item
+    cy.visit('/');
+
+    folders.forEach((item) => {
+      cy.selectItem(item.id);
+    });
+
+    moveItems({ toItemPath: toItem.path });
+
+    cy.wait('@moveItems').then(({ request: { url, body } }) => {
+      expect(body.parentId).to.eq(toItem.id);
+      folders.forEach((item) => {
+        expect(url).to.contain(item.id);
+      });
+    });
+  });
+
+  it('move many items from folder to folder', () => {
+    const parentItem = PackedFolderItemFactory();
+    const folders = [
+      PackedFolderItemFactory({ parentItem }),
+      PackedFolderItemFactory({ parentItem }),
+      PackedFolderItemFactory({ parentItem }),
+    ];
+    const toItem = PackedFolderItemFactory();
+    cy.setUpApi({
+      items: [...folders, parentItem, toItem],
+    });
+
+    // go to children item
+    cy.visit(buildItemPath(parentItem.id));
+
+    folders.forEach((item) => {
+      cy.selectItem(item.id);
+    });
+
+    moveItems({ toItemPath: toItem.path });
+
+    cy.wait('@moveItems').then(({ request: { url, body } }) => {
+      expect(body.parentId).to.eq(toItem.id);
+      folders.forEach((item) => {
+        expect(url).to.contain(item.id);
+      });
+    });
+  });
+
+  it('move many items from folder to Home', () => {
+    const parentItem = PackedFolderItemFactory();
+    const folders = [
+      PackedFolderItemFactory({ parentItem }),
+      PackedFolderItemFactory({ parentItem }),
+      PackedFolderItemFactory({ parentItem }),
+    ];
+    cy.setUpApi({
+      items: [...folders, parentItem],
+    });
+
+    // go to children item
+    cy.visit(buildItemPath(parentItem.id));
+
+    folders.forEach((item) => {
+      cy.selectItem(item.id);
+    });
+
+    moveItems({ toItemPath: '' });
+
+    cy.wait('@moveItems').then(({ request: { url, body } }) => {
+      // eslint-disable-next-line no-unused-expressions
+      expect(body.parentId).to.be.undefined;
+      folders.forEach((item) => {
+        expect(url).to.contain(item.id);
+      });
+    });
+  });
 });

cypress/e2e/item/trash/deleteItem.cy.ts → cypress/e2e/item/trash/delete.cy.ts

@@ -3,6 +3,7 @@ import { PackedRecycledItemDataFactory } from '@graasp/sdk';
 import { RECYCLE_BIN_PATH } from '../../../../src/config/paths';
 import {
   CONFIRM_DELETE_BUTTON_ID,
+  RECYCLE_BIN_DELETE_MANY_ITEMS_BUTTON_ID,
   buildItemCard,
 } from '../../../../src/config/selectors';
 
@@ -11,18 +12,26 @@ const deleteItem = (id: string) => {
   cy.get(`#${CONFIRM_DELETE_BUTTON_ID}`).click();
 };
 
-describe('Delete Item', () => {
-  it('delete item', () => {
-    const recycledItemData = [
-      PackedRecycledItemDataFactory(),
-      PackedRecycledItemDataFactory(),
-    ];
+const deleteItems = () => {
+  cy.get(`#${RECYCLE_BIN_DELETE_MANY_ITEMS_BUTTON_ID}`).click();
+  cy.get(`#${CONFIRM_DELETE_BUTTON_ID}`).click();
+};
+
+const recycledItemData = [
+  PackedRecycledItemDataFactory(),
+  PackedRecycledItemDataFactory(),
+];
+
+describe('Delete Items', () => {
+  beforeEach(() => {
     cy.setUpApi({
       items: recycledItemData.map(({ item }) => item),
       recycledItemData,
     });
     cy.visit(RECYCLE_BIN_PATH);
+  });
 
+  it('delete item', () => {
     const { id } = recycledItemData[0].item;
 
     // delete
@@ -32,4 +41,18 @@ describe('Delete Item', () => {
     });
     cy.wait('@getRecycledItems');
   });
+
+  it('delete many items', () => {
+    recycledItemData.forEach(({ item }) => {
+      cy.selectItem(item.id);
+    });
+
+    deleteItems();
+
+    cy.wait('@deleteItems').then(({ request: { url } }) => {
+      recycledItemData.forEach(({ item }) => {
+        expect(url).to.contain(item.id);
+      });
+    });
+  });
 });