ByAltText

getByAltText, queryByAltText, getAllByAltText, queryAllByAltText, findByAltText, findAllByAltText

API

getByAltText(
  // If you're using `screen`, then skip the container argument:
  container: HTMLElement,
  text: TextMatch,
  options?: {
    exact?: boolean = true,
    normalizer?: NormalizerFn,
  }): HTMLElement

这将返回具有给定alt文本的元素（通常是<img>）。请注意，它仅支持接受alt属性或自定义元素的元素（因为我们不知道自定义元素是否实现了alt）：<img>、<input>和<area>（故意排除<applet>因为它已被弃用）。

<img alt="Incredibles 2 Poster" src="/incredibles-2.png" />

// HTML

import {screen} from '@testing-library/dom'

const incrediblesPosterImg = screen.getByAltText(/incredibles.*? poster/i)


// React

import {render, screen} from '@testing-library/react'

render(<MyComponent />)
const incrediblesPosterImg = screen.getByAltText(/incredibles.*? poster/i)