React 测试库 - 无法按角色找到锚元素

Question

我有以下代码：

    <div className="button">
      <a href={SOME_URL}>
      ...
      ...
      </a>
    </div>

在我的测试中，如果我尝试这样做：

const link = screen.getByRole('link');

我收到以下错误：

TestingLibraryElementError: Unable to find an accessible element with the role "link"

运行screen.debug()，我得到以下信息：

          <div
            class="button"
          >
            <a>

那怎么找不到呢？

Answer 1

a[href] 的默认角色是链接...

来源

您需要将一个添加href到<a>.