Function queryAllByDisplayValue

src/queries/display-value.ts:17–44

(
  container,
  value,
  {exact = true, collapseWhitespace, trim, normalizer} = {},
)

} from './all-utils'

const queryAllByDisplayValue: AllByBoundAttribute = (
  container,
  value,
  {exact = true, collapseWhitespace, trim, normalizer} = {},
) => {
  checkContainerType(container)
  const matcher = exact ? matches : fuzzyMatches
  const matchNormalizer = makeNormalizer({collapseWhitespace, trim, normalizer})
  return Array.from(
    container.querySelectorAll<HTMLElement>(`input,textarea,select`),
  ).filter(node => {
    if (node.tagName === 'SELECT') {
      const selectedOptions = Array.from(
        (node as HTMLSelectElement).options,
      ).filter(option => option.selected)
      return selectedOptions.some(optionNode =>
        matcher(getNodeText(optionNode), optionNode, value, matchNormalizer),
      )
    } else {
      return matcher(
        (node as HTMLInputElement).value,
        node,
        value,
        matchNormalizer,
      )
    }
  })
}

const getMultipleError: GetErrorFunction<[unknown]> = (c, value) =>
  `Found multiple elements with the display value: ${value}.`