### Requirements

  ### Steps

  * Open the chat application.
  * Navigate to a conversation or chat room where you wish to upload an attachment.
  * Click the "Attach" or "Upload" button (usually represented by a paperclip icon).
  * A file dialog box should appear. Browse to select the file you want to upload (e.g., image, document, video, etc.).
  * After selecting the file, verify that the file name and file size are displayed in the attachment preview.
  * Optionally, add a caption or description to the attachment if the chat application allows it.
  * Click the "Send" or "Upload" button to attach the file to the message.
  * Verify that the attachment appears in the chat window with a preview (e.g., image thumbnail, document icon).
  * Check that the attachment is sent and appears for all participants in the chat (if a group chat).
  * Verify that any attachment details (e.g., file type, size, and sender’s name) are correctly displayed along with the preview.

  ### Expected result

  - The file should be successfully uploaded and displayed in the chat window.
  - The file should be visible with an appropriate preview (e.g., image thumbnail, document icon, or video preview).
  - The file name, size, and sender's information should be shown clearly.
  - The other participants in the chat (if a group) should see the attachment as well.
  - If there’s a file limit, an error should appear if the file exceeds it.

  ![](/attachments/oDWGlrKdXj.webp)

Test

## Steps:
1. Open the chat application and navigate to a chat where an attachment has been uploaded.
2. Locate the uploaded attachment in the chat window (e.g., image, document, or video).
3. Click on the attachment to open it in full screen or preview mode (if available).
4. If the attachment is a document, ensure that the document can be opened in a supported viewer.
5. If the attachment is an image, verify that the image opens correctly in full-screen mode.
6. Click the "Download" button or right-click on the attachment to download it to your local device.
7. Verify that the file is downloaded correctly and can be opened from your device.
8. Check that the download link or button remains available for other participants.
9. Test downloading different types of files (e.g., PDF, DOCX, JPG, MP4) to ensure compatibility.
10. Ensure the download process is quick and without errors or interruptions.

## Expected Result:
- The attachment should open in the appropriate viewer (image viewer, document viewer, etc.).
- The download button or link should be functional for all supported file types.
- The file should download to your device correctly and be accessible without corruption.

test

## Steps:
1. Open the chat application and navigate to a chat with an attachment.
2. Locate the attachment you want to remove or delete (e.g., an image, document, etc.).
3. Hover over or click the attachment to reveal options (e.g., "Delete", "Remove").
4. Click the "Delete" or "Remove" option for the attachment.
5. If prompted, confirm the deletion by clicking "Yes" or "Confirm."
6. Verify that the attachment is no longer visible in the chat window.
7. Check if there is a notification or message indicating the attachment has been deleted (e.g., "This message was deleted").
8. Test deleting attachments from both your side and from another user’s side (if applicable).
9. Verify that after deletion, the chat history or conversation remains intact (no other messages are affected).
10. Ensure that other users (in a group chat) cannot access the deleted attachment.

## Expected Result:
- The attachment should be removed from the chat window immediately after deletion.
- A notification or indication should be shown that the attachment was deleted (if applicable).
- The deletion should not affect any other messages in the chat, and no other user can view the deleted file.

## Steps:
1. Open the chat application and navigate to a conversation or chat room.
2. Click the "Attach" or "Upload" button to begin uploading a large file (e.g., a video or high-resolution image).
3. Choose a file that exceeds the typical size limit for attachments (e.g., larger than 10MB).
4. Observe the progress bar or indicator that shows the upload status.
5. Wait for the upload to complete and verify that the file uploads without errors.
6. If the upload takes a long time, ensure that the progress bar updates in real-time.
7. If the file exceeds the maximum allowed size, verify that an error message is displayed (e.g., "File size exceeds limit").
8. Check if the file is visible in the chat window after successful upload.
9. Test uploading similar large files (e.g., 20MB, 50MB) to ensure consistency in behavior.
10. Ensure that the upload speed is reasonable and that the system handles large files without crashing.

## Expected Result:
- The file should upload successfully, and the chat should display the file after completion.
- If the file is too large, an error message should clearly indicate the issue.
- The upload process should handle large files without errors, and the system should not crash or hang.
- The progress bar should update in real-time to show the upload status.

