Improve phone number validation to allow e.g. +358 44 1234 567 which …

…is used as placeholder text

src/utils/__tests__/validationUtils.test.ts

@@ -1,4 +1,4 @@
-import { getErrorText } from '../validationUtils';
+import { getErrorText, isValidPhoneNumber } from '../validationUtils';
 
 describe('getErrorText', () => {
   it('should return error text', () => {
@@ -13,3 +13,41 @@ describe('getErrorText', () => {
     expect(t).toBeCalledWith(error.key, error);
   });
 });
+
+describe('isValidPhoneNumber function', () => {
+  const validCases: string[][] = [
+    ['0441234567'],
+    ['044 1234 567'],
+    ['044 123 4567'],
+    ['044 1234567'],
+    ['+358441234567'],
+    ['+358 44 123 4567'],
+    ['+358 44 1234 567'],
+    ['+358 441234567'],
+  ];
+  test.each(validCases)(
+    'should return true value if phone number is valid, %p',
+    async (phoneNumber) => {
+      expect(isValidPhoneNumber(phoneNumber)).toBe(true);
+    }
+  );
+
+  const invalidCases: string[][] = [
+    ['044  1234 56x'],
+    ['044  123x 567'],
+    ['04x  1234 567'],
+    ['044  1234 567'],
+    ['044 123  4567'],
+    ['044  1234567'],
+    ['+358  44 123 4567'],
+    ['+358 44  123 4567'],
+    ['+358 44 1234  567'],
+    ['+358  441234567'],
+  ];
+  test.each(invalidCases)(
+    'should return false value if phone number is invalid, %p',
+    async (phoneNumber) => {
+      expect(isValidPhoneNumber(phoneNumber)).toBe(false);
+    }
+  );
+});

src/utils/validationUtils.ts

@@ -13,7 +13,7 @@ export const createMinErrorMessage = (
 };
 
 export const isValidPhoneNumber = (phone: string): boolean =>
-  /^\+?\(?\d{1,3}\)? ?-?\d{1,3} ?-?\d{3,5} ?-?\d{4}( ?-?\d{3})?/.test(phone);
+  /^\+?\(?\d{1,3}\)? ?-?\d{1,3} ?-?\d{3,5} ?-?\d{3,4}( ?-?\d{3})?/.test(phone);
 
 export const isValidZip = (zip: string): boolean => /^\d{5}$/.test(zip);