Generalize accessibility testing (#53182)

Summary:
Pull Request resolved: #53182

Changelog: [Internal]
Move accessibility tests into reusable test suite.

Reviewed By: rshest

Differential Revision: D79897200

fbshipit-source-id: d98ebc7d16e7fd5c3c81086df4eec07dfdcb2fb0

Author: andrewdacenko

packages/react-native/Libraries/Components/Pressable/__tests__/Pressable-itest.js

@@ -11,13 +11,14 @@
 
 import '@react-native/fantom/src/setUpDefaultReactNativeEnvironment';
 
-import type {HostInstance} from 'react-native';
+import type {AccessibilityProps, HostInstance} from 'react-native';
 
 import * as Fantom from '@react-native/fantom';
 import * as React from 'react';
 import {createRef} from 'react';
 import {Pressable} from 'react-native';
 import {Text} from 'react-native';
+import accessibilityPropsSuite from 'react-native/src/private/__tests__/utilities/accessibilityPropsSuite';
 import ensureInstance from 'react-native/src/private/__tests__/utilities/ensureInstance';
 import ReactNativeElement from 'react-native/src/private/webapis/dom/nodes/ReactNativeElement';
 
@@ -156,6 +157,11 @@ describe('<Pressable>', () => {
         );
       });
     });
+
+    component ComponentWithAccessibilityProps(...props: AccessibilityProps) {
+      return <Pressable {...props} />;
+    }
+    accessibilityPropsSuite(ComponentWithAccessibilityProps);
   });
 
   describe('ref', () => {

packages/react-native/Libraries/Components/Touchable/__tests__/TouchableWithoutFeedback-itest.js

@@ -10,9 +10,12 @@
 
 import '@react-native/fantom/src/setUpDefaultReactNativeEnvironment';
 
+import type {AccessibilityProps} from 'react-native';
+
 import * as Fantom from '@react-native/fantom';
 import * as React from 'react';
 import {Text, TouchableWithoutFeedback, View} from 'react-native';
+import accessibilityPropsSuite from 'react-native/src/private/__tests__/utilities/accessibilityPropsSuite';
 import ensureInstance from 'react-native/src/private/__tests__/utilities/ensureInstance';
 import ReactNativeElement from 'react-native/src/private/webapis/dom/nodes/ReactNativeElement';
 
@@ -36,23 +39,15 @@ describe('<TouchableWithoutFeedback>', () => {
       });
     });
 
-    describe('accessibility', () => {
-      it('is accessible by default', () => {
-        const root = Fantom.createRoot();
-
-        Fantom.runTask(() => {
-          root.render(
-            <TouchableWithoutFeedback>
-              <Text>Touchable</Text>
-            </TouchableWithoutFeedback>,
-          );
-        });
+    component ComponentWithAccessibilityProps(...props: AccessibilityProps) {
+      return (
+        <TouchableWithoutFeedback {...props}>
+          <Text>Touchable</Text>
+        </TouchableWithoutFeedback>
+      );
+    }
 
-        expect(root.getRenderedOutput({props: ['accessible']}).toJSX()).toEqual(
-          <rn-paragraph accessible="true">Touchable</rn-paragraph>,
-        );
-      });
-    });
+    accessibilityPropsSuite(ComponentWithAccessibilityProps);
   });
 
   describe('ref', () => {

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

@@ -10,12 +10,13 @@
 
 import '@react-native/fantom/src/setUpDefaultReactNativeEnvironment';
 
-import type {HostInstance} from 'react-native';
+import type {AccessibilityProps, HostInstance} from 'react-native';
 
 import * as Fantom from '@react-native/fantom';
 import * as React from 'react';
 import {createRef} from 'react';
 import {Image} from 'react-native';
+import accessibilityPropsSuite from 'react-native/src/private/__tests__/utilities/accessibilityPropsSuite';
 import ensureInstance from 'react-native/src/private/__tests__/utilities/ensureInstance';
 import NativeFantom from 'react-native/src/private/testing/fantom/specs/NativeFantom';
 import ReactNativeElement from 'react-native/src/private/webapis/dom/nodes/ReactNativeElement';
@@ -59,78 +60,6 @@ describe('<Image>', () => {
       });
     });
 
-    describe('accessibility', () => {
-      describe('accessible', () => {
-        it('indicates that image is an accessibility element', () => {
-          const root = Fantom.createRoot();
-
-          Fantom.runTask(() => {
-            root.render(<Image accessible={true} />);
-          });
-
-          expect(
-            root.getRenderedOutput({props: ['accessible']}).toJSX(),
-          ).toEqual(<rn-image accessible="true" />);
-        });
-      });
-
-      describe('accessibilityLabel', () => {
-        it('provides information for screen reader', () => {
-          const root = Fantom.createRoot();
-
-          Fantom.runTask(() => {
-            root.render(<Image accessibilityLabel="React Native Logo" />);
-          });
-
-          expect(
-            root.getRenderedOutput({props: ['accessibilityLabel']}).toJSX(),
-          ).toEqual(<rn-image accessibilityLabel="React Native Logo" />);
-        });
-      });
-
-      describe('alt', () => {
-        it('provides information for screen reader', () => {
-          const root = Fantom.createRoot();
-
-          Fantom.runTask(() => {
-            root.render(<Image alt="React Native Logo" />);
-          });
-
-          expect(
-            root
-              .getRenderedOutput({props: ['accessible', 'accessibilityLabel']})
-              .toJSX(),
-          ).toEqual(
-            <rn-image
-              accessible="true"
-              accessibilityLabel="React Native Logo"
-            />,
-          );
-        });
-
-        it('can be set alongside accessibilityLabel, but accessibilityLabel has higher priority', () => {
-          const root = Fantom.createRoot();
-
-          Fantom.runTask(() => {
-            root.render(
-              <Image
-                alt="React Native Logo"
-                accessibilityLabel="React Native"
-              />,
-            );
-          });
-
-          expect(
-            root
-              .getRenderedOutput({props: ['accessible', 'accessibilityLabel']})
-              .toJSX(),
-          ).toEqual(
-            <rn-image accessible="true" accessibilityLabel="React Native" />,
-          );
-        });
-      });
-    });
-
     describe('blurRadius', () => {
       it('provides blur radius for image', () => {
         const root = Fantom.createRoot();
@@ -656,6 +585,12 @@ describe('<Image>', () => {
         );
       });
     });
+
+    component ComponentWithAccessibilityProps(...props: AccessibilityProps) {
+      return <Image {...props} source={LOGO_SOURCE} />;
+    }
+
+    accessibilityPropsSuite(ComponentWithAccessibilityProps, false);
   });
 
   describe('ref', () => {