From 640e3bb24d3e91bef2102f8deb01fc7d28768986 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=A5=98=ED=95=9C=EA=B2=BD?= <hangyeong.ryu@gmail.com>
Date: Sat, 24 Sep 2022 15:06:33 +0900
Subject: [PATCH] fix(components): [slider] fix type error (#9886)

---
 .../components/slider/__tests__/slider.test.tsx     | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/components/slider/__tests__/slider.test.tsx b/packages/components/slider/__tests__/slider.test.tsx
index bd649e11e7..c3755080f8 100644
--- a/packages/components/slider/__tests__/slider.test.tsx
+++ b/packages/components/slider/__tests__/slider.test.tsx
@@ -1,10 +1,10 @@
-// @ts-nocheck
 import { h, nextTick, onMounted, ref } from 'vue'
 import { mount } from '@vue/test-utils'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { EVENT_CODE } from '@element-plus/constants'
 import { ElFormItem } from '@element-plus/components/form'
 import Slider from '../src/slider.vue'
+import type { SliderProps } from '../src/slider'
 
 vi.mock('lodash-unified', async () => {
   return {
@@ -97,7 +97,8 @@ describe('Slider', () => {
     await nextTick()
 
     expect(
-      document.querySelector(`.${TOOLTIP_CLASS}`).dataset.popperPlacement
+      (document.querySelector(`.${TOOLTIP_CLASS}`) as HTMLElement).dataset
+        .popperPlacement
     ).toBe(PLACEMENT)
   })
 
@@ -324,8 +325,8 @@ describe('Slider', () => {
   it('change event', async () => {
     vi.useRealTimers()
     const value = ref(0)
-    const data = ref(0)
-    const onChange = (val: number) => (data.value = val)
+    const data = ref<SliderProps['modelValue']>(0)
+    const onChange = (val: SliderProps['modelValue']) => (data.value = val)
     const wrapper = mount(() => (
       <div style="width: 200px">
         <Slider v-model={value.value} onChange={onChange} />
@@ -357,8 +358,8 @@ describe('Slider', () => {
   it('input event', async () => {
     vi.useRealTimers()
     const value = ref(0)
-    const data = ref(0)
-    const onInput = (val: number) => (data.value = val)
+    const data = ref<SliderProps['modelValue']>(0)
+    const onInput = (val: SliderProps['modelValue']) => (data.value = val)
     const wrapper = mount(() => (
       <div style="width: 200px">
         <Slider v-model={value.value} onInput={onInput} />