比较2个React组件

Question

我正在编写一个创建React组件的Webpack加载器。现在，我要测试生成的组件，以查看它们是否已正确创建。因此，我想将我的组件与使用React创建正常方法的参考组件进行比较。但是我怎么能开玩笑呢？

test('component is created properly', () => {
  const ComponentA = createReactComponentWithMyLoader();
  class ComponentB extends extends React.Component {/* ... */}
  expect(ComponentA).toEqual(ComponentB);
})

这确实失败

  

FAIL test / serializer / react.test.ts●ReactSerializer›一个元素

     

期望（已接收）.toEqual（预期）

     

等于的期望值：[Function Foo]已收到：[Function Foo]   差异：比较值没有视觉差异。