stringValidation.ts

import { ReactTestRendererNode } from 'react-test-renderer';

export const validateStringsRenderedWithinText = (
  rendererJSON: ReactTestRendererNode | Array<ReactTestRendererNode> | null
) => {
  if (!rendererJSON) return;

  if (Array.isArray(rendererJSON)) {
    rendererJSON.forEach(validateStringsRenderedWithinTextForNode);
    return;
  }

  return validateStringsRenderedWithinTextForNode(rendererJSON);
};

const validateStringsRenderedWithinTextForNode = (
  node: ReactTestRendererNode
) => {
  if (typeof node === 'string') {
    return;
  }

  if (node.type !== 'Text') {
    node.children?.forEach((child) => {
      if (typeof child === 'string') {
        throw new Error(
          `Invariant Violation: Text strings must be rendered within a <Text> component. Detected attempt to render "${child}" string within a <${node.type}> component.`
        );
      }
    });
  }

  if (node.children) {
    node.children.forEach(validateStringsRenderedWithinTextForNode);
  }
};