MMT-3554: As a user, I want to be able to download publish record

static/src/js/components/PublishPreview/PublishPreview.jsx

@@ -22,6 +22,7 @@ import Page from '../Page/Page'
 import useAppContext from '../../hooks/useAppContext'
 import useIngestDraftMutation from '../../hooks/useIngestDraftMutation'
 import removeMetadataKeys from '../../utils/removeMetadataKeys'
+import constructDownloadableFile from '../../utils/constructDownloadableFile'
 
 /**
  * Renders a PublishPreview component
@@ -122,6 +123,13 @@ const PublishPreview = () => {
     ingestMutation(derivedConceptType, ummMetadata, cloneNativeId, providerId)
   }
 
+  // Handles the user selecting download record
+  const handleDownload = () => {
+    const contents = JSON.stringify(ummMetadata)
+
+    constructDownloadableFile(contents, conceptId)
+  }
+
   // Handles the user selecting delete from the delete model
   const handleDelete = () => {
     deleteMutation({
@@ -180,6 +188,7 @@ const PublishPreview = () => {
     <Page>
       <Row>
         <Col className="mb-5" md={12}>
+          {/* Edit Publish record link */}
           <Button
             className="btn btn-link"
             type="button"
@@ -196,6 +205,7 @@ const PublishPreview = () => {
             {' '}
             Record
           </Button>
+          {/* Clone Publish record link */}
           <Button
             className="btn btn-link"
             type="button"
@@ -212,6 +222,24 @@ const PublishPreview = () => {
             {' '}
             Record
           </Button>
+          {/* Download Publish record link */}
+          <Button
+            className="btn btn-link"
+            type="button"
+            variant="link"
+            onClick={
+              () => {
+                handleDownload()
+              }
+            }
+          >
+            Download
+            {' '}
+            {derivedConceptType}
+            {' '}
+            Record
+          </Button>
+          {/* Delete Publish record button */}
           <Button
             type="button"
             variant="outline-danger"

static/src/js/components/PublishPreview/__tests__/PublishPreview.test.js

@@ -14,10 +14,12 @@ import MetadataPreview from '../../MetadataPreview/MetadataPreview'
 import PublishPreview from '../PublishPreview'
 import errorLogger from '../../../utils/errorLogger'
 import ErrorBanner from '../../ErrorBanner/ErrorBanner'
+import constructDownloadableFile from '../../../utils/constructDownloadableFile'
 import { GET_TOOL } from '../../../operations/queries/getTool'
 import { DELETE_TOOL } from '../../../operations/mutations/deleteTool'
 import { INGEST_DRAFT } from '../../../operations/mutations/ingestDraft'
 
+jest.mock('../../../utils/constructDownloadableFile')
 jest.mock('../../MetadataPreview/MetadataPreview')
 jest.mock('../../ErrorBanner/ErrorBanner')
 jest.mock('../../../utils/errorLogger')
@@ -489,4 +491,23 @@ describe('PublishPreview', () => {
       expect(navigateSpy).toHaveBeenCalledWith('/drafts/tools/TD1000000-MMT')
     })
   })
+
+  describe('when clicking on Download Tool Record button', () => {
+    test('downloads the Tool Record', async () => {
+      const { user } = setup({})
+
+      await waitForResponse()
+
+      const downloadButton = screen.getByRole('button', { name: 'Download Tool Record' })
+      await user.click(downloadButton)
+
+      await waitForResponse()
+
+      expect(constructDownloadableFile).toHaveBeenCalledTimes(1)
+      expect(constructDownloadableFile).toHaveBeenCalledWith(
+        JSON.stringify(mock.ummMetadata, null, 2),
+        'T1000000-MMT'
+      )
+    })
+  })
 })