test: add unit tests

IQSS · Nov 21, 2024 · 8206ad6 · 8206ad6
1 parent a3c9982
commit 8206ad6
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 5 deletions.
diff --git a/src/sections/shared/social-share-modal/SocialShareModal.tsx b/src/sections/shared/social-share-modal/SocialShareModal.tsx
@@ -3,8 +3,6 @@ import { Button, Modal, Stack } from '@iqss/dataverse-design-system'
 import { Facebook, Linkedin, TwitterX } from 'react-bootstrap-icons'
 import styles from './SocialShareModal.module.scss'
 
-// TODO:ME - Add component test to check url is correct
-
 export const LINKEDIN_SHARE_URL = 'https://www.linkedin.com/shareArticle?url='
 export const X_SHARE_URL = 'https://x.com/intent/post?url='
 export const FACEBOOK_SHARE_URL = 'https://www.facebook.com/sharer/sharer.php?u='

diff --git a/tests/component/sections/collection/Collection.spec.tsx b/tests/component/sections/collection/Collection.spec.tsx
@@ -182,7 +182,7 @@ describe('Collection page', () => {
     cy.mountAuthenticated(
       <Collection
         collectionRepository={collectionRepository}
-        collectionId="collection"
+        collectionIdFromParams="collection"
         created={false}
         published={false}
         collectionQueryParams={{ pageQuery: 1 }}
@@ -196,4 +196,27 @@ describe('Collection page', () => {
     cy.findByRole('button', { name: /Cancel/i }).click()
     cy.findByText('Publish Collection').should('not.exist')
   })
+
+  it('opens and close the share collection modal', () => {
+    cy.viewport(1200, 800)
+
+    cy.mountAuthenticated(
+      <Collection
+        collectionRepository={collectionRepository}
+        collectionIdFromParams="collection"
+        created={false}
+        published={false}
+        collectionQueryParams={{ pageQuery: 1 }}
+      />
+    )
+    cy.findByRole('button', { name: /Share/i }).should('exist')
+
+    cy.findByRole('button', { name: /Share/i }).click()
+    cy.findByText('Share this collection on your favorite social media networks.').should('exist')
+
+    cy.findAllByRole('button', { name: /Close/i }).last().click()
+    cy.findByText('Share this collection on your favorite social media networks.').should(
+      'not.exist'
+    )
+  })
 })
diff --git a/tests/component/sections/dataset/dataset-action-buttons/DatasetActionButtons.spec.tsx b/tests/component/sections/dataset/dataset-action-buttons/DatasetActionButtons.spec.tsx
@@ -1,3 +1,4 @@
+import { CollectionRepository } from '@/collection/domain/repositories/CollectionRepository'
 import { DatasetRepository } from '../../../../../src/dataset/domain/repositories/DatasetRepository'
 import { FileSizeUnit } from '../../../../../src/files/domain/models/FileMetadata'
 import { DatasetActionButtons } from '../../../../../src/sections/dataset/dataset-action-buttons/DatasetActionButtons'
@@ -10,6 +11,8 @@ import {
 
 const datasetRepository: DatasetRepository = {} as DatasetRepository
 
+const collectionRepository = {} as CollectionRepository
+
 describe('DatasetActionButtons', () => {
   it('renders the DatasetActionButtons with the Publish button', () => {
     const dataset = DatasetMother.create({
@@ -21,7 +24,11 @@ describe('DatasetActionButtons', () => {
     })
 
     cy.mountAuthenticated(
-      <DatasetActionButtons dataset={dataset} datasetRepository={datasetRepository} />
+      <DatasetActionButtons
+        dataset={dataset}
+        datasetRepository={datasetRepository}
+        collectionRepository={collectionRepository}
+      />
     )
 
     cy.findByRole('group', { name: 'Dataset Action Buttons' }).should('exist')
@@ -45,7 +52,11 @@ describe('DatasetActionButtons', () => {
     })
 
     cy.mountAuthenticated(
-      <DatasetActionButtons dataset={dataset} datasetRepository={datasetRepository} />
+      <DatasetActionButtons
+        dataset={dataset}
+        datasetRepository={datasetRepository}
+        collectionRepository={collectionRepository}
+      />
     )
 
     cy.findByRole('group', { name: 'Dataset Action Buttons' }).should('exist')

diff --git a/.../sections/dataset/dataset-action-buttons/share-dataset-button/ShareDatasetButton.spec.tsx b/.../sections/dataset/dataset-action-buttons/share-dataset-button/ShareDatasetButton.spec.tsx
@@ -0,0 +1,16 @@
+import { ShareDatasetButton } from '@/sections/dataset/dataset-action-buttons/share-dataset-button/ShareDatasetButton'
+
+describe('ShareDatasetButton', () => {
+  it('opens and close the share dataset modal', () => {
+    cy.viewport(1200, 800)
+
+    cy.mountAuthenticated(<ShareDatasetButton />)
+    cy.findByRole('button', { name: /Share/i }).should('exist')
+
+    cy.findByRole('button', { name: /Share/i }).click()
+    cy.findByText('Share this dataset on your favorite social media networks.').should('exist')
+
+    cy.findAllByRole('button', { name: /Close/i }).last().click()
+    cy.findByText('Share this dataset on your favorite social media networks.').should('not.exist')
+  })
+})
diff --git a/tests/component/sections/shared/social-share-modal/SocialShareModal.spec.tsx b/tests/component/sections/shared/social-share-modal/SocialShareModal.spec.tsx
@@ -0,0 +1,19 @@
+import { SocialShareModal } from '@/sections/shared/social-share-modal/SocialShareModal'
+
+describe('SocialShareModal', () => {
+  it('should render the component title, help text and 3 social links', () => {
+    cy.mount(
+      <SocialShareModal
+        show={true}
+        title="The Title"
+        helpText="The Help Text"
+        shareUrl="shareUrl"
+        handleClose={() => {}}
+      />
+    )
+
+    cy.findByText('The Title').should('exist')
+    cy.findByText('The Help Text').should('exist')
+    cy.get('a').should('have.length', 3)
+  })
+})