fix: add regression test for custom queries

Author: bcarroll22

package.json

@@ -56,15 +56,15 @@
     "metro-react-native-babel-preset": "^0.52.0",
     "prettier": "^1.16.4",
     "pretty-quick": "^1.10.0",
-    "react": "^16.8.5",
+    "react": "16.8.3",
     "react-hooks-testing-library": "^0.5.0",
     "react-intl": "^2.8.0",
     "react-intl-native": "^2.1.2",
-    "react-native": "^0.59.0",
+    "react-native": "^0.59.5",
     "react-native-gesture-handler": "^1.1.0",
     "react-navigation": "^3.5.1",
-    "react-redux": "6.0.1",
-    "redux": "^4.0.0",
+    "react-redux": "^7.0.3",
+    "redux": "^4.0.1",
     "semantic-release": "^15.13.3"
   },
   "peerDependencies": {

src/__tests__/bugs.js

@@ -0,0 +1,21 @@
+import { queryAllByProp } from '../lib';
+import { render } from '../index';
+import { Text, View } from 'react-native';
+import React from 'react';
+
+// This is to ensure custom queries can be passed to render. In most cases, you
+// wouldn't/shouldn't need to do this, but we do allow it so we'll test to
+// make sure that it works for those who use it.
+test('returns the queries passed as options bound to the container', () => {
+  const queryAllBySelectionColor = queryAllByProp.bind(null, 'selectionColor');
+  const queries = { queryAllBySelectionColor };
+
+  const { queryAllBySelectionColor: queryAllByImplementationDetail } = render(
+    <View>
+      <Text selectionColor="blue">hello world</Text>
+    </View>,
+    { queries },
+  );
+
+  expect(queryAllByImplementationDetail('blue')).toHaveLength(1);
+});

src/__tests__/render.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { View } from 'react-native';
-import { render } from '../';
+import { Text, View } from 'react-native';
+import { queryAllByProp, render } from '../';
 
 test('renders View', () => {
   const { container } = render(<View />);
@@ -30,13 +30,3 @@ test('renders options.wrapper around node', () => {
 </View>
 `);
 });
-
-test('returns the queries passed as options bound to the container', () => {
-  const _getQueryPassedAsOption = { bind: jest.fn(() => _getQueryPassedAsOption) };
-  const queries = { getQueryPassedAsOption: _getQueryPassedAsOption };
-
-  const { container, getQueryPassedAsOption } = render(<View />, { queries });
-
-  expect(queries.getQueryPassedAsOption.bind).toHaveBeenCalledWith(null, container);
-  expect(getQueryPassedAsOption).toEqual(_getQueryPassedAsOption);
-});