Report frontend errors to sentry

frontend/src/routes/guest/register/steps/register.test.tsx

@@ -288,3 +288,111 @@ test('Gender not required to be set if gender field is not showing', async () =>
     }
   )
 })
+
+test('Guest not allowed to proceed in wizard if phone number is not valid', async () => {
+  const nextHandler = jest.fn()
+
+  const allFeaturesOn = {
+    displayContactAtUnit: true,
+    displayComment: true,
+    displayContactAtUnitGuestInput: true,
+    showGenderFieldForGuest: true,
+  }
+
+  const formData: GuestRegisterData = {
+    firstName: 'Test',
+    lastName: 'Test2',
+    mobilePhoneCountry: 'NO',
+    mobilePhone: '50',
+    nationalIdNumber: '',
+    passportNumber: '12345678',
+    passportNationality: 'NO',
+    dateOfBirth: addYears(-20)(new Date()),
+    gender: 'male',
+  }
+
+  const testData = getEmptyGuestData()
+  testData.gender = 'male'
+  const submitMock = jest.fn()
+
+  // Need this to be able to call on the submit-method on the form
+  const reference = {
+    current: {
+      doSubmit: submitMock,
+    },
+  }
+
+  render(
+    <FeatureContext.Provider value={allFeaturesOn}>
+      <LocalizationProvider dateAdapter={AdapterDateFns}>
+        <GuestRegisterStep
+          nextHandler={nextHandler}
+          initialGuestData={testData}
+          registerData={formData}
+          ref={reference}
+        />
+      </LocalizationProvider>
+    </FeatureContext.Provider>
+  )
+
+  reference.current?.doSubmit()
+
+  // TODO It is stupid to wait like this, but I have not found a wait-for function in jest
+  await new Promise((r) => setTimeout(r, 500))
+
+  expect(nextHandler.mock.calls.length).toBe(0)
+})
+
+test('Guest allowed to proceed in wizard if data is valid', async () => {
+  const nextHandler = jest.fn()
+
+  const allFeaturesOn = {
+    displayContactAtUnit: true,
+    displayComment: true,
+    displayContactAtUnitGuestInput: true,
+    showGenderFieldForGuest: true,
+  }
+
+  const formData: GuestRegisterData = {
+    firstName: 'Test',
+    lastName: 'Test2',
+    mobilePhoneCountry: 'NO',
+    mobilePhone: '97543992',
+    nationalIdNumber: '',
+    passportNumber: '12345678',
+    passportNationality: 'NO',
+    dateOfBirth: addYears(-20)(new Date()),
+    gender: 'male',
+  }
+
+  const testData = getEmptyGuestData()
+  testData.gender = 'male'
+  const submitMock = jest.fn()
+
+  // Need this to be able to call on the submit-method on the form
+  const reference = {
+    current: {
+      doSubmit: submitMock,
+    },
+  }
+
+  render(
+    <FeatureContext.Provider value={allFeaturesOn}>
+      <LocalizationProvider dateAdapter={AdapterDateFns}>
+        <GuestRegisterStep
+          nextHandler={nextHandler}
+          initialGuestData={testData}
+          registerData={formData}
+          ref={reference}
+        />
+      </LocalizationProvider>
+    </FeatureContext.Provider>
+  )
+
+  reference.current?.doSubmit()
+
+  // TODO It is stupid to wait like this, but I have not found a wait-for function in jest
+  await new Promise((r) => setTimeout(r, 500))
+
+  expect(nextHandler.mock.calls.length).toBe(1)
+})