klz-cables.com/tests/mdx-regex.test.ts

import { describe, it, expect } from 'vitest';
import { fixMdxDataProps } from '../lib/mdx-utils';

describe('MDX Data Props Fixer', () => {
  it('should correctly parse MDX with nested JSON containing }}', () => {
    // This string simulates the exact structure that causes the bug in n2x2y.mdx
    const mdxInput = `<Block type="productTabs" data={{"content":{"root":{"children":[]}},"id":"123"}} />`;

    const result = fixMdxDataProps(mdxInput);

    const expected = `<Block type="productTabs" data="{&quot;content&quot;:{&quot;root&quot;:{&quot;children&quot;:[]}},&quot;id&quot;:&quot;123&quot;}" />`;

    expect(result).toBe(expected);
  });

  it('should not prematurely truncate if } appears inside a string literal', () => {
    const mdxInput = `<Block type="productTabs" data={{"content":{"text":"}>"}}} />`;
    const result = fixMdxDataProps(mdxInput);
    const expected = `<Block type="productTabs" data="{&quot;content&quot;:{&quot;text&quot;:&quot;}&gt;&quot;}}" />`;
    expect(result).toBe(expected.replace('&gt;', '>'));
  });
});