don't suggest on nested ignore tags

Author: benmonro

src/__tests__/suggestions.js

@@ -10,6 +10,16 @@ afterAll(() => {
   configure({throwSuggestions: false})
 })
 
+test('does not suggest for nested inline style', () => {
+  renderIntoDocument(
+    `<div data-testid="style"><style>.hsuHs{margin:auto}.wFncld{margin-top:3px;color:#9AA0A6;height:20px;width:20px}</style></div>`,
+  )
+
+  // screen.debug(screen.getByText(/hsus/))
+
+  expect(() => screen.getByTestId('style')).not.toThrow()
+})
+
 test('does not suggest for inline script, style', () => {
   renderIntoDocument(
     `<script data-testid="script">alert('hello')</script><style data-testid="style">.hsuHs{margin:auto}.wFncld{margin-top:3px;color:#9AA0A6;height:20px;width:20px}</style>`,

src/queries/text.js

@@ -1,11 +1,11 @@
+import {wrapAllByQueryWithSuggestion} from '../query-helpers'
 import {
   fuzzyMatches,
   matches,
   makeNormalizer,
   getNodeText,
   buildQueries,
 } from './all-utils'
-import {wrapAllByQueryWithSuggestion} from '../query-helpers'
 
 function queryAllByText(
   container,

src/suggestions.js

@@ -1,6 +1,7 @@
 import {computeAccessibleName} from 'dom-accessibility-api'
 import {getRoles} from './role-helpers'
 import {getDefaultNormalizer} from './matches'
+import {getNodeText} from './get-node-text'
 
 const normalize = getDefaultNormalizer()
 
@@ -57,7 +58,7 @@ export function getSuggestedQuery(element, variant) {
     return makeSuggestion('PlaceholderText', placeholderText, {variant})
   }
 
-  const textContent = normalize(element.textContent)
+  const textContent = normalize(getNodeText(element))
   if (textContent && !element.matches('script, style')) {
     return makeSuggestion('Text', textContent, {variant})
   }