Merge branch 'feat/to-be-visible' of github.com:fluiddot/jest-native into feat/to-be-visible

Author: fluiddot

README.md

@@ -325,8 +325,7 @@ An element is visible if **all** the following conditions are met:
 - it does not have its style property `display` set to `none`.
 - it does not have its style property `opacity` set to `0`.
 - it is not a `Modal` component or it does not have the prop `visible` set to `false`.
-- it is accessible (i.e. `accessibilityElementsHidden` prop is not defined or `false`, and
-  `importantForAccessibility` prop is not equal to `no-hide-descendants`).
+- it is not hidden from accessibility as checked by [`isInaccessible`](https://callstack.github.io/react-native-testing-library/docs/api#isinaccessible) function from React Native Testing Library
 - its ancestor elements are also visible.
 
 #### Examples

src/__tests__/to-be-visible.tsx

@@ -80,15 +80,15 @@ describe('.toBeVisible', () => {
     expect(getByTestId('test')).not.toBeVisible();
   });
 
-  test('handles innacessible view (iOS)', () => {
+  test('handles inaccessible view (iOS)', () => {
     const { getByTestId, update } = render(<View testID="test" accessibilityElementsHidden />);
     expect(getByTestId('test')).not.toBeVisible();
 
     update(<View testID="test" accessibilityElementsHidden={false} />);
     expect(getByTestId('test')).toBeVisible();
   });
 
-  test('handles view within innacessible view (iOS)', () => {
+  test('handles view within inaccessible view (iOS)', () => {
     const { getByTestId } = render(
       <View accessibilityElementsHidden>
         <View>
@@ -99,7 +99,7 @@ describe('.toBeVisible', () => {
     expect(getByTestId('test')).not.toBeVisible();
   });
 
-  test('handles innacessible view (Android)', () => {
+  test('handles inaccessible view (Android)', () => {
     const { getByTestId, update } = render(
       <View testID="test" importantForAccessibility="no-hide-descendants" />,
     );
@@ -109,7 +109,7 @@ describe('.toBeVisible', () => {
     expect(getByTestId('test')).toBeVisible();
   });
 
-  test('handles view within innacessible view (Android)', () => {
+  test('handles view within inaccessible view (Android)', () => {
     const { getByTestId } = render(
       <View importantForAccessibility="no-hide-descendants">
         <View>