test: add tests

graasp · Dec 11, 2024 · 3d3f485 · 3d3f485
1 parent f3f253c
commit 3d3f485
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 3 deletions.
diff --git a/cypress/e2e/map/map.cy.ts b/cypress/e2e/map/map.cy.ts
@@ -0,0 +1,30 @@
+// /map is used by the mobile application to display the map and have access to its feature
+import { MAP_ITEMS_PATH } from '@/config/paths';
+import {
+  CREATE_ITEM_FOLDER_ID,
+  FOLDER_FORM_DESCRIPTION_ID,
+  buildMapViewId,
+} from '@/config/selectors';
+
+describe('Map', () => {
+  it('open create folder modal on Home', () => {
+    cy.setUpApi();
+    cy.visit(MAP_ITEMS_PATH);
+
+    // home id
+    cy.get(`#${buildMapViewId(undefined)}`).should('be.visible');
+
+    // select a country
+    cy.get(`#${buildMapViewId(undefined)} input`).click();
+    cy.get(`#${buildMapViewId(undefined)} [role="presentation"]`).click();
+
+    // open location button
+    cy.get(`#${buildMapViewId(undefined)}`).click();
+    cy.get(`#${buildMapViewId(undefined)} img[role="button"]`).click();
+    cy.get(`[data-testid="AddLocationAltIcon"]`).click();
+
+    // open folder form
+    cy.get(`#${CREATE_ITEM_FOLDER_ID}`).click();
+    cy.get(`#${FOLDER_FORM_DESCRIPTION_ID}`).should('be.visible');
+  });
+});
diff --git a/cypress/support/createUtils.ts b/cypress/support/createUtils.ts
@@ -6,6 +6,7 @@ import {
 } from '@graasp/sdk';
 
 import {
+  ADD_FOLDER_BUTTON_CY,
   CREATE_ITEM_APP_ID,
   CREATE_ITEM_BUTTON_ID,
   CREATE_ITEM_CLOSE_BUTTON_ID,
@@ -16,6 +17,7 @@ import {
   DASHBOARD_UPLOADER_ID,
   H5P_DASHBOARD_UPLOADER_ID,
   ZIP_DASHBOARD_UPLOADER_ID,
+  buildDataCyWrapper,
 } from '../../src/config/selectors';
 import { InternalItemType } from '../../src/config/types';
 import { ZIPInternalItem } from '../fixtures/files';
@@ -43,7 +45,7 @@ export const createFolder = (
   payload: { name?: string; description?: string },
   options?: { confirm?: boolean },
 ): void => {
-  cy.get(`#${CREATE_ITEM_BUTTON_ID}`).click({ force: true });
+  cy.get(buildDataCyWrapper(ADD_FOLDER_BUTTON_CY)).click({ force: true });
   cy.fillFolderModal(payload, options);
 };
 

diff --git a/src/components/item/form/folder/NewFolderButton.tsx b/src/components/item/form/folder/NewFolderButton.tsx
@@ -7,6 +7,7 @@ import { FolderPlus } from 'lucide-react';
 
 import useModalStatus from '@/components/hooks/useModalStatus';
 import { useBuilderTranslation } from '@/config/i18n';
+import { ADD_FOLDER_BUTTON_CY } from '@/config/selectors';
 import { BUILDER } from '@/langs/constants';
 
 import { FolderCreateForm } from './FolderCreateForm';
@@ -50,9 +51,10 @@ export const NewFolderButton = ({
         </IconButton>
       ) : (
         <Button
+          dataCy={ADD_FOLDER_BUTTON_CY}
           onClick={handleClickOpen}
           color="primary"
-          aria-label="add"
+          aria-label="add-folder"
           startIcon={<FolderPlus />}
           size={size}
           data-umami-event="new-folder-button"

diff --git a/src/config/selectors.ts b/src/config/selectors.ts
@@ -60,7 +60,7 @@ export const buildFileItemId = (id: string): string => `file-${id}`;
 export const ITEM_PANEL_ID = 'itemPanelMetadata';
 export const ITEM_PANEL_NAME_ID = 'itemPanelName';
 export const ITEM_PANEL_TABLE_ID = 'itemPanelTable';
-export const CREATE_ITEM_FOLDER_ID = 'createItemSpace';
+export const CREATE_ITEM_FOLDER_ID = 'createItemFolder';
 export const CREATE_ITEM_LINK_ID = 'createItemLink';
 export const CREATE_ITEM_FILE_ID = 'createItemFile';
 export const ITEM_FORM_LINK_INPUT_ID = 'itemFormLinkInput';
@@ -451,3 +451,4 @@ export const MEMBERSHIP_REQUEST_REJECT_BUTTON_SELECTOR =
 export const ENROLL_BUTTON_SELECTOR = 'enrollButton';
 export const VISIBILITY_HIDDEN_ALERT_ID = 'visibilityHiddenAlert';
 export const SHARE_ITEM_CANCEL_BUTTON_CY = 'shareItemCancelButton';
+export const ADD_FOLDER_BUTTON_CY = 'addFolder';