feat: support Image alt prop in *ByLabelText

Author: mdjastrzebski

src/helpers/accessibility.ts

@@ -9,6 +9,7 @@ import { ReactTestInstance } from 'react-test-renderer';
 import { getHostSiblings, getUnsafeRootElement } from './component-tree';
 import {
   getHostComponentNames,
+  isHostImage,
   isHostSwitch,
   isHostText,
   isHostTextInput,
@@ -145,6 +146,10 @@ export function computeAriaModal(element: ReactTestInstance): boolean | undefine
 }
 
 export function computeAriaLabel(element: ReactTestInstance): string | undefined {
+  if (isHostImage(element) && element.props.alt) {
+    return element.props.alt;
+  }
+
   return element.props['aria-label'] ?? element.props.accessibilityLabel;
 }
 

src/queries/__tests__/label-text.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { View, Text, TextInput, Pressable } from 'react-native';
+import { View, Text, TextInput, Image, Pressable } from 'react-native';
 import { render, screen } from '../..';
 
 const BUTTON_LABEL = 'cool button';
@@ -220,6 +220,18 @@ test('getByLabelText supports nested aria-labelledby', () => {
   expect(screen.getByLabelText(/nested text label/i)).toBe(screen.getByTestId('text-input'));
 });
 
+test('getByLabelText supports "Image"" with "alt" prop', () => {
+  render(
+    <>
+      <Image alt="Image Label" testID="image" />
+    </>,
+  );
+
+  const expectedElement = screen.getByTestId('image');
+  expect(screen.getByLabelText('Image Label')).toBe(expectedElement);
+  expect(screen.getByLabelText(/image label/i)).toBe(expectedElement);
+});
+
 test('error message renders the element tree, preserving only helpful props', async () => {
   render(<Pressable accessibilityLabel="LABEL" key="3" />);