Feature/unit test for validations

sage_validation/file_validator/templates/upload.html

@@ -40,21 +40,18 @@
         </div>
     </div>
 
-
     <script>
-        const form = document.getElementById('uploadForm');
-        const fileInput = document.getElementById('fileInput');
-        const errorSection = document.getElementById('errorSection');
-        const errorList = document.getElementById('errorList');
-        const successSection = document.getElementById('successSection');
-        const successMessage = document.getElementById('successMessage');
-        const downloadSection = document.getElementById('downloadSection');
-        const downloadLink = document.getElementById('downloadLink');
-
-        form.addEventListener('submit', async function (e) {
+        document.getElementById('uploadForm').addEventListener('submit', async function (e) {
             e.preventDefault();
 
-            // Clear previous messages
+            const fileInput = document.getElementById('fileInput');
+            const errorSection = document.getElementById('errorSection');
+            const errorList = document.getElementById('errorList');
+            const successSection = document.getElementById('successSection');
+            const successMessage = document.getElementById('successMessage');
+            const downloadSection = document.getElementById('downloadSection');
+            const downloadLink = document.getElementById('downloadLink');
+
             errorList.innerHTML = '';
             successMessage.innerHTML = '';
             errorSection.classList.add('hidden');
@@ -65,7 +62,7 @@
             formData.append('file', fileInput.files[0]);
 
             try {
-                const response = await fetch('', {
+                const response = await fetch("{% url 'upload-file' %}", {
                     method: 'POST',
                     body: formData,
                     headers: {
@@ -81,38 +78,13 @@
                     downloadLink.href = result.download_url;
                     downloadSection.classList.remove('hidden');
                 } else if (response.status === 400 && result.status === 'error') {
-                    errorList.innerHTML = '';
-
-                    if (Array.isArray(result.errors)) {
-                        result.errors.forEach(errorObj => {
-                            if (typeof errorObj === 'string') {
-                                const li = document.createElement('li');
-                                li.textContent = errorObj;
-                                errorList.appendChild(li);
-                            } else {
-                                for (const [field, messages] of Object.entries(errorObj)) {
-                                    messages.forEach(message => {
-                                        const li = document.createElement('li');
-                                        li.textContent = `${field}: ${message}`;
-                                        errorList.appendChild(li);
-                                    });
-                                }
-                            }
+                    for (const [field, messages] of Object.entries(result.errors)) {
+                        messages.forEach(message => {
+                            const li = document.createElement('li');
+                            li.textContent = `${field}: ${message}`;
+                            errorList.appendChild(li);
                         });
-                    } else if (typeof result.errors === 'object') {
-                        for (const [field, messages] of Object.entries(result.errors)) {
-                            messages.forEach(message => {
-                                const li = document.createElement('li');
-                                li.textContent = `${field}: ${message}`;
-                                errorList.appendChild(li);
-                            });
-                        }
-                    } else {
-                        const li = document.createElement('li');
-                        li.textContent = result.errors;
-                        errorList.appendChild(li);
                     }
-
                     errorSection.classList.remove('hidden');
                 }
             } catch (error) {