ByTitle

getByTitle、queryByTitle、getAllByTitle、queryAllByTitle、findByTitle、findAllByTitle

API

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

一致する title 属性を持つ要素を返します。

SVG 内の title 要素も検索します。

<span title="Delete" id="2"></span>
<svg>
  <title>Close</title>
  <g><path /></g>
</svg>

ネイティブ

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

const deleteElement = screen.getByTitle('Delete')
const closeElement = screen.getByTitle('Close')

React

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

render(<MyComponent />)
const deleteElement = screen.getByTitle('Delete')
const closeElement = screen.getByTitle('Close')

Angular

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

await render(MyComponent)
const deleteElement = screen.getByTitle('Delete')
const closeElement = screen.getByTitle('Close')

Cypress

cy.findByTitle('Delete').should('exist')
cy.findByTitle('Close').should('exist')

オプション

テキスト一致 オプション