example - getStateDescription returns allways null

fabOnReact · Jun 7, 2022 · d5f4c9c · d5f4c9c
1 parent ad6732a
commit d5f4c9c
Showing 1 changed file with 50 additions and 0 deletions.
diff --git a/packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js b/packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js
@@ -27,6 +27,7 @@ const {
   StyleSheet,
   Slider,
   Platform,
+  Switch,
 } = require('react-native');
 import type {EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
 
@@ -337,6 +338,55 @@ class AutomaticContentGrouping extends React.Component<{}> {
             </View>
           </TouchableNativeFeedback>
         </RNTesterBlock>
+
+        <RNTesterBlock title="One of the child has accessibilityState (hasStateDescription triggers the announcement)">
+          <View accessible={true} accessibilityRole="button">
+            <View>
+              <Text accessible={false}>Text number 1</Text>
+              <Image
+                source={{
+                  uri: 'https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png',
+                }}
+                style={{height: 50, width: 50}}
+              />
+            </View>
+          </View>
+        </RNTesterBlock>
+
+        <RNTesterBlock title="One of the child has accessibilityState (hasStateDescription triggers the announcement)">
+          <View
+            accessible={true}
+            accessibilityHint="this is parent hint"
+            accessibilityState={{
+              checked: true,
+              selected: true,
+              disabled: true,
+              busy: true,
+              expanded: true,
+            }}>
+            <View
+              accessibilityState={{
+                checked: true,
+                selected: true,
+                disabled: true,
+                busy: true,
+                expanded: true,
+              }}>
+              <Text
+                accessibilityState={{
+                  checked: true,
+                  selected: true,
+                  disabled: true,
+                  busy: true,
+                  expanded: true,
+                }}
+                accessibilityState={{checked: true}}
+                accessible={false}>
+                Text number 1
+              </Text>
+            </View>
+          </View>
+        </RNTesterBlock>
       </View>
     );
   }