From de40499007529de22b8e8c756b8fa04a3f2e521d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Tue, 18 Jun 2019 12:41:58 +0200
Subject: [PATCH] Move to next step after verify code

---
 webapp/components/PasswordReset/VerifyCode.spec.js | 11 ++++++++++-
 webapp/components/PasswordReset/VerifyCode.vue     | 10 +++++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/webapp/components/PasswordReset/VerifyCode.spec.js b/webapp/components/PasswordReset/VerifyCode.spec.js
index 92d6f8d07..3904f62f2 100644
--- a/webapp/components/PasswordReset/VerifyCode.spec.js
+++ b/webapp/components/PasswordReset/VerifyCode.spec.js
@@ -39,7 +39,16 @@ describe('VerifyCode ', () => {
     })
 
     describe('after verification code given', () => {
-      it.todo('displays a form to update your password')
+      beforeEach(() => {
+        wrapper = Wrapper()
+        wrapper.find('input').setValue('123456')
+        wrapper.find('form').trigger('submit')
+      })
+
+      it('displays a form to update your password', () => {
+        expect(wrapper.find('.change-password').exists()).toBe(true)
+      })
+
       describe('submitting new password', () => {
         it.todo('calls resetPassword graphql mutation')
         it.todo('delivers new password to backend')
diff --git a/webapp/components/PasswordReset/VerifyCode.vue b/webapp/components/PasswordReset/VerifyCode.vue
index 13415a5fa..3defca13d 100644
--- a/webapp/components/PasswordReset/VerifyCode.vue
+++ b/webapp/components/PasswordReset/VerifyCode.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card class="verify-code">
     <ds-space margin="large">
-      <ds-form v-model="formData" :schema="formSchema" @submit="handleSubmit">
+      <ds-form v-if="!codeSubmitted" v-model="formData" :schema="formSchema" @submit="handleSubmit">
         <ds-input
           :placeholder="$t('verify-code.form.input')"
           model="code"
@@ -24,11 +24,13 @@
           {{ $t('verify-code.form.submit') }}
         </ds-button>
       </ds-form>
+      <div v-else class="change-password" />
     </ds-space>
   </ds-card>
 </template>
 
 <script>
+
 export default {
   data() {
     return {
@@ -44,7 +46,13 @@ export default {
           message: this.$t('common.validations.verification-code'),
         },
       },
+      codeSubmitted: false
     }
   },
+  methods: {
+    handleSubmit(){
+      this.codeSubmitted = true
+    }
+  }
 }
 </script>