7169979505

Committed 11 Dec 2023 03:41PM UTC coverage: 98.429% (+0.1%) from 98.295%

Build # 7169979505

Build Type

Pull #254

github

Committed by

MellyGray

Commit Message

feat(IntegrationMultipleFileDownload): add e2e test

Pull Request Pull Request #254: 221 - Integration multiple files download

Run Details

432 of 445 branches covered (0.0%)

Branch coverage included in aggregate %.

23 of 23 new or added lines in 3 files covered. (100.0%)

2 existing lines in 1 file now uncovered.

1385 of 1401 relevant lines covered (98.86%)

3729.85 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

91.89

/src/sections/dataset/dataset-files/files-table/file-actions/download-files/DownloadFilesButton.tsx

import { File, FileDownloadMode } from '../../../../../../files/domain/models/File'
import { useDataset } from '../../../../DatasetContext'
import { Button, DropdownButton, DropdownButtonItem } from '@iqss/dataverse-design-system'
import { Download } from 'react-bootstrap-icons'
import styles from './DownloadFilesButton.module.scss'
import { useTranslation } from 'react-i18next'
import { FileSelection } from '../../row-selection/useFileSelection'
import { NoSelectedFilesModal } from '../no-selected-files-modal/NoSelectedFilesModal'
import { MouseEvent, useState } from 'react'
import { useMultipleFileDownload } from '../../../../../file/multiple-file-download/MultipleFileDownloadContext'

interface DownloadFilesButtonProps {
  files: File[]
  fileSelection: FileSelection
}

const MINIMUM_FILES_COUNT_TO_SHOW_DOWNLOAD_FILES_BUTTON = 1
const SELECTED_FILES_EMPTY = 0
export function DownloadFilesButton({ files, fileSelection }: DownloadFilesButtonProps) {
  const { t } = useTranslation('files')
  const { dataset } = useDataset()
  const [showNoFilesSelectedModal, setShowNoFilesSelectedModal] = useState(false)
  const { getMultipleFileDownloadUrl } = useMultipleFileDownload()
  const onClick = (event: MouseEvent<HTMLButtonElement>) => {
    if (Object.keys(fileSelection).length === SELECTED_FILES_EMPTY) {
      event.preventDefault()
      setShowNoFilesSelectedModal(true)
    }
  }
  const getDownloadUrl = (downloadMode: FileDownloadMode): string => {
    const allFilesSelected = Object.values(fileSelection).some((file) => file === undefined)
    if (allFilesSelected) {
      return dataset ? dataset.downloadUrls[downloadMode] : ''
    }

    return getMultipleFileDownloadUrl(getFileIdsFromSelection(fileSelection), downloadMode)
  }

  if (
    files.length < MINIMUM_FILES_COUNT_TO_SHOW_DOWNLOAD_FILES_BUTTON ||
    !dataset?.permissions.canDownloadFiles
  ) {
    return <></>
  }

  if (dataset.hasOneTabularFileAtLeast) {
    return (
      <>
        <DropdownButton
          id="download-files"
          icon={<Download className={styles.icon} />}
          title={t('actions.downloadFiles.title')}
          variant="secondary"
          withSpacing>
          <DropdownButtonItem onClick={onClick} href={getDownloadUrl(FileDownloadMode.ORIGINAL)}>
            {t('actions.downloadFiles.options.original')}
          </DropdownButtonItem>
          <DropdownButtonItem onClick={onClick} href={getDownloadUrl(FileDownloadMode.ARCHIVAL)}>
            {t('actions.downloadFiles.options.archival')}
          </DropdownButtonItem>
        </DropdownButton>
        <NoSelectedFilesModal
          show={showNoFilesSelectedModal}
          handleClose={() => setShowNoFilesSelectedModal(false)}
        />
      </>
    )
  }

  return (
    <>
      <a href={getDownloadUrl(FileDownloadMode.ORIGINAL)}>
        <Button
          variant="secondary"
          icon={<Download className={styles.icon} />}
          withSpacing
          onClick={onClick}>
          {t('actions.downloadFiles.title')}
        </Button>
      </a>
      <NoSelectedFilesModal
        show={showNoFilesSelectedModal}
        handleClose={() => setShowNoFilesSelectedModal(false)}
      />
    </>
  )
}

const getFileIdsFromSelection = (fileSelection: FileSelection): number[] => {
  return Object.values(fileSelection)
    .filter((file): file is File => file !== undefined)
    .map((file) => file.id)
}

