feat: change the mocked core components

Author: Brandon Carroll

src/core-components.js

@@ -0,0 +1,20 @@
+const CoreComponents = [
+  'ActivityIndicator',
+  'Button',
+  'DrawerLayoutAndroid',
+  'Image',
+  'Modal',
+  'Picker',
+  'RefreshControl',
+  'ScrollView',
+  'Switch',
+  'Text',
+  'TextInput',
+  'TouchableHighlight',
+  'TouchableNativeFeedback',
+  'TouchableOpacity',
+  'TouchableWithoutFeedback',
+  'View',
+];
+
+export { CoreComponents };

src/index.js

@@ -77,6 +77,7 @@ Object.keys(rntlFireEvent).forEach(key => {
 });
 
 export * from './events';
+export * from './core-components';
 export * from './get-node-text';
 export * from './get-queries-for-element';
 export * from './pretty-print';

src/queries/a11y-hint.js

@@ -1,4 +1,4 @@
-import { queryAllByProp, buildQueries, getPropMatchAsString } from './all-utils';
+import { queryAllByProp, buildQueries } from './all-utils';
 
 const queryAllByA11yHint = queryAllByProp.bind(null, 'accessibilityHint');
 

src/queries/index.js

@@ -6,4 +6,5 @@ export * from './a11y-traits';
 export * from './placeholder';
 export * from './test-id';
 export * from './text';
+export * from './title';
 export * from './value';

src/queries/title.js

@@ -0,0 +1,14 @@
+import { queryAllByProp, buildQueries } from './all-utils';
+
+const queryAllByTitle = queryAllByProp.bind(null, 'title');
+
+const getMultipleError = (c, title) => `Found multiple elements with the title: ${title}`;
+const getMissingError = (c, title) => `Unable to find an element with the title: ${title}`;
+
+const [queryByTitle, getAllByTitle, getByTitle, findAllByTitle, findByTitle] = buildQueries(
+  queryAllByTitle,
+  getMultipleError,
+  getMissingError,
+);
+
+export { queryByTitle, queryAllByTitle, getByTitle, getAllByTitle, findAllByTitle, findByTitle };

src/query-helpers.js

@@ -1,6 +1,7 @@
 import { prettyPrint } from './pretty-print';
 import { waitForElement } from './wait-for-element';
 import { fuzzyMatches, makeNormalizer, matches } from './matches';
+import { CoreComponents } from './core-components';
 
 function debugTree(htmlElement) {
   const limit = process.env.DEBUG_PRINT_LIMIT || 7000;
@@ -23,20 +24,7 @@ function getMultipleElementsFoundError(message, container) {
   );
 }
 
-function defaultFilter(node) {
-  const mockedTypes = [
-    'Image',
-    'Text',
-    'TextInput',
-    'Modal',
-    'View',
-    'RefreshControl',
-    'ScrollView',
-    'ActivityIndicator',
-    'ListView',
-    'ListViewDataSource',
-  ];
-
+function defaultFilter(node, mockedTypes = CoreComponents) {
   return mockedTypes.includes(node.type);
 }
 
@@ -80,7 +68,7 @@ function queryAllByProp(
   const matchNormalizer = makeNormalizer({ collapseWhitespace, trim, normalizer });
 
   return Array.from(baseElement.findAll(c => c.props[attribute]))
-    .filter((node, index) => (filter ? filter(node, index) : defaultFilter(node, index)))
+    .filter((node, ...args) => (filter ? filter(node, ...args) : defaultFilter(node)))
     .filter(({ props }) =>
       typeof props[attribute] === 'string'
         ? matcher(props[attribute], baseElement, match, matchNormalizer)