transform-legacy-icons.test.ts — ui Source File

Source Code

import { type Config } from "@/src/utils/get-config"
import { transformLegacyIcons } from "@/src/utils/transformers/transform-legacy-icons"
import { describe, expect, test, vi } from "vitest"

import { transform } from "../transformers"

const testConfig: Config = {
  style: "new-york",
  tsx: true,
  rsc: true,
  tailwind: {
    baseColor: "neutral",
    cssVariables: true,
    config: "tailwind.config.ts",
    css: "tailwind.css",
  },
  aliases: {
    components: "@/components",
    utils: "@/lib/utils",
  },
  resolvedPaths: {
    cwd: "/",
    components: "/components",
    utils: "/lib/utils",
    ui: "/ui",
    lib: "/lib",
    hooks: "/hooks",
    tailwindConfig: "tailwind.config.ts",
    tailwindCss: "tailwind.css",
  },
}

vi.mock("@/src/registry/api", () => ({
  getRegistryIcons: () => ({
    Check: {
      lucide: "Check",
      radix: "CheckIcon",
    },
    ChevronDown: {
      lucide: "ChevronDown",
      radix: "ChevronDownIcon",
    },
    ChevronLeft: {
      lucide: "ChevronLeft",
      radix: "ChevronLeftIcon",
    },
  }),
}))

describe("transformIcons", () => {
  test("transforms radix icons", async () => {
    expect(
      await transform(
        {
          filename: "test.ts",
          raw: `import * as React from "react"
import { Check } from "lucide-react"

export function Component() {
return <div><Check /></div>
// ... (81 more lines)