@razorpay/blade/codemods/migrate-progressbar/transformers/__test__/migrate-progressbar.test.ts

The Design System that powers Razorpay

import { applyTransform } from '@hypermod/utils';
import * as transformer from '..';

it('should migrate the ProgressBar component', async () => {
  const result = await applyTransform(
    transformer,
    `
    const App = () => (
        <>
          <ProgressBar value={20} label="Label" />
          <ProgressBar variant="meter" value={20} label="Label" />
          <ProgressBar variant="progress" value={20} label="Label" />
        </>
      );
    `,
    { parser: 'tsx' },
  );

  expect(result).toMatchInlineSnapshot(`
    "const App = () => (
            <>
              <ProgressBar value={20} label="Label" type="progress" />
              <ProgressBar type="meter" value={20} label="Label" />
              <ProgressBar type="progress" value={20} label="Label" />
            </>
          );"
  `);
});