From 8de710fccf7bb2294611a28d0811ab43eda3e405 Mon Sep 17 00:00:00 2001
From: AcWrong02 <147061401+AcWrong02@users.noreply.github.com>
Date: Mon, 25 Dec 2023 19:03:34 +0800
Subject: [PATCH] test(Switch): [Switch]improve unit testing of components
 (#1205)

* test(Switch): [Switch]improve unit testing of components

* docs(Switch): [Switch]improve the description of change event
---
 .../demos/pc/app/switch/webdoc/switch.js      |  2 +-
 .../vue/src/switch/__tests__/switch.test.tsx  | 39 ++++++++++++++++---
 2 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/examples/sites/demos/pc/app/switch/webdoc/switch.js b/examples/sites/demos/pc/app/switch/webdoc/switch.js
index 58a7785cc..0bac215ff 100644
--- a/examples/sites/demos/pc/app/switch/webdoc/switch.js
+++ b/examples/sites/demos/pc/app/switch/webdoc/switch.js
@@ -153,7 +153,7 @@ export default {
           'type': '(value: boolean | string | number) => void',
           'defaultValue': '--',
           'desc': {
-            'zh-CN': 'switch 发生变化的回调函数',
+            'zh-CN': 'switch 状态发生变化时的回调函数',
             'en-US': 'Callback function for switch changes'
           },
           'demoId': 'event-change'
diff --git a/packages/vue/src/switch/__tests__/switch.test.tsx b/packages/vue/src/switch/__tests__/switch.test.tsx
index f3d97e564..3b4f73704 100644
--- a/packages/vue/src/switch/__tests__/switch.test.tsx
+++ b/packages/vue/src/switch/__tests__/switch.test.tsx
@@ -1,7 +1,7 @@
 import { mountPcMode } from '@opentiny-internal/vue-test-utils'
 import { describe, expect, test, vi } from 'vitest'
 import Switch from '@opentiny/vue-switch'
-import { nextTick } from 'vue'
+import { nextTick, ref } from 'vue'
 
 let value = false
 
@@ -21,8 +21,7 @@ describe('PC Mode', () => {
         v-slots={{
           open: () => <span class="yes">是</span>,
           close: () => <span class="no">否</span>
-        }}
-      ></Switch>
+        }}></Switch>
     ))
     expect(wrapper.find('.no').exists()).toBe(true)
   })
@@ -35,7 +34,35 @@ describe('PC Mode', () => {
     expect(handleClick).toHaveBeenCalled()
   })
 
-  test.todo('base 基本用法')
-  test.todo('true-value & false-value 自定义开关取值')
-  test.todo('disable 禁用状态')
+  test('base 基本用法', async () => {
+    const switchValue = ref(false)
+    const wrapper = mount(() => <Switch v-model={switchValue.value}></Switch>)
+    expect(wrapper.find('.tiny-switch').exists()).toBe(true)
+    switchValue.value = true
+    await nextTick()
+    expect(wrapper.find('.tiny-switch.tiny-switch-checked').exists()).toBe(true)
+  })
+
+  test('tabindex', () => {
+    const wrapper = mount(() => <Switch tabindex="0" />)
+    expect(wrapper.find('.tiny-switch').attributes().tabindex).toBe('0')
+  })
+
+  test('true-value & false-value 自定义开关取值', async () => {
+    const switchValue = ref('yes')
+    const wrapper = mount(() => <Switch v-model={switchValue.value} true-value="yes" false-value="no"></Switch>)
+    expect(wrapper.find('.tiny-switch.tiny-switch-checked').exists()).toBe(true)
+    await wrapper.find('.tiny-switch').trigger('click')
+    await nextTick()
+    expect(switchValue.value).toBe('no')
+  })
+
+  test('disable 禁用状态', async () => {
+    const value = ref(true)
+    const wrapper = mount(() => <Switch disabled v-model={value.value} />)
+
+    expect(value.value).toEqual(true)
+    await wrapper.find('.tiny-switch').trigger('click')
+    expect(value.value).toEqual(true)
+  })
 })