feat: add international option to Phone

onebeyond · Mar 1, 2024 · 84aef3e · 84aef3e
1 parent e6815db
commit 84aef3e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/src/Questions/Phone/__tests__/phone.test.js b/src/Questions/Phone/__tests__/phone.test.js
@@ -107,3 +107,15 @@ test('pattern error is displayed', () => {
 
  expect(screen.getByText('This is not the right pattern'))
 })
+
+test('country code is visible', () => {
+ const result = render(
+ <QuestionPhone
+ question={{ ...question, defaultCountry: 'GB', international: true }}
+ useForm={formMethods}
+ />
+ )
+ expect(
+ result.container.querySelector('input[type="tel"]').getAttribute('value')
+ ).toBe('+44')
+})
diff --git a/src/Questions/Phone/index.js b/src/Questions/Phone/index.js
@@ -44,6 +44,7 @@ const QuestionPhone = ({ isMobile, isoCode, question, useForm, ...props }) => {
  placeholder={question.placeholder}
  registerConfig={question.registerConfig}
  name={question.name}
+ international={question.international}
  {...props}
  />