如何使用 Jest 模拟 React `@material-ui/icons` 中的所有图标？

Question

这个问题也可以概括为——如何模拟出导入模块上的所有属性以返回 React 组件？

Answer 1

到目前为止我最好的解决方案是：

jest.mock('@material-ui/icons', () => {
  const icons = {
    __esModule: true,
  };

  const handler = {
    get: function (_, prop) {
      return () => <div className={`mock_${prop}Icon`} />;
    },
  };

  return new Proxy(icons, handler);
});