react-testing-library - waitForElementToBeRemoved 在传递元素时超时

Question

我正在尝试使用 waitForElementToBeRemoved只有一个元素，但 Jest 超时了。当我传入一个函数时，它起作用了。

我对这个功能的理解是它应该能够接受一个元素:https://github.com/testing-library/dom-testing-library/pull/460

我验证了我的应用程序正在使用@testing-library/dom@7.8.0。

这是代码:

// doesn't work
await waitForElementToBeRemoved(screen.getByText("Loading..."));

// works
await waitForElementToBeRemoved(() => screen.getByText("Loading..."));

知道我做错了什么吗？

Answer 1

最近我遇到了同样的问题 React 测试库 ，原因是库的版本。默认 create-react-app安装 @testing-library 的过时版本.
这里是 的解决方案React 测试库 :
运行 CLI 命令 npm outdated并检查依赖项的版本:

Package                      Current  Wanted  Latest
@testing-library/jest-dom      4.2.4   4.2.4  5.11.4
@testing-library/react         9.5.0   9.5.0  11.0.2
@testing-library/user-event    7.2.1   7.2.1  12.1.4

要更新依赖项，请打开 package.json并手动将它们更新到最新:

  ...
  "dependencies": {
    ...
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.0.2",
    "@testing-library/user-event": "^12.1.4"
    ...
  },
  ...

保存更改并运行 CLI 命令: npm install万一 DOM 测试库 对“@testing-library/dom”使用相同的步骤