React Component Mock

component-mock.tsx

import React, { type DetailedHTMLProps, type HTMLAttributes } from "react";

export const createComponentMock = <
  T extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>
>(
  componentName: string
) => {
  const fakeComponent = (props: T) => (
    <div data-testid={componentName} {...props} />
  );

  fakeComponent.displayName = componentName;

  return fakeComponent;
};