React组件单元测试报错：expect(...).toBeVisible is not a function

toBeVisible并不是Jest原生的断言方法，它是@testing-library/jest-dom库提供的扩展断言，出现这个错误的核心原因是你的测试环境没有引入这个扩展。

解决步骤： #

1. 安装依赖
   执行命令安装@testing-library/jest-dom：

npm install --save-dev @testing-library/jest-dom
# 或使用yarn
yarn add --dev @testing-library/jest-dom

2. 全局引入断言扩展
   有两种方式可以让扩展全局生效：

• 在项目的测试入口文件（比如src/setupTests.js）中添加导入语句：

import '@testing-library/jest-dom';

• 或者在Jest配置文件（jest.config.js）中配置setupFilesAfterEnv：

module.exports = {
  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
};

3. 重新运行测试
   完成上述配置后，重新执行测试命令，toBeVisible方法就能正常调用了。

如果已经安装依赖但仍报错，检查@testing-library/jest-dom与@testing-library/react的版本是否兼容，或者确认是否在单个测试文件中遗漏了扩展导入（全局导入是更推荐的方式）。

内容的提问来源于stack exchange，提问作者user21116899