From c7af15a2ef4ac37de8abe408e7122bd6f7bf0502 Mon Sep 17 00:00:00 2001
From: eiinu <eiinu@qq.com>
Date: Tue, 7 May 2024 19:52:56 +0800
Subject: [PATCH 1/3] fix(countdown): emit paused

---
 src/packages/__VUE/countdown/countdown.taro.vue | 4 ++--
 src/packages/__VUE/countdown/countdown.vue      | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/packages/__VUE/countdown/countdown.taro.vue b/src/packages/__VUE/countdown/countdown.taro.vue
index 4273802683..0b207b1edf 100644
--- a/src/packages/__VUE/countdown/countdown.taro.vue
+++ b/src/packages/__VUE/countdown/countdown.taro.vue
@@ -105,8 +105,8 @@ const start = () => {
 const pause = () => {
   cancelAnimationFrame(timer.value!)
   counting.value = false
-  emit('restart', restTime.value)
-  emit('onRestart', restTime.value)
+  emit('paused', restTime.value)
+  emit('onPaused', restTime.value)
 }
 
 // 重置
diff --git a/src/packages/__VUE/countdown/countdown.vue b/src/packages/__VUE/countdown/countdown.vue
index 4273802683..0b207b1edf 100644
--- a/src/packages/__VUE/countdown/countdown.vue
+++ b/src/packages/__VUE/countdown/countdown.vue
@@ -105,8 +105,8 @@ const start = () => {
 const pause = () => {
   cancelAnimationFrame(timer.value!)
   counting.value = false
-  emit('restart', restTime.value)
-  emit('onRestart', restTime.value)
+  emit('paused', restTime.value)
+  emit('onPaused', restTime.value)
 }
 
 // 重置

From e1115cd631740f7d4153aded3ecfc4a8da692639 Mon Sep 17 00:00:00 2001
From: eiinu <eiinu@qq.com>
Date: Tue, 7 May 2024 19:57:59 +0800
Subject: [PATCH 2/3] test: update

---
 .../{countdown.spec.ts => countdown.spec.tsx} | 55 ++++++++++---------
 1 file changed, 29 insertions(+), 26 deletions(-)
 rename src/packages/__VUE/countdown/__tests__/{countdown.spec.ts => countdown.spec.tsx} (74%)

diff --git a/src/packages/__VUE/countdown/__tests__/countdown.spec.ts b/src/packages/__VUE/countdown/__tests__/countdown.spec.tsx
similarity index 74%
rename from src/packages/__VUE/countdown/__tests__/countdown.spec.ts
rename to src/packages/__VUE/countdown/__tests__/countdown.spec.tsx
index 8aac58401a..59d1ec58e1 100644
--- a/src/packages/__VUE/countdown/__tests__/countdown.spec.ts
+++ b/src/packages/__VUE/countdown/__tests__/countdown.spec.tsx
@@ -1,9 +1,9 @@
 import { mount } from '@vue/test-utils'
-import { nextTick, toRefs, reactive } from 'vue'
+import { nextTick, ref } from 'vue'
 import { Button, Countdown } from '@nutui/nutui'
 import { sleep } from '@/packages/utils/unit'
 
-test('endTime props', async () => {
+test('Countdown: endTime props', async () => {
   const wrapper = mount(Countdown, {
     props: {
       endTime: Date.now() + 1 * 50
@@ -14,7 +14,7 @@ test('endTime props', async () => {
   expect(wrapper.emitted('end')).toBeTruthy()
 })
 
-test('format props', async () => {
+test('Countdown: format props', async () => {
   const wrapper = mount(Countdown, {
     props: {
       endTime: Date.now() + 1 * 50,
@@ -55,28 +55,19 @@ test('format props', async () => {
   expect(wrapper.find('.nut-countdown__content').text() == '000毫秒').toBe(true)
 })
 
-test('paused props', async () => {
-  const wrapper = mount({
-    components: {
-      'nut-countdown': Countdown,
-      'nut-button': Button
-    },
-    template: `
-      <nut-countdown  :end-time="endTime" :paused="paused" />
-      <nut-button  @click="toggle">{{ paused ? 'start' : 'stop' }}</nut-button>
-    `,
-    setup() {
-      const state = reactive({
-        endTime: Date.now() + 1 * 50,
-        paused: false
-      })
-
-      const toggle = () => {
-        state.paused = !state.paused
-      }
-
-      return { ...toRefs(state), toggle }
-    }
+test('Countdown: paused props', async () => {
+  const paused = ref(false)
+  const endTime = ref(Date.now() + 1 * 50)
+  const toggle = () => {
+    paused.value = !paused.value
+  }
+  const wrapper = mount(() => {
+    return (
+      <>
+        <Countdown endTime={endTime.value} paused={paused.value} />
+        <Button onClick={toggle}>{paused.value ? 'start' : 'stop'}</Button>
+      </>
+    )
   })
 
   const button = wrapper.find('.nut-button')
@@ -88,7 +79,19 @@ test('paused props', async () => {
   expect(prevSnapShot === laterShapShot).toBeTruthy()
 })
 
-test('should render slot correctly', async () => {
+test('Countdown: should render slot correctly', async () => {
+  const wrapper = mount(Countdown, {
+    props: {
+      endTime: Date.now() + 1 * 50
+    },
+    slots: {
+      default: () => 'slot content'
+    }
+  })
+  expect(wrapper.text()).toEqual('slot content')
+})
+
+test('Countdown: should render slot correctly', async () => {
   const wrapper = mount(Countdown, {
     props: {
       endTime: Date.now() + 1 * 50

From 27cef5bccef091814c6eccab5c42515a5563ef41 Mon Sep 17 00:00:00 2001
From: eiinu <eiinu@qq.com>
Date: Tue, 7 May 2024 20:13:03 +0800
Subject: [PATCH 3/3] test(countdown): add ref

---
 .../countdown/__tests__/countdown.spec.tsx    | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/src/packages/__VUE/countdown/__tests__/countdown.spec.tsx b/src/packages/__VUE/countdown/__tests__/countdown.spec.tsx
index 59d1ec58e1..846b8c9464 100644
--- a/src/packages/__VUE/countdown/__tests__/countdown.spec.tsx
+++ b/src/packages/__VUE/countdown/__tests__/countdown.spec.tsx
@@ -102,3 +102,51 @@ test('Countdown: should render slot correctly', async () => {
   })
   expect(wrapper.text()).toEqual('slot content')
 })
+
+test('Countdown: ref methods', async () => {
+  const countdownRef = ref()
+  const start = () => {
+    countdownRef.value.start()
+  }
+  const pause = () => {
+    countdownRef.value.pause()
+  }
+  const reset = () => {
+    countdownRef.value.reset()
+  }
+  const restart = vi.fn()
+  const paused = vi.fn()
+  const wrapper = mount(() => {
+    return (
+      <>
+        <Countdown
+          ref={countdownRef}
+          time="20000"
+          autoStart={false}
+          format="ss:SS"
+          onRestart={restart}
+          onPaused={paused}
+        />
+        <Button class="start" onClick={start} />
+        <Button class="pause" onClick={pause} />
+        <Button class="reset" onClick={reset} />
+      </>
+    )
+  })
+  const countdown = wrapper.find('.nut-countdown__content')
+  expect(countdown.text()).toBe('20:00')
+
+  const btn1 = wrapper.find('.start')
+  btn1.trigger('click')
+  expect(restart).toBeCalledTimes(1)
+  expect(paused).toBeCalledTimes(0)
+
+  const btn2 = wrapper.find('.pause')
+  btn2.trigger('click')
+  expect(restart).toBeCalledTimes(1)
+  expect(paused).toBeCalledTimes(1)
+
+  const btn3 = wrapper.find('.pause')
+  btn3.trigger('click')
+  expect(countdown.text()).toBe('20:00')
+})