feat(RangeSlider): Enable tick display without stepped

Royal-Navy · Sep 15, 2020 · d40addc · d40addc
1 parent 1148c77
commit d40addc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/react-component-library/src/components/RangeSlider/RangeSlider.test.tsx b/packages/react-component-library/src/components/RangeSlider/RangeSlider.test.tsx
@@ -35,6 +35,10 @@ describe('RangeSlider', () => {
       )
     })
 
+    it('should render the ticks', () => {
+      expect(wrapper.getAllByTestId('rangeslider-tick')).toHaveLength(5)
+    })
+
     it('should render a single handle', () => {
       expect(wrapper.queryAllByTestId('rangeslider-handle').length).toBe(1)
     })

diff --git a/packages/react-component-library/src/components/RangeSlider/Slider.tsx b/packages/react-component-library/src/components/RangeSlider/Slider.tsx
@@ -128,7 +128,7 @@ export const RangeSlider: React.FC<RangeSliderProps> = ({
             </div>
           )}
         </Tracks>
-        {step && (
+        {tickCount && (
           <Ticks count={tickCount}>
             {({ ticks }) => (
               <div className="rn-rangeslider__ticks">