feat(alt-text): query AMP-IMG by alt text, too

AJ-Jambit · web-flow · commit b71fcd839d2c · 2021-10-05T18:41:48.000+02:00
For my customer, I have to implement &lt;amp-img /&gt; in React. I would love to be able to use the existing RTL tooling.
diff --git a/src/queries/alt-text.ts b/src/queries/alt-text.ts
@@ -12,7 +12,7 @@ const queryAllByAltText: AllByBoundAttribute = (
   const matcher = exact ? matches : fuzzyMatches
   const matchNormalizer = makeNormalizer({collapseWhitespace, trim, normalizer})
   return Array.from(
-    container.querySelectorAll<HTMLElement>('img,input,area'),
+    container.querySelectorAll<HTMLElement>('img,input,area,amp-img'),
   ).filter(node =>
     matcher(node.getAttribute('alt'), node, alt, matchNormalizer),
   )

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ const queryAllByAltText: AllByBoundAttribute = (`
`12`	`12`	`const matcher = exact ? matches : fuzzyMatches`
`13`	`13`	`const matchNormalizer = makeNormalizer({collapseWhitespace, trim, normalizer})`
`14`	`14`	`return Array.from(`
`15`		`- container.querySelectorAll<HTMLElement>('img,input,area'),`
	`15`	`+ container.querySelectorAll<HTMLElement>('img,input,area,amp-img'),`
`16`	`16`	`).filter(node =>`
`17`	`17`	`matcher(node.getAttribute('alt'), node, alt, matchNormalizer),`
`18`	`18`	`)`