chore(usephoneinput): increased use phone input coverage (#86)

packages/phone-input/src/helpers/formatWithFixedCountry/formatWithFixedCountry.spec.ts

@@ -1,11 +1,17 @@
 import { formatWithFixedCountry } from './formatWithFixedCountry'
 
 describe('formatWithFixedCountry', () => {
+  it('Should return empty string when phone value is invalid', () => {
+    expect(formatWithFixedCountry('', 'US')).toBe('')
+  })
+
   it('Should leave as-is when the value is already has valid country code.', () => {
     expect(formatWithFixedCountry('+123456', 'US')).toBe('+123456')
   })
 
   it('Should format to the correct country code.', () => {
     expect(formatWithFixedCountry('+123456', 'VN')).toBe('+84123456')
+    expect(formatWithFixedCountry('0123456', 'VN')).toBe('+84123456')
+    expect(formatWithFixedCountry('123456', 'VN')).toBe('+84123456')
   })
 })

packages/phone-input/src/hooks/usePhoneInput.spec.tsx

@@ -292,4 +292,51 @@ describe('usePhoneInput', () => {
     expect(input.getAttribute('value')).toBe('+1 23')
     expect(onChange).toHaveBeenCalledTimes(4) // OnChange event shouldn't be triggered since user entered invalid letters.
   })
+
+  /**
+   * Fixed country
+   */
+  it('Should disable country detection when country is passed', async () => {
+    const onChange = vitest.fn()
+    const { container } = render(<Comp country="VN" onChange={onChange} />)
+    const input = container.querySelector('input')
+
+    if (!input) {
+      throw new Error('input is not a valid element.')
+    }
+
+    expect(container.querySelector('#VN')).toBeVisible()
+
+    await act(async () => {
+      input.focus()
+      await user.keyboard('{+},{1},{2},{3}')
+    })
+
+    expect(input.getAttribute('value')).toBe('+84 123')
+
+    expect(container.querySelector('#VN')).toBeVisible()
+  })
+
+  it('Should keep passed country and format as national', async () => {
+    const onChange = vitest.fn()
+    const { container } = render(
+      <Comp country="VN" mode="national" onChange={onChange} />,
+    )
+    const input = container.querySelector('input')
+
+    if (!input) {
+      throw new Error('input is not a valid element.')
+    }
+
+    expect(container.querySelector('#VN')).toBeVisible()
+
+    await act(async () => {
+      input.focus()
+      await user.keyboard('{+},{1},{2},{3}')
+    })
+
+    expect(input.getAttribute('value')).toBe('123')
+
+    expect(container.querySelector('#VN')).toBeVisible()
+  })
 })