React:无法在Jest/React浅呈现期间访问和测试属性和状态

import { shallow } from 'enzyme';
import { createContext, createWrapper } from 'react-context-component';

// 创建上下文对象
const MyContext = createContext({
  prop1: 'value1',
  state1: 'value2',
});

// 创建包装器组件
const WrapperComponent = createWrapper(MyContext, ({ children }) => (
  <MyContext.Provider value={{ prop1: 'value1', state1: 'value2' }}>
    {children}
  </MyContext.Provider>
));

// 需要测试的组件
const MyComponent = () => {
  const { prop1, state1 } = MyContext.useContext();
  return (
    <div>
      <span>{prop1}</span>
      <span>{state1}</span>
    </div>
  );
};

// 测试
describe('MyComponent', () => {
  it('should render prop1 and state1 correctly', () => {
    const wrapper = shallow(<WrapperComponent><MyComponent /></WrapperComponent>);
    expect(wrapper.find('span').at(0).text()).toBe('value1');
    expect(wrapper.find('span').at(1).text()).toBe('value2');
  });
});