test: add test case (#1007)

Author: zombieJ

docs/demo/editable.md

@@ -1,5 +1,5 @@
 ---
-title: Multiple
+title: Editable
 nav:
   title: Demo
   path: /demo

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>

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}
           />

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]);