## Steps:
1. Open the chat application and navigate to a conversation or chat room.
2. Click the "Attach" or "Upload" button to upload a file.
3. Select a file that does not match the allowed file types (e.g., an executable file, .exe, .bat, etc.).
4. Verify that an error message is displayed indicating the unsupported file type.
5. Try uploading a different unsupported file (e.g., a .zip file, .apk, etc.).
6. Check the error message again to ensure it is clear and informative (e.g., "File type not supported. Please upload an image, PDF, or other allowed file types").
7. Test uploading supported file types (e.g., .jpg, .pdf, .mp4) to ensure they upload correctly.
8. Verify that the system only allows supported file types to be uploaded.
9. Ensure that the file type restrictions are consistently enforced for all users.
10. Check that no file type can bypass the restrictions using non-standard methods.

## Expected Result:
- The system should reject unsupported file types and display an error message explaining the restriction.
- Only supported file types should be allowed for upload, with proper validation in place.
- Users should be informed about acceptable file types and any upload limitations.

## Steps:
1. Open the chat application and navigate to a conversation or chat room.
2. Click the "Attach" or "Upload" button.
3. Select multiple files (e.g., images, documents) for upload.
4. Verify that the files are displayed in the attachment preview section.
5. Click the "Send" or "Upload" button to send the files.
6. Wait for the upload to complete and check if all files were sent.
7. Verify that the multiple files are sent as separate attachments.
8. Check that the file preview shows for each attachment in the chat window.
9. Ensure that all files are accessible for viewing or downloading by other participants.
10. Test sending multiple file types (e.g., image, document, video) in one message.

## Expected Result:
- All selected files should upload and be sent successfully as separate attachments.
- Each attachment should appear as a preview (e.g., image thumbnail, document icon).
- All files should be accessible for download or viewing.

## Steps:
1. Open the chat application and navigate to a conversation with an image attachment.
2. Click on the image preview in the chat window.
3. The image should open in full-screen or in a larger view.
4. Zoom in and out of the image if this feature is supported.
5. Click on the image again or close the preview to return to the chat.
6. Verify that the image is displayed correctly in full-screen mode.
7. Ensure there are no broken image links or errors during the preview.
8. Test opening images in different formats (e.g., JPG, PNG).
9. Ensure the image preview is responsive and adjusts to different screen sizes.
10. Test the ability to scroll through multiple images if more than one is attached.

## Expected Result:
- Clicking on the image should open it in a larger preview.
- The image should be displayed correctly, with the option to zoom in or out if applicable.
- The preview should close when clicked again or when the close button is pressed.

## Steps:
1. Open the chat application and navigate to a conversation or chat room.
2. Click the "Attach" or "Upload" button and select a file for upload (preferably a large file).
3. Observe the progress bar that appears during the file upload.
4. Ensure that the progress bar updates in real-time as the file uploads.
5. Wait for the upload to complete and verify that the progress bar disappears.
6. If the upload is slow, ensure that the progress bar still updates smoothly without freezing.
7. Test uploading different file sizes to check the consistency of the progress bar.
8. Verify that no errors appear in the progress bar or upload process.
9. Ensure the progress bar appears for all attachment types, including images, documents, and videos.
10. Verify that the progress bar does not get stuck at any point.

## Expected Result:
- The progress bar should update in real-time as the file uploads.
- The bar should disappear once the upload is complete.
- The upload process should be smooth, and the progress bar should be responsive to varying file sizes.

## Steps:
1. Open the chat application and navigate to a conversation or chat room.
2. Click the "Attach" or "Upload" button and select a file larger than the allowed file size limit (e.g., 100MB).
3. Attempt to upload the file.
4. Verify that an error message appears indicating the file exceeds the size limit (e.g., "File size exceeds the maximum allowed limit of 25MB").
5. Test uploading a file that is under the size limit to ensure it uploads correctly.
6. Verify that files larger than the size limit cannot be uploaded.
7. Test multiple file uploads to check if size restrictions apply to each file individually.
8. Ensure that the error message is clear and informative.
9. Verify that no files over the size limit can be uploaded under any circumstance.
10. Ensure that the file size limit is enforced for all users consistently.

## Expected Result:
- Files larger than the size limit should not be uploaded, and an appropriate error message should be displayed.
- Files within the size limit should be uploaded successfully without issues.

