From d5903f6412623338a04b43a230579f7e621eea15 Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Sun, 24 Mar 2019 11:43:19 +0800
Subject: [PATCH] Should reset reCAPTCHA (fix #28)

---
 resources/assets/src/components/Captcha.vue       | 12 ++++++++++--
 resources/assets/tests/components/Captcha.test.ts |  6 ++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/resources/assets/src/components/Captcha.vue b/resources/assets/src/components/Captcha.vue
index 18b04eb4..e605abc4 100644
--- a/resources/assets/src/components/Captcha.vue
+++ b/resources/assets/src/components/Captcha.vue
@@ -1,7 +1,11 @@
 <template>
   <div v-if="recaptcha" class="row">
     <div class="col-xs-12" style="padding-bottom: 5px">
-      <vue-recaptcha :sitekey="recaptcha" @verify="$emit('change', $event)" />
+      <vue-recaptcha
+        ref="recaptcha"
+        :sitekey="recaptcha"
+        @verify="$emit('change', $event)"
+      />
     </div>
   </div>
   <div v-else class="row">
@@ -52,7 +56,11 @@ export default {
   },
   methods: {
     refreshCaptcha() {
-      this.time = Date.now()
+      if (this.recaptcha) {
+        this.$refs.recaptcha.reset()
+      } else {
+        this.time = Date.now()
+      }
     },
   },
 }
diff --git a/resources/assets/tests/components/Captcha.test.ts b/resources/assets/tests/components/Captcha.test.ts
index 806aa78e..3a701e54 100644
--- a/resources/assets/tests/components/Captcha.test.ts
+++ b/resources/assets/tests/components/Captcha.test.ts
@@ -1,3 +1,4 @@
+import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Captcha from '@/components/Captcha.vue'
 
@@ -7,6 +8,11 @@ test('display recaptcha', () => {
   expect(wrapper.find('img').exists()).toBeFalse()
 })
 
+test('refresh recaptcha', () => {
+  const wrapper = mount<Vue & { refreshCaptcha(): void }>(Captcha)
+  wrapper.vm.refreshCaptcha()
+})
+
 test('display characters captcha', () => {
   blessing.extra = {}
   const wrapper = mount(Captcha)