fix: toHaveTextContent supports interpolated variables

Author: jeremyshearer

src/__tests__/to-have-text-content.js

@@ -96,4 +96,11 @@ describe('.toHaveTextContent', () => {
 
     expect(getByTestId('parent')).toHaveTextContent(/^Shown$/);
   });
+
+  test('can handle text with an interpolated variable', () => {
+    const variable = 'variable';
+    const { container } = render(<Text>With a {variable}</Text>);
+
+    expect(container).toHaveTextContent('With a variable');
+  });
 });

src/to-have-text-content.js

@@ -1,5 +1,5 @@
 import { matcherHint } from 'jest-matcher-utils';
-import { compose, defaultTo, is, join, map, path, filter } from 'ramda';
+import { compose, defaultTo, is, join, map, path, filter, pathOr } from 'ramda';
 
 import { checkReactElement, getMessage, matches, normalize } from './utils';
 
@@ -9,7 +9,7 @@ function getText(child, currentValue = '') {
   if (!child) {
     return value;
   } else if (Array.isArray(child)) {
-    return child.reduce((acc, element) => acc + getText(path(['props', 'children'], element)), '');
+    return child.reduce((acc, element) => acc + getText(element), '');
   } else if (typeof child === 'object') {
     return getText(path(['props', 'children'], child), value);
   } else {