eduvia/workavia-drive
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update test id in uploads viewer

Browse Source
This commit is contained in:
lethemanh
2025-03-07 15:51:31 +07:00
parent c1bc0c34f7
commit 4c0f85469c
2 changed files with 26 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tdrive/frontend/src/app/components/file-uploads/pending-root-components/pending-root-list.tsx
+10 -5
View File
@@ -59,21 +59,25 @@ const ModalFooter: React.FC<ModalFooterProps> = ({
cancelUpload,
isPaused,
uploadingCount,
}) => (
}) => {
const pauseResumeBtnTestId = isPaused() ? 'testid:upload-root-modal-pause' : 'testid:upload-root-modal-resume';
const cancelCloseBtnTestId = uploadingCount ? 'testid:upload-root-modal-cancel' : 'testid:upload-root-modal-close';
return (
<div className="w-full flex flex-wrap bg-[#F0F2F3] text-black p-4 items-center justify-between">
<div className="w-full flex flex-wrap gap-2 justify-center sm:justify-end">
{uploadingCount > 0 && (
<button
className="text-blue-500 px-4 py-2 rounded bg-transparent transition-all duration-300 ease-in-out
hover:bg-blue-600 hover:text-white w-full sm:w-auto testid:upload-root-modal-pause-resume"
className={`text-blue-500 px-4 py-2 rounded bg-transparent transition-all duration-300 ease-in-out
hover:bg-blue-600 hover:text-white w-full sm:w-auto ${pauseResumeBtnTestId}`}
onClick={pauseOrResumeUpload}
>
{isPaused() ? Languages.t('general.resume') : Languages.t('general.pause')}
</button>
)}
<button
className="text-blue-500 min-w-[100px] px-4 py-2 rounded bg-transparent transition-all duration-300 ease-in-out
hover:bg-blue-600 hover:text-white w-full sm:w-auto testid:upload-root-modal-cancel-close"
className={`text-blue-500 min-w-[100px] px-4 py-2 rounded bg-transparent transition-all duration-300 ease-in-out
hover:bg-blue-600 hover:text-white w-full sm:w-auto ${cancelCloseBtnTestId}`}
onClick={cancelUpload}
>
{uploadingCount ? Languages.t('general.cancel') : Languages.t('general.close')}
@@ -81,6 +85,7 @@ const ModalFooter: React.FC<ModalFooterProps> = ({
</div>
</div>
);
}
const PendingRootList = ({
roots,
tdrive/frontend/src/app/components/file-uploads/pending-root-components/pending-root-row.tsx
+3 -1
View File
@@ -116,6 +116,8 @@ const PendingRootRow = ({
return rootName;
};
const showFileFolderTestId = !showFolder || isFileRoot ? 'testid:upload-root-modal-row-show-file' : 'testid:upload-root-modal-row-show-folder';
return (
<div className="root-row testid:upload-root-modal-row">
<div className="root-details mt-2">
@@ -141,7 +143,7 @@ const PendingRootRow = ({
{isUploadCompleted ? (
<button
onClick={handleShowFolder}
className="hover:bg-gray-100 p-2 rounded-md transition-all duration-200 testid:upload-root-modal-row-show-folder"
className={`hover:bg-gray-100 p-2 rounded-md transition-all duration-200 ${showFileFolderTestId}`}
>
{!isFileRoot && (
<>