Enzyme能否适配React Native+Hooks？测试状态不更新求助

我之前处理过类似的问题，这其实是Enzyme在适配React Hooks时的常见局限——尤其是用shallow渲染函数组件时，旧版Enzyme（或未适配React 16.8+的版本）不会自动触发Hooks状态更新后的重渲染，导致你模拟点击后拿到的还是初始状态。下面给你几个可行的解决方案：

1. 手动调用wrapper.update()触发重渲染 #

Enzyme的shallow渲染不会自动同步Hooks的状态变更，你需要在模拟交互后手动调用update()方法刷新组件实例：

it('increment to 1 on click', async () => {
  const component = shallow(<HooksTest />);
  const incrementButton = component.findWhere(node => node.prop("testID") === "increment")
  
  incrementButton.simulate('press');
  component.update(); // 关键：手动触发组件重渲染
  
  const counter = component.findWhere(node => node.prop("testID") === "counter")
  expect(counter.getElement().props.children).toEqual(1);
})

2. 改用mount全渲染替代shallow #

如果手动update仍不生效，可以试试mount全渲染。它会模拟真实的组件渲染环境，对Hooks状态更新的支持更完善：

it('increment to 1 on click', async () => {
  const component = mount(<HooksTest />);
  const incrementButton = component.findWhere(node => node.prop("testID") === "increment")
  
  incrementButton.simulate('press');
  
  const counter = component.findWhere(node => node.prop("testID") === "counter")
  expect(counter.text()).toEqual('1'); // 用text()方法更直观
})

3. 迁移到React Testing Library（推荐） #

如果是长期维护的Hooks项目，我强烈建议换成React Testing Library（React Native场景用@testing-library/react-native）。它是React官方推荐的测试工具，完全围绕用户交互设计，对Hooks的支持非常自然，不需要手动处理重渲染问题：

import { render, fireEvent } from '@testing-library/react-native';

it('increment to 1 on click', async () => {
  const { getByTestId } = render(<HooksTest />);
  const incrementButton = getByTestId('increment');
  const counter = getByTestId('counter');
  
  fireEvent.press(incrementButton);
  
  expect(counter).toHaveTextContent('1');
})

最后别忘了检查Enzyme依赖版本：确保安装了适配React 16.8+的适配器（比如enzyme-adapter-react-16@^1.15.0及以上），且enzyme本身版本在3.11.0以上，这能避免很多Hooks相关的兼容性问题。

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