Assigning test ids to components

type SomeComponentProps = WithDataAttributeProp<{ title: string }>;
const SomeComponent = ({
  /** Component props to be used as needed. */
  title,
  /** This prop is added by the withDataAttributeProp HoC and should be spread where you want your data attributes (like testid) to show up. */
  data,
}: SomeComponentProps) => {
  /** Serializes the data object to html attributes, if you spread the data object directly into an html tag it will come out as [Object Object]. */
  const dataAttributes = buildDataAttributes(data);
  return <div {...dataAttributes}>{title}</div>;
};
return (
  <Stack gap="large">
    <SomeComponent
      title="Inspect me, I have a test id"
      data={{ testId: 'someComponent-1' }}
    />
    <SomeComponent title="I don't have a test id" />
  </Stack>
);