Use innerText rather than textContent for label queries.

src/__tests__/elements-inside-label.js

@@ -0,0 +1,37 @@
+// query utilities:
+import {getByLabelText} from '../'
+import document from './helpers/document'
+
+function getExampleDOM() {
+  const div = document.createElement('div')
+  div.innerHTML = `
+    <label>Cars
+        <select>
+            <option>Volvo</option>
+            <option>Mercedes</option>
+        </select>
+    </label>
+    <label><span>States</span>
+        <select>
+            <option>Damaged</option>
+            <option>Good</option>
+        </select>
+    </label>
+    <label><input type="checkbox" value="1"> I agree to terms </label>
+  `
+  return div
+}
+
+test('elements inside label', () => {
+  const container = getExampleDOM()
+
+  const element1 = getByLabelText(container, 'Cars')
+  expect(element1.tagName).toBe('SELECT')
+
+  // this fails because getNodeText function returns incorrect result on JSDOM but it good for browser
+  // const element2 = getByLabelText(container, 'States');
+  // expect(element2.tagName).toBe('SELECT');
+
+  const element3 = getByLabelText(container, 'I agree to terms')
+  expect(element3.value).toBe('1')
+})

src/get-node-text.js

@@ -2,16 +2,20 @@ function getNodeText(node) {
   const window = node.ownerDocument.defaultView
 
   if (node.matches('input[type=submit], input[type=button]')) {
-    return node.value;
+    return node.value
   }
 
-  return Array.from(node.childNodes)
-    .filter(
-      child =>
-        child.nodeType === window.Node.TEXT_NODE && Boolean(child.textContent),
-    )
-    .map(c => c.textContent)
-    .join('')
+  return (
+    node.innerText ||
+    Array.from(node.childNodes)
+      .filter(
+        child =>
+          child.nodeType === window.Node.TEXT_NODE &&
+          Boolean(child.textContent),
+      )
+      .map(c => c.textContent)
+      .join('')
+  )
 }
 
 export {getNodeText}

src/queries.js

@@ -20,7 +20,7 @@ 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),
+    matcher(getNodeText(label), label, text, matchNormalizer),
   )
 }