## Steps:
1. Open the chat application and navigate to a conversation with an attachment.
2. Locate the attachment (e.g., image, document).
3. Click the "Download" link or button next to the attachment.
4. Verify that the download prompt appears, allowing the file to be saved to your device.
5. Ensure that the correct file is downloaded (e.g., the correct document or image).
6. Open the downloaded file from your local device to confirm its integrity.
7. Test downloading multiple file types (e.g., image, PDF, MP4) to ensure compatibility.
8. Verify that the download link works for all users in a group chat.
9. Ensure that the download link remains available even after the attachment has been downloaded.
10. Check that the download process works without errors or interruptions.
* Navigate to the login page.

## Expected Result:
- The download link should work properly, and the correct file should be downloaded.
- The downloaded file should be accessible and open correctly without any issues.
- The download functionality should work for all file types supported by the chat application.

## Steps:
1. Open the chat application and navigate to a conversation with various attachment types (e.g., image, document, video).
2. Observe the file icons next to each attachment (e.g., image icon, PDF icon).
3. Click on different attachment types to verify they open correctly.
4. Ensure that the correct icon is displayed based on the file type (e.g., image icon for JPG/PNG, PDF icon for PDF).
5. Verify that attachments without a preview (e.g., documents) display their respective file icons.
6. Test the visibility of file icons for both sent and received attachments.
7. Check the clarity and visibility of file icons, especially for smaller file sizes or thumbnails.
8. Test uploading new attachment types (e.g., MP3, TXT) to verify they have a corresponding icon.
9. Ensure icons update if a file is edited or renamed.
10. Test the visibility of icons in both dark and light mode (if supported).

## Expected Result:
- Each attachment type should have a corresponding icon or thumbnail.
- The icons should be clearly visible and easy to differentiate between different file types.
- The icons should be consistent across different chat windows and for all users.

## Steps:
1. Open the chat application and navigate to a conversation or chat room.
2. Attempt to upload a file that exceeds the allowed file type or size limit.
3. Verify that the system displays an error message indicating the issue (e.g., "File size exceeds the limit" or "Unsupported file type").
4. Attempt to upload a file with a network issue (e.g., slow or interrupted connection).
5. Verify that an error message appears indicating that the upload failed due to a network problem (e.g., "Upload failed. Please check your connection and try again").
6. Test uploading corrupted files (e.g., broken ZIP or image files).
7. Verify that the system correctly handles corrupted files and displays an error message.
8. Ensure that users are not able to upload files that cause system errors or crashes.
9. Test retry functionality if the upload fails (e.g., retry button).
10. Verify that the system gracefully handles all error scenarios without crashing.

## Expected Result:
- Appropriate error messages should be displayed for unsupported file types, excessive file sizes, network failures, and corrupted files.
- The user should be informed of the issue in a clear and concise manner.
- The system should allow for retries if an upload fails due to a network issue.

## Steps:
1. Open the chat application and navigate to a conversation where an image is uploaded.
2. Click on the image to open the preview.
3. Verify that the image is displayed clearly and without distortion.
4. Check that the correct aspect ratio is maintained in the preview.
5. Test zooming in and out of the image (if applicable).
6. Verify that the preview is fully responsive on different screen sizes (desktop and mobile).
7. Ensure that the image preview opens quickly without lag.
8. Test with various image formats (JPG, PNG, GIF) to ensure compatibility.
9. Ensure that the image preview does not break or fail when clicked.
10. Verify that the image is clear and visible to all users in the conversation.

## Expected Result:
- The image should appear in the preview with the correct aspect ratio and without distortion.
- The image preview should be responsive and functional across devices.
- The image should load quickly without issues, and the preview should not break.

## Steps:
1. Open the chat application and navigate to a conversation where you have uploaded a file.
2. Hover over the uploaded file and click on the "Remove" or "Delete" option.
3. Confirm the deletion (if prompted) by clicking "Yes" or "Confirm".
4. Verify that the file is no longer visible in the chat window.
5. Check if there is any notification or alert indicating that the file has been removed.
6. Ensure that other users in the chat cannot view the deleted file (if applicable).
7. Test removing different file types (image, document, video).
8. Verify that deleting the file does not affect other messages or the chat history.
9. Test removing a file