feat: RegExp support for *ByTestId queries

src/__tests__/getByApi.test.js

@@ -35,3 +35,17 @@ test('getByTestId returns only native elements', () => {
     'No instances found with testID: myComponent'
   );
 });
+
+test('getAllByTestId supports a regex matcher', () => {
+  const { getAllByTestId } = render(
+    <View>
+      <Text testID="text">Text</Text>
+      <TextInput testID="textInput" />
+      <View testID="view" />
+      <Button testID="button" title="Button" onPress={jest.fn()} />
+      <MyComponent testID="myComponent" />
+    </View>
+  );
+
+  expect(getAllByTestId(/text/)).toHaveLength(2);
+});

src/helpers/findByAPI.js

@@ -26,7 +26,7 @@ export const findByTestId = (instance: ReactTestInstance) => (
 ) => makeFindQuery(instance, getByTestId, testId, waitForOptions);
 
 export const findAllByTestId = (instance: ReactTestInstance) => (
-  testId: string,
+  testId: string | RegExp,
   waitForOptions: WaitForOptions = {}
 ) => makeFindQuery(instance, getAllByTestId, testId, waitForOptions);
 

src/helpers/getByAPI.js

@@ -89,6 +89,16 @@ const getTextInputNodeByDisplayValue = (node, value) => {
   }
 };
 
+const getNodeByTestId = (node, testID) => {
+  try {
+    return typeof testID === 'string'
+      ? testID === node.props.testID
+      : testID.test(node.props.testID);
+  } catch (error) {
+    throw createLibraryNotSupportedError(error);
+  }
+};
+
 export const getByText = (instance: ReactTestInstance) =>
   function getByTextFn(text: string | RegExp) {
     try {
@@ -183,9 +193,9 @@ export const getAllByDisplayValue = (instance: ReactTestInstance) =>
   };
 
 export const getAllByTestId = (instance: ReactTestInstance) =>
-  function getAllByTestIdFn(testID: string): ReactTestInstance[] {
+  function getAllByTestIdFn(testID: string | RegExp): ReactTestInstance[] {
     const results = instance
-      .findAllByProps({ testID })
+      .findAll((node) => getNodeByTestId(node, testID))
       .filter((element) => typeof element.type === 'string');
 
     if (results.length === 0) {

src/helpers/queryByAPI.js

@@ -87,7 +87,7 @@ export const queryAllByDisplayValue = (instance: ReactTestInstance) => (
 };
 
 export const queryAllByTestId = (instance: ReactTestInstance) => (
-  testID: string
+  testID: string | RegExp
 ) => {
   try {
     return getAllByTestId(instance)(testID);

typings/__tests__/index.test.tsx

@@ -64,6 +64,7 @@ const getAllBy: ReactTestInstance[][] = [
   tree.getAllByDisplayValue('my value'),
   tree.getAllByDisplayValue(/value/g),
   tree.getAllByTestId('test-id'),
+  tree.getAllByTestId(/value/g),
   tree.getAllByA11yLabel('label'),
   tree.getAllByLabelText('label'),
   tree.getAllByA11yHint('label'),
@@ -111,6 +112,7 @@ const queryAllBy: ReactTestInstance[][] = [
   tree.queryAllByDisplayValue('my value'),
   tree.queryAllByDisplayValue(/value/g),
   tree.queryAllByTestId('test-id'),
+  tree.queryAllByTestId(/value/),
   tree.queryAllByA11yLabel('label'),
   tree.queryAllByLabelText('label'),
   tree.queryAllByA11yHint('label'),
@@ -177,7 +179,7 @@ const findAllBy: Promise<ReactTestInstance[]>[] = [
   tree.findAllByDisplayValue(/View/g),
   tree.findAllByDisplayValue(/View/g, { timeout: 10, interval: 10 }),
   tree.findAllByTestId('test-id'),
-  tree.findAllByTestId('test-id', { timeout: 10, interval: 10 }),
+  tree.findAllByTestId(/value/, { timeout: 10, interval: 10 }),
   tree.findAllByA11yLabel('label'),
   tree.findAllByA11yLabel('label', { timeout: 10, interval: 10 }),
   tree.findAllByLabelText('label'),

typings/index.d.ts

@@ -19,7 +19,7 @@ interface GetByAPI {
   getByPlaceholderText: (placeholder: string | RegExp) => ReactTestInstance;
   getByDisplayValue: (value: string | RegExp) => ReactTestInstance;
   getByTestId: (testID: string) => ReactTestInstance;
-  getAllByTestId: (testID: string) => Array<ReactTestInstance>;
+  getAllByTestId: (testID: string | RegExp) => Array<ReactTestInstance>;
   getAllByText: (text: string | RegExp) => Array<ReactTestInstance>;
   getAllByPlaceholderText: (
     placeholder: string | RegExp
@@ -70,7 +70,7 @@ interface QueryByAPI {
   ) => ReactTestInstance | null;
   queryByDisplayValue: (value: string | RegExp) => ReactTestInstance | null;
   queryByTestId: (testID: string) => ReactTestInstance | null;
-  queryAllByTestId: (testID: string) => Array<ReactTestInstance> | [];
+  queryAllByTestId: (testID: string | RegExp) => Array<ReactTestInstance> | [];
   queryAllByText: (text: string | RegExp) => Array<ReactTestInstance> | [];
   queryAllByPlaceholderText: (
     placeholder: string | RegExp
@@ -151,7 +151,7 @@ interface FindByAPI {
     waitForOptions?: WaitForOptions
   ) => FindAllReturn;
   findAllByTestId: (
-    testID: string,
+    testID: string | RegExp,
     waitForOptions?: WaitForOptions
   ) => FindAllReturn;
 }