1	import { File, FileDownloadMode } from '../../../../../../files/domain/models/File'
2	import { useDataset } from '../../../../DatasetContext'
3	import { Button, DropdownButton, DropdownButtonItem } from '@iqss/dataverse-design-system'
4	import { Download } from 'react-bootstrap-icons'
5	import styles from './DownloadFilesButton.module.scss'
6	import { useTranslation } from 'react-i18next'
7	import { FileSelection } from '../../row-selection/useFileSelection'
8	import { NoSelectedFilesModal } from '../no-selected-files-modal/NoSelectedFilesModal'
9	import { MouseEvent, useState } from 'react'
10	import { useMultipleFileDownload } from '../../../../../file/multiple-file-download/MultipleFileDownloadContext'
11
12	interface DownloadFilesButtonProps {
13	files: File[]
14	fileSelection: FileSelection
15	}
16
17	const MINIMUM_FILES_COUNT_TO_SHOW_DOWNLOAD_FILES_BUTTON = 1	54✔
18	const SELECTED_FILES_EMPTY = 0	54✔
19	export function DownloadFilesButton({ files, fileSelection }: DownloadFilesButtonProps) {	3,756✔
20	const { t } = useTranslation('files')	3,756✔
21	const { dataset } = useDataset()	3,746✔
22	const [showNoFilesSelectedModal, setShowNoFilesSelectedModal] = useState(false)	3,746✔
23	const { getMultipleFileDownloadUrl } = useMultipleFileDownload()	3,746✔
24	const onClick = (event: MouseEvent<HTMLButtonElement>) => {	3,746✔
25	if (Object.keys(fileSelection).length === SELECTED_FILES_EMPTY) {	11✔
26	event.preventDefault()	11✔
27	setShowNoFilesSelectedModal(true)	11✔
28	}
29	}
30	const getDownloadUrl = (downloadMode: FileDownloadMode): string => {	3,746✔
31	const allFilesSelected = Object.values(fileSelection).some((file) => file === undefined)	82✔
32	if (allFilesSelected) {	82✔
33	return dataset ? dataset.downloadUrls[downloadMode] : ''	4!
34	}
35
36	return getMultipleFileDownloadUrl(getFileIdsFromSelection(fileSelection), downloadMode)	78✔
37	}
38
39	if (	3,746✔
40	files.length < MINIMUM_FILES_COUNT_TO_SHOW_DOWNLOAD_FILES_BUTTON \|\|	7,364✔
41	!dataset?.permissions.canDownloadFiles
42	) {
43	return <></>	3,687✔
44	}
45
46	if (dataset.hasOneTabularFileAtLeast) {	59✔
47	return (	23✔
48	<>
49	<DropdownButton
50	id="download-files"
51	icon={<Download className={styles.icon} />}
52	title={t('actions.downloadFiles.title')}
53	variant="secondary"
54	withSpacing>
55	<DropdownButtonItem onClick={onClick} href={getDownloadUrl(FileDownloadMode.ORIGINAL)}>
56	{t('actions.downloadFiles.options.original')}
57	</DropdownButtonItem>
58	<DropdownButtonItem onClick={onClick} href={getDownloadUrl(FileDownloadMode.ARCHIVAL)}>
59	{t('actions.downloadFiles.options.archival')}
60	</DropdownButtonItem>
61	</DropdownButton>
62	<NoSelectedFilesModal
63	show={showNoFilesSelectedModal}
UNCOV 64	handleClose={() => setShowNoFilesSelectedModal(false)}	×
65	/>
66	</>
67	)
68	}
69
70	return (	36✔
71	<>
72	<a href={getDownloadUrl(FileDownloadMode.ORIGINAL)}>
73	<Button
74	variant="secondary"
75	icon={<Download className={styles.icon} />}
76	withSpacing
77	onClick={onClick}>
78	{t('actions.downloadFiles.title')}
79	</Button>
80	</a>
81	<NoSelectedFilesModal
82	show={showNoFilesSelectedModal}
UNCOV 83	handleClose={() => setShowNoFilesSelectedModal(false)}	×
84	/>
85	</>
86	)
87	}	54✔
88
89	const getFileIdsFromSelection = (fileSelection: FileSelection): number[] => {	54✔
90	return Object.values(fileSelection)	78✔
91	.filter((file): file is File => file !== undefined)	20✔
92	.map((file) => file.id)	20✔
93	}	54✔

IQSS / dataverse-frontend / 7169979505

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous