feat: default accessibility roles

Author: mdjastrzebski

src/helpers/accessiblity.ts

@@ -4,9 +4,13 @@ import {
   StyleSheet,
 } from 'react-native';
 import { ReactTestInstance } from 'react-test-renderer';
-import { getTextContent } from './text-content';
 import { getHostSiblings, getUnsafeRootElement } from './component-tree';
-import { getHostComponentNames } from './host-component-names';
+import {
+  getHostComponentNames,
+  isHostText,
+  isHostTextInput,
+} from './host-component-names';
+import { getTextContent } from './text-content';
 
 type IsInaccessibleOptions = {
   cache?: WeakMap<ReactTestInstance, boolean>;
@@ -113,10 +117,39 @@ export function isAccessibilityElement(
   );
 }
 
-export function getAccessibilityRole(
-  element: ReactTestInstance
-): string | undefined {
-  return element.props.role ?? element.props.accessibilityRole;
+/**
+ * Returns the accessibility role for given element. It will return explicit
+ * role from either `role` or `accessibilityRole` props if set.
+ *
+ * If explicit role is not available, it would try to return default element
+ * role:
+ * - `text` for `Text` elements
+ * - `textbox`* for `TextInput` elements.
+ *
+ * Note: `textbox` is not an official React Native role, you cannot set it
+ * explicitly on an element. However, it is an ARIA role that better characterizes
+ * TextInput elements than the default `none` role.
+ *
+ * In all other cases this functions returns `none`.
+ *
+ * @param element
+ * @returns
+ */
+export function getAccessibilityRole(element: ReactTestInstance) {
+  const explicitRole = element.props.role ?? element.props.accessibilityRole;
+  if (explicitRole) {
+    return explicitRole;
+  }
+
+  if (isHostText(element)) {
+    return 'text';
+  }
+
+  if (isHostTextInput(element)) {
+    return 'textbox';
+  }
+
+  return 'none';
 }
 
 export function getAccessibilityViewIsModal(element: ReactTestInstance) {

src/queries/__tests__/role.test.tsx

@@ -3,6 +3,7 @@ import {
   TouchableOpacity,
   TouchableWithoutFeedback,
   Text,
+  TextInput,
   View,
   Pressable,
   Button as RNButton,
@@ -110,6 +111,20 @@ test('supports role prop', () => {
   expect(screen.getByRole('button')).toBeTruthy();
 });
 
+test('supports default roles', () => {
+  const screen = render(
+    <>
+      <View testID="view-default" accessible />
+      <Text testID="text-default" />
+      <TextInput testID="text-input-default" />
+    </>
+  );
+
+  expect(screen.getByRole('none').props.testID).toBe('view-default');
+  expect(screen.getByRole('text').props.testID).toBe('text-default');
+  expect(screen.getByRole('textbox').props.testID).toBe('text-input-default');
+});
+
 describe('supports name option', () => {
   test('returns an element that has the corresponding role and a children with the name', () => {
     const { getByRole } = render(