Switch - fix accessibility (#3511)

* Switch - fix accessibility

* fix tests

Author: Inbal-Tish

src/components/switch/__tests__/index.spec.tsx

@@ -47,12 +47,6 @@ describe('Switch', () => {
     expect(onValueChange).not.toHaveBeenCalled();
   });
 
-  it('Accessibility value should be true when checked', async () => {
-    const driver = testCase(testID, {value: true});
-
-    expect(driver.getAccessibilityValue()).toBe(true);
-  });
-
   it('Accessibility value should be false when not checked', async () => {
     const driver = testCase(testID, {value: false});
 
@@ -65,12 +59,6 @@ describe('Switch', () => {
     expect(driver.isChecked()).toBe(true);
   });
 
-  it('Accessibility value should be false when not checked', async () => {
-    const driver = testCase(testID, {value: false});
-
-    expect(driver.getAccessibilityValue()).toBe(false);
-  });
-
   it('Should be disabled', async () => {
     const driver = testCase(testID, {disabled: true});
 

src/components/switch/index.tsx

@@ -83,15 +83,10 @@ class Switch extends Component<SwitchProps> {
   getAccessibilityProps() {
     const {disabled, value} = this.props;
 
-
     return {
       accessible: true,
       accessibilityRole: 'switch',
-      accessibilityState: {
-        disabled,
-        checked: value ? 'checked' : 'unchecked'
-      },
-      accessibilityValue: {text: value ? '1' : '0'}
+      accessibilityState: {disabled, checked: value}
     };
   }
 

src/components/switch/switch.driver.ts

@@ -6,9 +6,8 @@ export const SwitchDriver = (props: ComponentProps) => {
   const driver = usePressableDriver(useComponentDriver(props));
 
   const getStyle = () => driver.getElement().props.style as ViewStyle;
-  const getAccessibilityValue = () => driver.getElement().props.accessibilityValue?.text === '1';
   const isDisabled = () => driver.getElement().props.accessibilityState?.disabled === true;
-  const isChecked = () => driver.getElement().props.accessibilityValue?.text === '1';
+  const isChecked = () => driver.getElement().props.accessibilityState?.checked;
 
-  return {...driver, getStyle, getAccessibilityValue, isDisabled, isChecked};
+  return {...driver, getStyle, isDisabled, isChecked};
 };