Add Incubator.Slider driver (#2629)

Author: M-i-k-e-l

jestSetup/jest-setup.js

@@ -72,6 +72,7 @@ jest.mock('react-native-gesture-handler',
 
       PanMock.type = 'pan';
       PanMock.onStart = getDefaultMockedHandler('onStart');
+      PanMock.onBegin = getDefaultMockedHandler('onBegin');
       PanMock.onUpdate = getDefaultMockedHandler('onUpdate');
       PanMock.onEnd = getDefaultMockedHandler('onEnd');
       PanMock.onFinalize = getDefaultMockedHandler('onFinalize');

src/incubator/Slider/Slider.driver.ts

@@ -0,0 +1,6 @@
+import {SliderProps} from './index';
+import {ComponentDriver} from '../../testkit';
+
+export class SliderDriver extends ComponentDriver<SliderProps> {
+  isDisabled = async () => (await this.getElementProps()).accessibilityState?.disabled === true;
+}

src/incubator/Slider/__tests__/index.spec.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import Slider, {SliderProps} from '../index';
+import {SliderDriver} from '../Slider.driver';
+
+describe('Slider', () => {
+  afterEach(() => {
+    SliderDriver.clear();
+  });
+
+  const sliderDriver = (testID: string, props: Partial<SliderProps>) => {
+    const defaultProps: Partial<SliderProps> = {
+      testID,
+      onValueChange: jest.fn(),
+      disabled: false
+    };
+    const component = (<Slider {...defaultProps} {...props}/>);
+    return new SliderDriver({
+      component,
+      testID
+    });
+  };
+
+  it('Should be disabled', async () => {
+    const testId = 'slider-comp';
+    const driver = await sliderDriver(testId, {disabled: true});
+  
+    expect(await driver.isDisabled()).toBe(true);
+  });
+  
+  it('Should be disabled', async () => {
+    const testId = 'slider-comp';
+    const driver = await sliderDriver(testId, {disabled: false});
+
+    expect(await driver.isDisabled()).toBe(false);
+  });
+});

src/incubator/Slider/index.tsx

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import React, {useImperativeHandle, useCallback, useMemo, useEffect, ReactElement} from 'react';
-import {StyleSheet, AccessibilityRole, StyleProp, ViewStyle, GestureResponderEvent, LayoutChangeEvent, ViewProps} from 'react-native';
+import {StyleSheet, AccessibilityRole, StyleProp, ViewStyle, GestureResponderEvent, LayoutChangeEvent, ViewProps, AccessibilityProps} from 'react-native';
 import {useSharedValue, useAnimatedStyle, runOnJS, useAnimatedReaction, withTiming} from 'react-native-reanimated';
 import {forwardRef, ForwardRefInjectedProps, Constants} from '../../commons/new';
 import {extractAccessibilityProps} from '../../commons/modifiers';
@@ -16,7 +16,7 @@ import {
 import Thumb from './Thumb';
 import Track from './Track';
 
-export type SliderProps = {
+export interface SliderProps extends AccessibilityProps {
   /**
    * Initial value
    */

src/testkit/index.ts

@@ -12,3 +12,4 @@ export {RadioButtonDriver} from '../components/radioButton/RadioButton.driver';
 export {RadioGroupDriver} from '../components/radioGroup/RadioGroup.driver';
 export {SortableListItemDriver} from '../components/sortableList/SortableListItem.driver';
 export {SliderDriver} from '../components/slider/slider.driver';
+export {SliderDriver as IncubatorSliderDriver} from '../incubator/Slider/Slider.driver';