feat: support textareas with children. (#344)

Author: amannn

src/__tests__/element-queries.js

@@ -800,3 +800,10 @@ test('get/query textarea element by current value', () => {
   expect(getByDisplayValue('World').id).toEqual('content-textarea')
   expect(queryByDisplayValue('World').id).toEqual('content-textarea')
 })
+
+test('can get a textarea with children', () => {
+  const {getByLabelText} = renderIntoDocument(`
+    <label>Label<textarea>Value</textarea></label>
+  `)
+  getByLabelText('Label')
+})

src/queries/label-text.js

@@ -16,9 +16,17 @@ function queryAllLabelsByText(
 ) {
   const matcher = exact ? matches : fuzzyMatches
   const matchNormalizer = makeNormalizer({collapseWhitespace, trim, normalizer})
-  return Array.from(container.querySelectorAll('label')).filter(label =>
-    matcher(label.textContent, label, text, matchNormalizer),
-  )
+  return Array.from(container.querySelectorAll('label')).filter(label => {
+    let textToMatch = label.textContent
+
+    // The children of a textarea are part of `textContent` as well. We
+    // need to remove them from the string so we can match it afterwards.
+    label.querySelectorAll('textarea').forEach(textarea => {
+      textToMatch = textToMatch.replace(textarea.value, '')
+    })
+
+    return matcher(textToMatch, label, text, matchNormalizer)
+  })
 }
 
 function queryAllByLabelText(