如何正确模拟其属性中具有组件的React组件类？

Question

我需要在开玩笑上模拟组件，组件结构是这样的：

export class ClassName extends React.Component<ClassNameProps> {
  static PropOne;
  static PropTwo;

  static MethodOne(param: string): void;
  static MethodTwo(param: string): void;
}

注意：它上的每个静态属性，返回不同的反应组件。因此，phopone是一个组件

注2 ：我对此组件的负责人不可能，我没有权限更改它。

在我的模拟文件上，我通常会做类似的事情：

export default {
  ClassName: 'class-name'
}

但是在这种情况下，我也需要模拟这些子组件。我已经尝试了以下想法：

ClassName: {
  PropOne: jest.fn(() => Promise.resolve('')),
  PropTwo: jest.fn(() => Promise.resolve('')),
  MethodOne: jest.fn(),
  MethodTwo: jest.fn(),
},

ClassName: class ClassName extends Component<ClassNameProps> {
  static PropOne: Component<ClassNameProps>|string = 'class-name.prop-one';
  static PropTwo: Component<ClassNameProps>|string = 'class-name.prop.two';
  
  static MethodOne = jest.fn();
  static MethodTwo = jest.fn();
},

PS：此组件是附加软件包的一部分。他们不在我的项目上。