test: add test case (#1007)

react-component · Jul 17, 2024 · 1f19dbc · 1f19dbc
1 parent 3664b9e
commit 1f19dbc
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/docs/demo/editable.md b/docs/demo/editable.md
@@ -1,5 +1,5 @@
 ---
-title: Multiple
+title: Editable
 nav:
   title: Demo
   path: /demo

diff --git a/docs/examples/editable.tsx b/docs/examples/editable.tsx
@@ -19,7 +19,7 @@ export default () => {
           range={{
             editable: true,
           }}
-          track={false}
+          // track={false}
           min={0}
           max={100}
           value={value}
@@ -35,6 +35,9 @@ export default () => {
             rail: {
               background: `linear-gradient(to right, blue, red)`,
             },
+            track: {
+              background: 'orange',
+            },
           }}
         />
       </div>

diff --git a/src/Slider.tsx b/src/Slider.tsx
@@ -561,7 +561,7 @@ const Slider = React.forwardRef<SliderRef, SliderProps<number | number[]>>((prop
           <Tracks
             prefixCls={prefixCls}
             style={trackStyle}
-            values={sortedCacheValues}
+            values={rawValues}
             startPoint={startPoint}
             onStartMove={mergedDraggableTrack ? onStartMove : undefined}
           />

diff --git a/tests/Range.test.tsx b/tests/Range.test.tsx
@@ -660,6 +660,8 @@ describe('Range', () => {
         doMouseMove(container, 0, 1000);
         expect(onChange).toHaveBeenCalledWith([50, 100]);
 
+        expect(container.querySelectorAll('.rc-slider-track')).toHaveLength(1);
+
         // Fire mouse up
         fireEvent.mouseUp(container.querySelector('.rc-slider-handle'));
         expect(onChangeComplete).toHaveBeenCalledWith([50, 100]);