fix: toHaveTextContent supports interpolated variables (testing-libra…

…ry#59)
Alex-Whyatt · Aug 3, 2021 · 1bd7419 · 1bd7419
1 parent 408914b
commit 1bd7419
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/__tests__/to-have-text-content.js b/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');
+  });
 });
diff --git a/src/to-have-text-content.js b/src/to-have-text-content.js
@@ -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 {