diff --git a/src/Handles/Handle.tsx b/src/Handles/Handle.tsx index 8d094c68a..60d2c74c5 100644 --- a/src/Handles/Handle.tsx +++ b/src/Handles/Handle.tsx @@ -134,6 +134,7 @@ const Handle = React.forwardRef((props: HandleProps, ref: React.Ref ); diff --git a/tests/Range.test.js b/tests/Range.test.js index e40500724..e4d9e873d 100644 --- a/tests/Range.test.js +++ b/tests/Range.test.js @@ -388,6 +388,26 @@ describe('Range', () => { test('touch', (container) => doTouchMove(container, 0, 20, 'rc-slider-track')); }); + it('sets aria-orientation to default on the handle', () => { + const { container } = render(); + expect(container.getElementsByClassName('rc-slider-handle')[0]).toHaveAttribute( + 'aria-orientation', + 'horizontal', + ); + }); + + it('sets aria-orientation to vertical on the handles of vertical Slider', () => { + const { container } = render(); + expect(container.getElementsByClassName('rc-slider-handle')[0]).toHaveAttribute( + 'aria-orientation', + 'vertical', + ); + expect(container.getElementsByClassName('rc-slider-handle')[1]).toHaveAttribute( + 'aria-orientation', + 'vertical', + ); + }); + it('sets aria-label on the handles', () => { const { container } = render( , diff --git a/tests/__snapshots__/Range.test.js.snap b/tests/__snapshots__/Range.test.js.snap index 32f6c41e3..87e38f9d3 100644 --- a/tests/__snapshots__/Range.test.js.snap +++ b/tests/__snapshots__/Range.test.js.snap @@ -24,6 +24,7 @@ exports[`Range should render Multi-Range with correct DOM structure 1`] = ` />