Refactor accessibility tests and add proper Role types (#53222)

Summary:
Pull Request resolved: #53222

# Changelog:
[Internal] -

This factors out bits of the previously existing "Text.role" prop testing into the general accessibility props tests, so those can be reused, also making sure that we use correct types for both `.role` prop (`Role` type) and `.accessibilityRole prop (`AccessibilityRole`, correspondingly).

Note that the test suite for the `role` prop is a separate one, as `role` is only defined on the native side for certain component types (including `Text`), but not all.

Also, in the existing suite we weren't really testing `role`, but instead running the same test twice for `accessibilityRole`, that is corrected as well.

Reviewed By: andrewdacenko

Differential Revision: D80084731

fbshipit-source-id: 545f01c00e9ea5ca53f664888b9bb7b24ded315e

Author: rshest

packages/react-native/Libraries/Text/__tests__/Text-itest.js

@@ -11,15 +11,16 @@
 
 import '@react-native/fantom/src/setUpDefaultReactNativeEnvironment';
 
-import type {Role} from '../../Components/View/ViewAccessibility';
 import type {AccessibilityProps, HostInstance} from 'react-native';
 
 import ensureInstance from '../../../src/private/__tests__/utilities/ensureInstance';
 import * as Fantom from '@react-native/fantom';
 import * as React from 'react';
 import {createRef} from 'react';
 import {Text} from 'react-native';
-import accessibilityPropsSuite from 'react-native/src/private/__tests__/utilities/accessibilityPropsSuite';
+import accessibilityPropsSuite, {
+  rolePropSuite,
+} from 'react-native/src/private/__tests__/utilities/accessibilityPropsSuite';
 import ReactNativeElement from 'react-native/src/private/webapis/dom/nodes/ReactNativeElement';
 import ReadOnlyText from 'react-native/src/private/webapis/dom/nodes/ReadOnlyText';
 
@@ -274,115 +275,6 @@ describe('<Text>', () => {
       });
     });
 
-    describe('role', () => {
-      it(`has none by default`, () => {
-        const root = Fantom.createRoot();
-
-        Fantom.runTask(() => {
-          root.render(<Text>{TEST_TEXT}</Text>);
-        });
-
-        expect(root.getRenderedOutput({props: ['role']}).toJSX()).toEqual(
-          <rn-paragraph>{TEST_TEXT}</rn-paragraph>,
-        );
-      });
-
-      it(`maps invalid values to 'none'`, () => {
-        const root = Fantom.createRoot();
-
-        Fantom.runTask(() => {
-          // $FlowExpectedError[incompatible-type]
-          root.render(<Text role="__some_invalid_value">{TEST_TEXT}</Text>);
-        });
-
-        expect(root.getRenderedOutput({props: ['role']}).toJSX()).toEqual(
-          <rn-paragraph role="none">{TEST_TEXT}</rn-paragraph>,
-        );
-      });
-
-      it(`propagates correctly all possible values`, () => {
-        const root = Fantom.createRoot();
-        (
-          [
-            'alert',
-            'alertdialog',
-            'application',
-            'article',
-            'banner',
-            'button',
-            'cell',
-            'checkbox',
-            'columnheader',
-            'combobox',
-            'complementary',
-            'contentinfo',
-            'definition',
-            'dialog',
-            'directory',
-            'document',
-            'feed',
-            'figure',
-            'form',
-            'grid',
-            'group',
-            'heading',
-            'img',
-            'link',
-            'list',
-            'listitem',
-            'log',
-            'main',
-            'marquee',
-            'math',
-            'menu',
-            'menubar',
-            'menuitem',
-            'meter',
-            'navigation',
-            'none',
-            'note',
-            'option',
-            'presentation',
-            'progressbar',
-            'radio',
-            'radiogroup',
-            'region',
-            'row',
-            'rowgroup',
-            'rowheader',
-            'scrollbar',
-            'searchbox',
-            'separator',
-            'slider',
-            'spinbutton',
-            'status',
-            'summary',
-            'switch',
-            'tab',
-            'table',
-            'tablist',
-            'tabpanel',
-            'term',
-            'timer',
-            'toolbar',
-            'tooltip',
-            'tree',
-            'treegrid',
-            'treeitem',
-            'treeitem',
-          ] as Array<Role>
-        ).forEach(propVal => {
-          Fantom.runTask(() => {
-            root.render(<Text role={propVal}>{TEST_TEXT}</Text>);
-          });
-
-          expect(root.getRenderedOutput({props: ['role']}).toJSX()).toEqual(
-            <rn-paragraph role={propVal}>{TEST_TEXT}</rn-paragraph>,
-          );
-        });
-      });
-    });
-
     describe('selectable', () => {
       it(`can be set to "true"`, () => {
         const root = Fantom.createRoot();
@@ -530,4 +422,5 @@ describe('<Text>', () => {
     return <Text {...props}>{TEST_TEXT}</Text>;
   }
   accessibilityPropsSuite(ComponentWithAccessibilityProps, false);
+  rolePropSuite(ComponentWithAccessibilityProps);
 });