fix(Switch): aria-label prop not applying to native control

necolas · Jul 17, 2023 · 19be431 · 19be431
1 parent 15f7899
commit 19be431
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/react-native-web/src/exports/Switch/__tests__/index-test.js b/packages/react-native-web/src/exports/Switch/__tests__/index-test.js
@@ -23,7 +23,7 @@ function findSwitchThumb(container) {
 
 describe('components/Switch', () => {
   test('accessibilityLabel is applied to native checkbox', () => {
-    const { container } = render(<Switch accessibilityLabel="switch" />);
+    const { container } = render(<Switch aria-label="switch" />);
     expect(findCheckbox(container).getAttribute('aria-label')).toBe('switch');
   });
 

diff --git a/packages/react-native-web/src/exports/Switch/index.js b/packages/react-native-web/src/exports/Switch/index.js
@@ -44,6 +44,7 @@ const Switch: React.AbstractComponent<
   React.ElementRef<typeof View>
 > = React.forwardRef((props, forwardedRef) => {
   const {
+    'aria-label': ariaLabel,
     accessibilityLabel,
     activeThumbColor,
     activeTrackColor,
@@ -166,6 +167,7 @@ const Switch: React.AbstractComponent<
   ];
 
   const nativeControl = createElement('input', {
+    'aria-label': ariaLabel,
     accessibilityLabel,
     checked: value,
     disabled: disabled,