BREAKING CHANGE: support @testing-library/react-native 7.0

The matchers toBeDisabled and toBeEnabled had to be removed in order to fully support @testing-library/react-native 7.0.
The reason for that is because testing-library returns native instances since v2.0 and these matchers were checking the host component a non-native instance.
They will be rewritten asserting the logic RN does around `onStartShouldSetResponder` as discussed in #23

Author: brunohkbx

README.md

@@ -40,8 +40,6 @@
 - [Installation](#installation)
 - [Usage](#usage)
 - [Matchers](#matchers)
-  - [`toBeDisabled`](#tobedisabled)
-  - [`toBeEnabled`](#tobeenabled)
   - [`toBeEmpty`](#tobeempty)
   - [`toContainElement`](#tocontainelement)
   - [`toHaveProp`](#tohaveprop)
@@ -108,58 +106,6 @@ expect.extend({ toBeEmpty, toHaveTextContent });
 `jest-native` has only been tested to work with `RNTL`. Keep in mind that these queries will only
 work on UI elements that bridge to native.
 
-### `toBeDisabled`
-
-```javascript
-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]}.
-
-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)
-
-#### Examples
-
-```javascript
-const { getByTestId } = render(
-  <View>
-    <Button disabled testID="button" title="submit" onPress={e => e} />
-    <TextInput accessibilityState={{ disabled: true }} testID="input" value="text" />
-  </View>,
-);
-
-expect(getByTestId('button')).toBeDisabled();
-expect(getByTestId('input')).toBeDisabled();
-```
-
-### `toBeEnabled`
-
-```javascript
-toBeEnabled();
-```
-
-Check whether or not an element is enabled from a user perspective.
-
-Works similarly to `expect().not.toBeDisabled()`.
-
-#### Examples
-
-```javascript
-const { getByTestId } = render(
-  <View>
-    <Button testID="button" title="submit" onPress={e => e} />
-    <TextInput testID="input" value="text" />
-  </View>,
-);
-
-expect(getByTestId('button')).toBeEnabled();
-expect(getByTestId('input')).toBeEnabled();
-```
-
 ### `toBeEmpty`
 
 ```javascript
@@ -231,10 +177,8 @@ const { queryByTestId } = render(
   </View>,
 );
 
-expect(queryByTestId('button')).toHaveProp('accessibilityStates', ['disabled']);
-expect(queryByTestId('button')).toHaveProp('accessible');
-expect(queryByTestId('button')).not.toHaveProp('disabled');
-expect(queryByTestId('button')).not.toHaveProp('title', 'ok');
+expect(queryByTestId('text')).toHaveProp('allowFontScaling', false);
+expect(queryByTestId('text')).not.toHaveProp('style');
 ```
 
 ### `toHaveTextContent`

extend-expect.d.ts

@@ -3,12 +3,10 @@ import { ReactTestInstance } from 'react-test-renderer';
 declare global {
   namespace jest {
     interface Matchers<R, T> {
-      toBeDisabled(): R;
       toContainElement(element: ReactTestInstance | null): R;
       toBeEmpty(): R;
       toHaveProp(attr: string, value?: any): R;
       toHaveTextContent(text: string | RegExp, options?: { normalizeWhitespace: boolean }): R;
-      toBeEnabled(): R;
       toHaveStyle(style: object[] | object): R;
     }
   }

jest.config.js

@@ -1,7 +1,7 @@
 const ignores = ['/node_modules/', '/__tests__/helpers/', '__mocks__'];
 
 module.exports = {
-  preset: '@testing-library/react-native',
+  preset: 'react-native',
   setupFilesAfterEnv: ['<rootDir>/setup-tests.js'],
   collectCoverageFrom: ['src/**/*.+(js|jsx|ts|tsx)'],
   testMatch: ['**/__tests__/**/*.+(js|jsx|ts|tsx)'],

package.json

@@ -39,7 +39,7 @@
     "@babel/cli": "7.2.3",
     "@babel/core": "7.4.0",
     "@babel/runtime": "7.4.0",
-    "@testing-library/react-native": "^6.0.0",
+    "@testing-library/react-native": "^7.1.0",
     "commitizen": "^3.0.7",
     "cz-conventional-changelog": "^2.1.0",
     "husky": "^1.3.1",

src/__tests__/to-be-disabled.js

@@ -12,19 +12,12 @@ test('.toHaveProp', () => {
     </View>,
   );
 
-  expect(queryByTestId('button')).toHaveProp('disabled', true);
-  expect(queryByTestId('button')).toHaveProp('disabled');
-  expect(queryByTestId('button')).toHaveProp('title', 'ok');
-
   expect(queryByTestId('text')).toHaveProp('allowFontScaling', false);
   expect(queryByTestId('text')).not.toHaveProp('style');
 
   expect(() =>
     expect(queryByTestId('button')).toHaveProp('accessibilityStates', ['disabled']),
   ).toThrowError();
-  expect(() => expect(queryByTestId('button')).toHaveProp('accessible')).toThrowError();
-  expect(() => expect(queryByTestId('button')).not.toHaveProp('disabled')).toThrowError();
-  expect(() => expect(queryByTestId('button')).not.toHaveProp('title', 'ok')).toThrowError();
 
   expect(() =>
     expect(queryByTestId('text')).not.toHaveProp('allowFontScaling', false),

src/__tests__/to-have-prop.js

@@ -1,16 +1,7 @@
-import { toBeDisabled, toBeEnabled } from './to-be-disabled';
 import { toBeEmpty } from './to-be-empty';
 import { toHaveProp } from './to-have-prop';
 import { toHaveTextContent } from './to-have-text-content';
 import { toContainElement } from './to-contain-element';
 import { toHaveStyle } from './to-have-style';
 
-export {
-  toBeDisabled,
-  toContainElement,
-  toBeEmpty,
-  toHaveProp,
-  toHaveTextContent,
-  toBeEnabled,
-  toHaveStyle,
-};
+export { toContainElement, toBeEmpty, toHaveProp, toHaveTextContent, toHaveStyle };