Add and update necessary test suits for the disableParentheses feature

Author: ArtyomVancyan

tests/hooks.test.tsx

@@ -12,6 +12,7 @@ const usePhoneTester = ({
                             onlyCountries = [],
                             excludeCountries = [],
                             preferredCountries = [],
+                            disableParentheses = false,
                         }) => {
     const initiatedRef = useRef<boolean>(false);
     const [query, setQuery] = useState<string>("");
@@ -31,6 +32,7 @@ const usePhoneTester = ({
         onlyCountries,
         excludeCountries,
         preferredCountries,
+        disableParentheses,
     });
 
     const update = useCallback((value: string) => {
@@ -50,7 +52,8 @@ const usePhoneTester = ({
     const search = useCallback(setQuery, []);
 
     const select = useCallback((isoCode: string) => {
-        const mask = (countriesList.find(([iso]) => iso === isoCode) as any)[3];
+        const pattern = (countriesList.find(([iso]) => iso === isoCode) as any)[3];
+        const mask = disableParentheses ? pattern.replace(/[()]/g, "") : pattern;
         setValue(displayFormat(cleanInput(mask, mask).join("")));
         setCountryCode(isoCode);
     }, [setValue, countriesList]);
@@ -121,6 +124,24 @@ describe("Verifying the functionality of hooks", () => {
         expect((result.current.metadata as any)[0]).toBe("am");
     })
 
+    it("Check usePhone without parentheses", () => {
+        const {result} = renderHook(usePhoneTester, {
+            initialProps: {
+                country: "au",
+                disableParentheses: true,
+            }
+        });
+
+        act(() => result.current.update("6104111"));
+
+        expect(result.current.value).toBe("+61 0 4111");
+        expect((result.current.metadata as any)[0]).toBe("au");
+
+        act(() => result.current.select("ms"));
+
+        expect(result.current.value).toBe("+1 664");
+    })
+
     it("Check usePhone for country detection", () => {
         const {result} = renderHook(usePhoneTester, {
             initialProps: {}

tests/utils.test.tsx

@@ -8,18 +8,27 @@ describe("Verifying the basic functionality", () => {
         const metadata = getMetadata(rawValue);
 
         const formattedNumber = getFormattedNumber(rawValue, (metadata as any)[3]);
+        const formattedNumberWithoutParentheses = formattedNumber.replace(/[()]/g, "");
         const formattedNumberOverloaded = getFormattedNumber(rawValue);
         const parsedPhoneNumber = parsePhoneNumber(formattedNumber);
-        const rawPhoneNumber = getRawValue(formattedNumber);
+        const parsedPhoneNumberWithoutParentheses = parsePhoneNumber(formattedNumberWithoutParentheses);
+        const rawPhoneNumber1 = getRawValue(formattedNumber);
+        const rawPhoneNumber2 = getRawValue(formattedNumberWithoutParentheses);
 
         assert(formattedNumber === formattedNumberOverloaded);
         assert(formattedNumber !== null && formattedNumber === "+1 (702) 123 4567");
         assert(parsedPhoneNumber !== null && parsedPhoneNumber.countryCode === 1);
         assert(parsedPhoneNumber.areaCode === "702" && parsedPhoneNumber.phoneNumber === "1234567");
-        assert(rawPhoneNumber === rawValue);
+        assert(parsedPhoneNumberWithoutParentheses !== null && parsedPhoneNumberWithoutParentheses.countryCode === 1);
+        assert(parsedPhoneNumberWithoutParentheses.areaCode === "702" && parsedPhoneNumberWithoutParentheses.phoneNumber === "1234567");
+        assert(rawPhoneNumber1 === rawValue);
+        assert(rawPhoneNumber2 === rawValue);
     })
 
     it("Check the phone number validity", () => {
+        assert(checkValidity(parsePhoneNumber("+1 702 123 4567")) === true);
+        assert(checkValidity(parsePhoneNumber("+1 702 123 456")) === false);
+
         assert(checkValidity(parsePhoneNumber("+1 (702) 123 4567")) === true);
         assert(checkValidity(parsePhoneNumber("+1 (702) 123 456")) === false);