Frontend: Display proper error message while updating profile (#4483)

* Changed Error Message

* Changed Error Message

* Changed Error Message

* Changed Error Message

* Changed Error Message

* Changed Error Message

* Changed Error Message

* Test Added

---------

Co-authored-by: Akshat Singh <akshatsingh@Akshats-MacBook-Air.local>
Co-authored-by: Rishabh Jain <rishabhjain2018@gmail.com>
Co-authored-by: Gautam Jajoo <gautamjajoo1729@gmail.com>

Author: 4 people

frontend/src/js/controllers/profileCtrl.js

@@ -177,10 +177,11 @@
         };
 
         vm.isURLValid = function(url) {
-            if (url === undefined || url === null) {
-                return true;
+            if (!url) {
+                return true; // Allow empty URLs
             }
-            return (url.length <= 200);
+            var urlPattern = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w-._~:/?#[\]@!$&'()*+,;=]*)?$/;
+            return url.length <= 200 && urlPattern.test(url);
         };
 
         vm.editprofileDialog = function(ev) {
@@ -382,4 +383,4 @@
         };
     }
 
-})();
+})();

frontend/tests/controllers-test/profileCtrl.test.js

@@ -313,4 +313,41 @@ describe('Unit tests for profile controller', function () {
             expect($rootScope.notify).toHaveBeenCalledWith("error", errorResponse.error);
         });
     });
+
+    describe('Unit tests for isURLValid function', function () {
+        it('should allow empty URLs', function () {
+            var result = vm.isURLValid('');
+            expect(result).toBeTruthy();
+    
+            result = vm.isURLValid(null);
+            expect(result).toBeTruthy();
+    
+            result = vm.isURLValid(undefined);
+            expect(result).toBeTruthy();
+        });
+    
+        it('should return true for valid URLs within 200 characters', function () {
+            var result = vm.isURLValid('https://github.com');
+            expect(result).toBeTruthy();
+    
+            result = vm.isURLValid('http://example.com/path?query=param');
+            expect(result).toBeTruthy();
+    
+            result = vm.isURLValid('https://sub.domain.example.com/long-path/to/resource?query=1&more=2');
+            expect(result).toBeTruthy();
+        });
+    
+        it('should return false for invalid URLs or overly long ones', function () {
+            var result = vm.isURLValid('invalid-url');
+            expect(result).toBeFalsy();
+    
+            result = vm.isURLValid('htp://missing-schema.com');
+            expect(result).toBeFalsy();
+    
+            var longUrl = 'http://example.com/' + 'a'.repeat(201);
+            result = vm.isURLValid(longUrl);
+            expect(result).toBeFalsy();
+        });
+    });
+    
 });