React+TypeScript组件测试报错：wrapper.find is not function求助

我刚帮同事排查过一模一样的问题，咱们一步步拆解你的情况：

首先看你的测试代码片段，这个错误几乎都是因为你操作的wrapper不是Enzyme的ShallowWrapper实例导致的，下面是最常见的几个原因和解决办法：

• 原因1：setup函数返回的不是标准Enzyme实例
  你代码里用了const { wrapper } = setup({});，先重点检查这个setup函数的实现。如果setup里没有正确返回Enzyme的浅渲染结果——比如返回了React元素本身，或者对wrapper做了额外转换导致丢失了Enzyme实例的方法，那自然调用不了find。
  给你一个正确的setup函数参考：

  const setup = (props: ButtonGroupProps) => {
    const wrapper = shallow(<ButtonGroup {...props} />);
    return { wrapper };
  };
  

  确保你的setup函数确实返回了Enzyme的ShallowWrapper对象，而不是其他类型。

• 原因2：Enzyme适配器未正确配置
  如果你用的是Enzyme 3+版本，必须对应React版本配置适配器（比如enzyme-adapter-react-16/react-18）。没配置适配器的话，shallow渲染可能返回的不是标准Wrapper实例。
  解决步骤：

  1. 安装对应React版本的适配器：npm install --save-dev enzyme-adapter-react-xx（把xx换成你的React版本号，比如17或18）
  2. 在测试文件顶部或者项目的setupTests.ts中添加配置：

  import { configure } from 'enzyme';
  import Adapter from 'enzyme-adapter-react-18'; // 按需调整版本
  
  configure({ adapter: new Adapter() });
  

• 原因3：不小心修改了wrapper的类型
  看你第二个测试用例里的const wrapp...（应该是没写完），如果后续代码里你把wrapper重新赋值成了其他内容——比如const wrapper = wrapper.props().children，那这个新的wrapper就变成了React元素，不再是Enzyme实例，调用find肯定会报错。确保你操作的始终是Enzyme返回的原始Wrapper对象。

• 额外检查：TypeScript类型定义
  如果你用了TypeScript，记得安装@types/enzyme和对应适配器的类型包（比如@types/enzyme-adapter-react-18），这样TypeScript能帮你提前识别类型错误，避免不小心把Wrapper转换成其他类型。

你可以先从检查setup函数的实现开始，这是最常见的触发原因。如果还是解决不了，把setup函数的完整代码贴出来，咱们再进一步排查。

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