fix: support TextInput editable={false} prop check in isEnabled/isDisabled matchers

README.md

@@ -119,8 +119,11 @@ toBeDisabled();
 
 Check whether or not an element is disabled from a user perspective.
 
-This matcher will check if the element or its parent has a `disabled` prop, or if it has
-`accessibilityState={{disabled: true}}.
+This matcher will check if the element or its parent has any of thoses props value:
+
+- `disabled={true}`
+- `accessibilityState={{disabled: true}}`
+- `editable={false}`
 
 It also works with `accessibilityStates={['disabled']}` for now. However, this prop is deprecated in
 React Native [0.62](https://reactnative.dev/blog/2020/03/26/version-0.62#breaking-changes)

src/__tests__/to-be-disabled.tsx

@@ -49,6 +49,18 @@ describe('.toBeDisabled', () => {
       expect(() => expect(queryByTestId(name)).not.toBeDisabled()).toThrow();
     });
   });
+
+  test('handle editable prop for TextInput when false', () => {
+    const { queryByTestId } = render(
+      <View testID="view">
+        <TextInput testID="disabled" editable={false} />
+        <TextInput testID="enabled" editable />
+      </View>,
+    );
+
+    expect(queryByTestId('disabled')).toBeDisabled();
+    expect(queryByTestId('enabled')).not.toBeDisabled();
+  });
 });
 
 describe('.toBeEnabled', () => {
@@ -79,6 +91,20 @@ describe('.toBeEnabled', () => {
       expect(() => expect(queryByTestId(name)).not.toBeEnabled()).toThrow();
     });
   });
+
+  test('handle editable prop for TextInput when true', () => {
+    const { queryByTestId } = render(
+      <View testID="view">
+        <TextInput testID="enabled-by-default" />
+        <TextInput testID="enabled" editable />
+        <TextInput testID="disabled" editable={false} />
+      </View>,
+    );
+
+    expect(queryByTestId('enabled-by-default')).toBeEnabled();
+    expect(queryByTestId('enabled')).toBeEnabled();
+    expect(queryByTestId('disabled')).not.toBeEnabled();
+  });
 });
 
 describe('for .toBeEnabled/Disabled Button', () => {

src/to-be-disabled.ts

@@ -23,7 +23,8 @@ function isElementDisabled(element: ReactTestInstance) {
   return (
     !!element?.props?.disabled ||
     !!element?.props?.accessibilityState?.disabled ||
-    !!element?.props?.accessibilityStates?.includes('disabled')
+    !!element?.props?.accessibilityStates?.includes('disabled') ||
+    element?.props?.editable === false
   );
 }