byRole queries return only accessibility elements (#1244)

* refactor: group tests in accessibility

* feat: add isAccessibilityElement helper

* chore: fix typo

* feat: handle accessible in byrole

* feat: only check accessibility when useBreakingChanges true

* test: group a11y tests together

* test: add implicit accessible test

* test: review byrole test titles

* test: add test case for byRole

* refactor: code review changes

* fix: code cov warnings

Co-authored-by: Maciej Jastrzębski <[email protected]>

Author: MattAgn

src/__tests__/host-component-names.test.tsx

@@ -2,8 +2,13 @@ import { View } from 'react-native';
 import TestRenderer from 'react-test-renderer';
 import { configureInternal, getConfig } from '../config';
 import { getHostComponentNames } from '../helpers/host-component-names';
+import * as within from '../within';
 
 const mockCreate = jest.spyOn(TestRenderer, 'create') as jest.Mock;
+const mockGetQueriesForElements = jest.spyOn(
+  within,
+  'getQueriesForElement'
+) as jest.Mock;
 
 describe('getHostComponentNames', () => {
   test('updates internal config with host component names when they are not defined', () => {
@@ -45,4 +50,22 @@ describe('getHostComponentNames', () => {
       "
     `);
   });
+
+  test('throw an error when autodetection fails due to getByTestId returning non-host component', () => {
+    mockGetQueriesForElements.mockReturnValue({
+      getByTestId: () => {
+        return { type: View };
+      },
+    });
+
+    expect(() => getHostComponentNames()).toThrowErrorMatchingInlineSnapshot(`
+      "Trying to detect host component names triggered the following error:
+
+      getByTestId returned non-host component
+
+      There seems to be an issue with your configuration that prevents React Native Testing Library from working correctly.
+      Please check if you are using compatible versions of React Native and React Native Testing Library.
+      "
+    `);
+  });
 });