From 2fce0f1d3bdc291c53b6f863288f7fa34dd8fc23 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: Sun, 10 Jul 2022 17:28:45 +0900
Subject: [PATCH] fix(components): [slider] not changed marker style (#8737)

* fix(components): [slider] not changed marker style

* test: add mark props test case
---
 packages/components/slider/__tests__/slider.test.tsx | 3 +++
 packages/components/slider/src/marker.ts             | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/components/slider/__tests__/slider.test.tsx b/packages/components/slider/__tests__/slider.test.tsx
index 34475d565f..2e0300c119 100644
--- a/packages/components/slider/__tests__/slider.test.tsx
+++ b/packages/components/slider/__tests__/slider.test.tsx
@@ -610,6 +610,9 @@ describe('Slider', () => {
       const marks = wrapper.findAll('.el-slider__marks .el-slider__marks-text')
       expect(marks.length).toBe(2)
       expect(stops.length).toBe(2)
+      expect(getComputedStyle(marks[marks.length - 1].element).color).toBe(
+        'rgb(255, 85, 0)'
+      )
     })
   })
 
diff --git a/packages/components/slider/src/marker.ts b/packages/components/slider/src/marker.ts
index 6729f55491..7daaf6e6a8 100644
--- a/packages/components/slider/src/marker.ts
+++ b/packages/components/slider/src/marker.ts
@@ -34,7 +34,7 @@ export default defineComponent({
         'div',
         {
           class: ns.e('marks-text'),
-          style,
+          style: style.value,
         },
         label.value
       )